Membuat Jam Dinding

Tik tok tik tok, sambil menunggu waktu berbuka puasa lebih baik kita belajar animasi dan Action Script dengan Flash. Pada Tutorial Flash kali ini kita akan mencoba membuat Jam dinding sederhana. Penasaran cara membuatnya? mari kita belajar bersama di IlmuGrafis

Langkah - langkahnya sbb:
1. Buka Program Flash
Start >> All Program >> Flash , pilih flash dokumen
disini penulis menggunakan Flash MX 2004 namun tutorial ini bisa diterapkan di Adobe Flash versi berapapun termasuk Flash CS5


2. Buat lingkaran Gunakan oval tool (shortcut tombol: O), tips: tekan dan tahan tombol shift pada keyboard agar lingkaran bulat sempurna



3. Ubah warna fill jadi hitam, Gunakan text tool (Short cut tombol : T) dan tulis 1 per 1 nomor jam mulai dari 1 - 12 untuk penomoran angka
gunakan Selection tool untuk meletakkan nomor - nomor tersebut pada bagian jam



4. Dengan Line Tool (N) buatlah 3 buah garis untuk penunjuk arah jam
garis jam (pendek) , garis menit (agak panjang) , garis detik (panjang)

5. Seleksi garis yang paling pendek dengan selection tool (V) dan tekan F8
muncul jendela dan masukkan jam_mc dan pilih movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.

Seleksi movie clip jam_mc di Lembar kerja kemudian tekan Ctrl+F3 untuk memunculkan panel properties. Pada panel properties yang muncul masukkan jam_mc sebagai instance name.


6. Sama seperti di atas
Seleksi garis kedua (agak panjang), kemudian tekan F8. Pada panel yang muncul masukkan menit_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip menit_mc. Pada panel properties yang muncul masukkan menit_mc sebagai instance name.

7. Sama seperti di atas
Seleksi garis ketiga (paling panjang), kemudian tekan F8. Pada panel yang muncul masukkan detik_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip detik_mc. Pada panel properties yang muncul masukkan detik_mc sebagai instance name.

8. Satukan dan letakkan garis dengan urutan jam lalu menit kemudian detik dan letakkan di dalam tempat jam


9. Setelah semuanya terpasang, klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :


Masukkan code script berikut ini:
//perintah yang dijalankan ketika frame dimainkan onEnterFrame = function () { //membuat variable waktu sebagai date object waktu = new Date(); //membuat variable jam dengan nilai sama dengan jam pada komputer jam = waktu.getHours(); //membuat variable menit dengan nilai sama dengan menit pada komputer menit = waktu.getMinutes(); //membuat variable detik dengan nilai sama dengan detik pada komputer detik = waktu.getSeconds(); //digunakan jika komputer menggunakan sistem 12 jam //jika nilai variable jam lebih dari 12 maka akan dikurangi 12 if (jam>12) { jam -= 12; } //movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai variable menit di bagi 2 jam_mc._rotation = jam*30+(menit/2); //movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6 menit_mc._rotation = menit*6; //movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6 detik_mc._rotation = detik*6; };

10. Tekan Ctrl+Enter untuk melihat hasilnya.
kira - kira seperti ini:

Animasinya bisa diexport dalam bentuk flash movie dengan cara klik File >> Export movie, beri nama dan pilih format swf
seperti ini:

Tutorial Jam Dinding dengan Action Script
Tutorial ini saya buat sederhana namun bertujuan agar mudah dipraktikkan oleh pemula yang baru belajar flash. Anda dapat mengembangkannya dengan memperbaiki bagian grafisnya sehingga nantinya jam akan terlihat lebih bagus lagi. sampai jumpa di Tutorial menarik lainnya: baca juga Memasukkan Animasi Flash Ke Website. Download File Hasil disini

Terima kasih, Selamat belajar
Semoga Bermanfaat

»»  READMORE...

Membuat Gradien di Adobe Flash

Pada Tutorial kali ini kita akan mempelajari cara membuat gradien di Flash, membuat gradien di flash agak sedikit berbeda dengan gradien di photoshop karena di flash kita bukan memakai fill tapi cenderung memakai pengaturan color (Shift + Alt + F9)

Ok, mari kita praktekkan dengan Tutorial:

1. Buka Program Adobe Flash, Disini Bisa menggunakan Adobe Flash CS3,CS4,CS5
2. Pada Lembar kerja buatlah gambar terserah tapi disini saya akan mencontohkan dengan menggambar kotak, pada pengaturan sudut (Rectangle Option) gunakan angka 15


Gunakan Free Transform Tool (Q) untuk mengatur besar kecilnya kotak yang anda buat

3. Seperti penjelasan saya di awal, kita tidak bisa merubah fill karena fill hanya terdiri dari 1 Warna, untuk itu kita harus masuk ke pengaturan color dengan Window - color (Shift + Alt + F9) nanti akan muncul Color Setting seperti ini

Pilih Linear Gradien atau Radial Gradien, namun disini saya mencontohkan dengan linear gradien , Anda bisa memilih Flow: Extend Color

Untuk pengaturan Warna yang diinginkan bisa klik kedua panel di bawah yang ada tanda 2 panah caranya klik kotak tersebut dan pilih warna yang anda inginkan
Contohnya:
Kombinasi hitam dan biru


4. Ok sekarang pasti anda bertanya-tanya.... bagaimana cara mengubah posisi gradien agar tidak kaku seperti gambar di atas, ahaaa.... caranya gunakan Gradient Transform Tool (F)


Anda bisa mengatur bentuk gradien yang anda inginkan

dan juga memberikan hiasan text

Hasilnya kira-kira seperti ini

Gradien di Flash. Selamat Belajar Flash, SEMOGA BERMANFAAT

»»  READMORE...

Dasar - Dasar Macromedia Flash

Pernahkah anda melihat suatu animasi mungkin dalam benak anda berkata bagaimana cara membuat gambar animasi atau pernahkah anda melihat kartun yang setiap hari ditayangkan di televisi? salah satu aplikasi pembuat animasi dan kartun tersebut adalah Macromedia Flash. Pada pembahasan kali ini saya akan sedikit menerangkan tentang basic dari Flash


Sebelum melangkah lebih jauh sebaiknya anda kenali dulu dasar-dasar FLASH

Di bawah ini merupakan window dari Flash MX

Di bawah ini merupakan keterangan dari kegunaan masing-masing komponen Flash MX secara detail:

- Timeline, digunakan untuk mengatur dan mengontrol isi keseluruhan movie Anda.

- Stage, merupakan tempat dimana Anda bekerja dalam membuat sebuah animasi.

- Tools Box, berisi alat-alat yang digunakan untuk menggambar objek pada stage.

- Color Window, merupakan window yang digunakan untuk mengatur warna pada objek yang Anda buat.

- Actions – Frame, merupakan window yang digunakan untuk menuliskan Action Script untuk Flash MX.
Biasanya Action Script digunakan untuk mengendalikan objek yang Anda buat sesuai dengan keinginan Anda.

- Properties, merupakan window yang digunakan untuk mengatur property dari objek yang Anda buat.

- Components, digunakan untuk menambahkan objek untuk web application yang nantinya di publish ke internet.

OK sampai ketemu di tutorial Multimedia Selanjutnya... "Export Animasi". Terima kasih, Semoga bermanfaat

»»  READMORE...

Membuat Kop Surat Perusahaan Dengan Corel Draw 12

Pendahuluan
Berdasarkan pada objek desainnya, desain grafis dibagi menjadi dua kelompok, yakni desain bitmaps dan desain vektor ( baca artikel: perbedaan dan persamaan bitmap dengan vektor grafis ) . Desain bitmap bekerja dengan  bitmap yang tersusun dari pixel-pixel warna dan raster yang membentuk sebuah objek. Sedangkan desain vektor bekerja dengan gambar yang tersusun dari vektor atau garis.
Pada objek bitmap jumlah pixel dalam gambar sangat mempengaruhi kualitas gambar, semakin banyak jumlah pixel yang membentuk gambar, akan semakin jelas detail gambar, sebaliknya gambar akan tampak buram atau kasar (juggy) bila jumlah pixel yang membentuk gambar sedikit.
Pada desain vektor, jumlah pixel tidak mempengaruhi gambar, karena gambar vektor tersusun dari garis yang membentuk sebuah image yang menghasilkan warna yang solid. Tampilan image tidak mempengaruhi kualitas gambar.
Corel Draw 12 merupakan aplikasi untuk menyunting/ menggambar objek berbasis vektor, mulai dari pembuatan logo yang sederhana sampai pada pembuatan ilustrasi yang rumit juga mampu untuk pembuatan pekerjaan yang berkaitan dengan banyak naskah pengetikan seperti pembuatan brosur atau layout halaman.Corel draw selain mengolah gambar berbasis vektor, mampu pula mengolah gambar berbasis bitmap dengan hasil yang tidak kalah dengan program bitmap. Tak heran jika aplikasi Corel Draw menjadi sangat populer dan banyak dipergunakan oleh para setter dan desainer untuk membuat hasil karyanya, disamping aplikasi pengolah vector yang lain seperti Adobe Illustrator.
Ditengah maraknya dunia jasa percetakan (grafika) dewasa ini, membuka peluang pula bagi usaha jasa setting komputer yang melayani pembuatan desain pra cetak, mulai dari desain logo perusahaan, kop surat, memo, nota, kwitansi, kartu nama, undangan , brosur, poster dll. Dan Corel Draw merupakan aplikasi yang tak asing dan menjadi teman setia bagi para setter (desainer) untuk melayani kebutuhan para pelaku jasa percetakan.

Membuat Kop Surat
Buka Aplikasi Corel Draw 12 klik start > All Program > CorelDRAW Graphics Suite 12 > CoreDRAW 12, sebelum masuk ke aplikasi tampak pada layar monitor kotak dialog “Welcome to CorelDRAW” tampak seperti pada gambar di bawah ini


pilik New untuk memulai dokumen baru. Pastikan kita memilih page orientation  ”portrait”  yang terletak pada property bar.

Buat kotak sebagai guideline atau batas kop surat, klik window > Dockers > Object Manager, lalu pada Object Manager pilih panel Guides. Pilih Rectangle tool pada toolbox, buat kotak pada jendela gambar dengan ukuran lebar 195 mm dan tinggi 35 mm. Kunci guides anda dengan mengklik gambar pensil pada panel Guides. Pastikan anda mengaktifkan kembali panel Layer 1.
Pilih Text Tool. Klik pada areal gambar untuk membuat teks kop ”cv Aksaramedia Perkasa”. Atur jenis font dan size pada property bar, pada contoh kami menggunakan font atomic dengan ukuran 55 pt warna blue. Lalukan hal yang sama untuk membuat teks keterangan perusahaan ”General Contractor - Supplier” atur dengan memilih warna putih pada color palette, jenis font Trebuchet MS size 18  bold, variasikan dengan membuat kotak membungkus teks tadi. Atur rata tengah dengan memilih menu Arrange > Align and Distribute > Align Centers Vertically (C). Selanjutnya buat alamat perusahaan, pilih Text tool klik di bawah keterangan perusahaan, gunakan font arial size 11 fill  blue. Di sini terlihat pada kop, keterangan perusahaan dan alamat merupakan teks yang terpisah untuk memudahkan tata letaknya. Terakhir buat dua buah garis dibawah alamat, buat ketebalan garis pertama 2 pt dan garis kedua 1 pt, aktifkan kedua garis tersebut klik kanan pada color palette di warna blue.


Sempurnakan dengan pembuatan logo perusahaan, disini menggunakan modifikasi dari huruf A pada font atomic setelah di convert to curves, divariasikan dengan lingkaran dengan menggunakan elips tool.Atur warna sesuai keinginan. Hasilnya seperti gambar di bawah ini

Tentunya untuk keperluan pembuatan paper plate atau aluminium plate para setter memisahkan setiap warna pada hasil desain-nya, yakni warna blue dan red.

»»  READMORE...

Penjelasan Shortcut Keys CORELDRAW Lengkap

Key pada corel sama halnya pada main windows, fungsinya adalah mempercepat atau mempermudah suatu aktifitas dalam corel, sering juga disebut hot key, sering juga disebut hot key.

Keunggulannya adalah kita tidak perlu klik sana sini untuk beberapa menu, misalkan jika kita ingin meng-groupkan objek, kita tinggal menyeleksi semua objek lalu menekan Ctrl+G di keyboard tidak perlu menklik sub menu corel. Kelemahannya adalah kita harus menghafalnya, tapi jika sudah terbiasa dengan shortcut-shortcut ini anda akan dapat dengan mudah dan cepat menggunakannya.

Berikut ini adalah daftar Shortcut Keys standard pada corel :
Daftar Shortcut Default Coreldraw Klik disini

Menu	Shortcut	Keterangan
Align Bottom	B	Aligns selected objects to the bottom
Align Centers Horizontally	E	Horizontally aligns the centers of the selecte Objects
Align Centers Vertically	C	Vertically aligns the centers of the selected objects
Align Left	L	Aligns selected objects to the left
Align Right	R	Aligns selected objects to the right
Align To Baseline	Alt+F12	Aligns text to the baseline
Align Top	T	Aligns selected objects to the top
Artistic Media	I	Draws curves and applies Preset, Brush, Spray, Calligraphic or Pressure Sensitive effects to the strokes
		Daftar Shortcut Default Coreldraw Klik disini

Daftar di atas sedikit banyak sudah saya Customize, dan saya juga akan menerangkan cara meng-customize Shortcut key tersebut Langkah-langkahnya sebagai berikut :
1. Pertama Klik menu Tools lalu klik pada Option seperti pada gambar dibawah ini


Atau tekan Ctrl+J pada keyboard.
Setelah itu akan keluar jendela seperti gambar dibawah ini


2. Expand Workspace(klik pada segitiga kecil didepan tulisan Workspace) Seperti yang saya tandai merah nomor satu pada gambar dibawah

Expand Customization seperti yang bertanda merah nomor 2 lalu klik Commands maka jendela tadi akan terlihat seperti gambar dibawah



Expand Workspace(klik pada segitiga kecil didepan tulisan Workspace) Seperti yang saya tandai merah nomor satu pada gambar dibawah Expand Customization seperti yang bertanda merah nomor 2 lalu klik Commands maka jendela tadi akan terlihat seperti gambar dibawah.

Biasanya yang terlihat adalah menu General, klik di Shortcut Keys disebelah kanan General pilih submenu atau menu apa yang akan diberi shortcut setelah itu isi pada kolom New Shortcut Key sesuka hati klik Assign(jika di dalam kolom “Currently assigned  to:” keluar tulisan maka Shortcut yang kita masukan sudah terpakai, jadi mohon untuk diganti) setelah meng-klik tombol Assign tadi maka pada kolom Current Shortcut Keys akan keluar Shortcut yg kita masukan tadi.


Nhah demikian itu agar kita tidak terlalu banyak menggunakan waktu, cepat itu menyenangkan.

Saran saya buatlah Shortcut Keys pada menu-menu yang sering kita pakai saja untuk mempermudah penghafalan shortcut tersebut, dan setelah selesai membuat shortcut dengan langkah seperti diatas ada baiknya kita me-restart corelDRAW kita.

Selamat menikmati kecepatan.... SEE MORE TUTORIAL and INFO about Design GRAFIS at www.ilmugrafis.com

Mudah Bukan, Selamat Mencoba...
Selamat mempelajari Tutorial Coreldraw dari ilmugrafis
Terima Kasih dan Semoga Bermanfaat...

»»  READMORE...

Export File Corel

Mungkin bagi sebagian besar temen-temen disini sudah mengerti permasalahan men-Export project di Coreldraw yang semula berformat *.cdr (corelDRAW) menjadi *.jpg, *.bmp, *.png, *.tif dan sebagainya, tapi tidak salahkan jika ditulis kembali disini untuk membantu temen-temen yang mungkin belum mengerti atau Newbie sama sekali.

Langkah-langkahnya :

1. Seleksi object yg ingin diexport



2. Klik File pada menu dan pilih Export

Atau langsung saja menggunakan Shortcut Key Export (Ctrl+E)

3. Setelah meng-klik Export maka akan muncul jendela seperti dibawah ini

Pilih tempat untuk menyimpan hasil Export , anda juga bisa melakukan pemilihan file export yang diinginkan , bisa berupa JPEG, TIFF, PSD , dll untuk lebih jelasnya ( Baca juga : Bentuk dan Macam Extension File Images ) kita lalu tekan Export.

4. Setelah menekan Export pada langkah nomor 3, akan muncul lagi jendela dibawah ini

Sesuaikan Size gambar sesuai kehendak dengan mengubah persenanya saja (%), untuk resolusi juga tergantung dengan kehendak kita, jika ingin hasil bagus maka Resolution bisa diperbesar tapi biasanya Size akan menjadi lebih besar, mengenai bagan Color kita bisa menggunakan RGB ataupun CMYK, setelah selesai dengan semua urusan diatas lalu klik tombol OK.

5. Lagi-lagi akan keluar jendela baru seperti dibawah ini

kita bisa mengkompres ukuran gambar dengan Compression sesuai keinginan, tekan Preview untuk mengetahui Size dari hasil peng-export-an, lalu klik lagi tombol OK dan cek hasil di dalam folder tempat kita menyimpan hasil export kita tadi.

6. Senyum aja... :D
Selamat mempelajari Tutorial Coreldraw dari ilmugrafis
Semoga bermanfaat gan.... thankyu.....

»»  READMORE...

Lens Effect Pada CorelDRAW

Di tutorial ini kita akan mencoba membuat atau mengaplikasikan Lens Effect pada CORELDRAW (semua versi mulai 11,12,X3,X4), dengan tutorial ini diharapkan kita dapat mengembangkan sendiri dari penggunaan Lens Effect menurut imajinasi kita masing-masing. Langkah-langkahnya sebagai berikut :

Mari kita mulai Tutorial Coreldraw Dasar kali ini:

1. Sudah pasti buka corelDraw dan buat blank page

2. Buatlah beberapa lingkaran seperti gambar dibawah ini


setelah itu seleksi dua lingkaran kiri dan lalu combine (Ctrl+L) lalu beri warna Hitam, dan buatlah satu lingkaran kecil lagi sehingga seperti pada gambar dibawah ini

Groupkan (Ctrl+G) semua lingkaran bagian Kanan, lalu seleksi semua object dan centerkan ( C ).

3. Buat satu lingkaran besar (lebih besar dari lingkaran pertama) dan beri warna putih, letakan sesuai keinginan seperti pada gambar dibawah ini

hilangkan Out Linenya.

4. Transparasikan lingkaran putih tadi dengan menggunakan Transparency tool

Lalu akan keluar submenu diatas, pilih radial


Setelah itu, masukan object Lingkaran putih tadi pada lingkaran hitam dengan menggunakan Power Clip (Effect >> Power Clip >> Place Inside Continer), Letakan Sesuai kehendak, Buatlah object baru berupa persegi dan gunakan Text Tool lalu klikan pada garis(tepat pada garis object)Persegi, tulis sesuka hati, Ungroupkan (Ctrl+U) lingkaran kanan pertama tadi dan seleksilah lingkaran kecil, beriwarna putih dan transparasikan kembali dengan menggunakan Transparency Tool dan pilih linier.

6. Seleksi lingkaran yag tadi satu group dengan lingkaran kecil, lalu klik Effect >> Lens pada menu


Maka akan muncul Docker Window seperti pada gambar dibawah ini



Pilih Magnify, dan sesuaikan Amount dengan keinginan kita, sehingga menjadi seperti pada gambar dibawah ini


Dan kita tinggal mengexportnya menjadi JPEG untuk membuatnya menjadi bitmap
Docker Window : Window yang menampilkan Perintah-perintah yang dapat kita gunakankembali saat kita melakukan editing

Hasilnya:

KAca PEmbesar

Terimakasih dan Semoga bermanfaat, Selamat Mencoba dan Belajar Coreldraw
SEMOGA BERMANFAAT

»»  READMORE...

Membuat Efek Api Pada Teks

Kepengen bikin tulisan yang ada efek apinya? Ikutin aja tutorial ini ....

1. Buat kanvas baru (File > New), atur sesuka anda.
Pada contoh ini, saya membuatnya dengan ukuran width dan height 400 pixels, resolution 72 pixels/inch, mode RGB color.

2. Pilih paint bucket tool (atau tekan G), warnai dengan warna hitam. (warna tergantung dari keinginan anda).

3. Sekarang, pilih text tool (atau tekan T), akan ada icon yang aktif di tool box. klik kanan di situ, sehingga menampilkan beberapa pilihan seperti ini :

Pilih Horizontal type mask tool

4. Buat teks (jenis huruf, ukuran, terserah anda) , contoh :

(layar menjadi merah atau warna lain untuk sementara...., biarkan saja, ntar juga balik.. =p)

5. Setting foreground color seperti warna yang anda inginkan (di sini, saya pakai warna merah), setting seperti ini :


6. klik icon lain pada toolbox, sehingga menampilkan :


7. Tekan Alt+delete, maka seleksi akan terwarna sesuai foreground color yang telah di setting :


8. Dengan garis putus2 masih ada, segera klik di menu bar : Select > Save Selection

9. Isikan name, contoh :

OK

10. Sekarang, klik Image > Rotate Canvas > 90 derajat CCW

11. Lalu Filter > Stylize > Wind... ,
atur Method = Wind, Direction = From the right

12. Tekan Ctrl+F 2kali untuk memberikan lagi efek ini.

13. Sekarang :


14. Kembalikan posisi kanvas dengan Image > Rotate Canvas > 90 derajat CW

15. Pilih Select > Load Selection,
channel dipilih sesuai nama yang kita berikan waktu save selection tadi, invert aktif :

16. Pilih Filter > Distort > Ripple,
amount diatur sesuai selera anda, di sini saya memasukkan amount 100%, size medium.

17. Hasil akhir :


Zoom Preview

Tulisan Efek Api

Selamat mencoba....
Semoga Bermanfaat
Terima kasih

»»  READMORE...