Alhamdulillah modul untuk training yang diadakan di Pusdiklat Kementerian Luar Negeri RI pada tanggal 22-26 Nopember 2010 dan 29 Desember 2010 – 3 Januari 2011 telah rampung, meskipun tidak semua yang saya ajarkan ditulis dalam ebook tersebut. Namun minimal dapat membantu para alumni training untuk mempraktekkan di rumah dan di kantor.

Mudah-mudahan tutorial yang sangat terbatas ini dapat membantu masyarakat Indonesia, khususnya yang ingin belajar desain grafis menggunakan Adobe Photoshop CS4.  Maju terus, para desainer Indonesia.
Read more…

Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash digunakan untuk membuat gambar vektor maupun animasi gambar tersebut. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5.
Read more…

1. Buatlah file baru dengan nama Equalizer Bars dengan ukuran layar 300 x 240 pixels.
   
2. Gambarlah kotak kecil berukuran : Weight = 11.0 , Height = 23.0
   
3. Seleksi kotak tersebut lalu klik kanan pada kotak tersebut dan pilih Convert To Symbol.
   
4. Beri nama equalizer_mc dengan behavior Movie Clip dan titik registration-nya di bawah.
   
5. Berilah Script pada equalizer_mc seperti di bawah ini :

onClipEvent(enterFrame){ _yscale=Math.random()*345+50; }

6. Copy – Paste equalizer_mc sebanyak 6
   
7. Sejajarkan semua equalizer_mc dengan yang lainnya
   
8. Untuk menguji hasilnya, tekan tombol Ctrl+Enter secara bersama-sama atau memilih menu Control > Test Movie.
   

Sumber:

http://flashizal.web.id/2009/12/membuat-random-equaliazer-bars/

Script ini biasa dipakai di game-game seperti Balapan Mobil dan lain lain , pada saat membeli mobil bisa mengganti warna mobilnya juga bisa menggati yang lainnya, begitu juga halnya dengan game yang lainnya. Script ini jarang di pakai di game-game flash.Sekarang kita akan membahas tentang Script ini :

1. Pertama buatlah file baru dengan nama Ganti Warna dengan ukuran 550 x 400 pixels dengan warna Background Stage putih
   
2. Setelah itu gambarlah objek, contohnya payung.
   
3. Seleksi outline gambar tersebut, lalu klik kanan pada objek tersebut dan pilih Convert To Symbol.
   
4. Lalu beri nama outline_mc dengan behavior Movie Clip.
   
5. Lalu hapus outline_mc tersebut dari stage.
   
6. Seleksi batang pegangan payung sampai bawah , dan klik kanan pada objek tersebut dan pilih Convert To Symbol.
   
7. Dan beri nama pegangan_payung_mc dengan behavior Movie Clip.
   
8. Setelah itu seleksi warna tutupan payung, klik kanan mouse pada objek tersebut dan pilih Convert To Symbol
   
9. Beri nama dengan tutupan_payung_mc dengan behavior Movie Clip.
   
10. Pada toolbar Properties tutupan_payung_mc beri nama Instance Namenya tp_mc.
    
11. Dan drag outline_mc dari library ke stage, dan posisi outline_mc harus sama dengan objek dari warna payung.
    
12. Lalu gambarlah 3 kotak dengan warna masing-masing Hijau – Merah – Biru.
    
13. Seleksi kotak warna biru, lalu klik kanan mouse pada objek yang di seleksi dan pilih Convert To Symbol.
    
14. Dan beri nama biru_mc dengan behavior Button.
    
15. Lakukan hal yang sama pada kotak warna Hijau dan Merah.
16. Setelah itu berilah script di kotak biru_mc seperti di bawah ini.

on(release){ colorTp_mc = new Color(_root.tp_mc); colorTp_mc.setRGB(0×0000FF); }

17. Script untuk kotak merah_mc :

on(release){ colorTp_mc = new Color(_root.tp_mc); colorTp_mc.setRGB(0xFF0000); }

18. Script untuk kotak hijau_mc :

on(release){ colorTp_mc = new Color(_root.tp_mc); colorTp_mc.setRGB(0×33FF00); }

19. Untuk menguji hasilnya, tekan tombol Ctrl+Enter secara bersama-sama atau memilih menu Control > Test Movie.
    

Sumber:

http://flashizal.web.id/2009/12/megganti-warna-objek/

Pada tahap yang lalu kita sudah membuat gerakan mengacak, dan pada tahap ini kita akan memodifikasi atau menambahkan efek. Dan kita akan lanjutkan tahap Membuat Gerakan Acak 1 :

1. Lanjutkan tahap Membuat Gerakan Acak 1. Hapus 4 dari objek_mc yang ada di stage, dan sisakan 1.
   
2. Lalu hapus semua Script pada objek_mc menjadi :

onClipEvent(enterFrame){ move(_x=random(550),_y=random(400)); _alpha = random(100); this.gotoAndStop(random(5)); }

3. Setelah memberi scriptnya. klik mouse kanan pada objek_mc dan pilih Edit.
   
4. Masukan Insert Keyframe sebanyak 4 X di frame objek_mc. ( Pada tutorial ini memakai 5 frame jika anda ingin menambahkan frame maka anda bisa menggati scriptnya )
   
5. Lalu pada frame 2 gantilah warna objek tersebut menjadi warna apa saja contohnya Biru.
   
6. Lalukan hal yang sama pada frame 2 sampai 5. Atau contohnya :
   Frame 2 : Biru
   Frame 3 : Merah
   Frame 4 : Hijau
   Frame 5 : Ungu
7. Setelah itu Copy – Paste objek_mc sebanyak 5 X
   
8. Dan ganti warna background stage menjadi Hitam.
   
9. Untuk menguji hasilnya, tekan tombol Ctrl+Enter secara bersama-sama atau memilih menu Control > Test Movie.
   

Sumber:

http://flashizal.web.id/2009/12/membuat-gerakan-acak-2-random-move/

1. Buatlah file baru dengan nama Random Move dengan ukuran layar 550 x 400 pixels.
   
2. Lalu buatlah gambar, contohnya bulat, kotak, atau yang lain.
   
3. Seleksi gambar tersebut lalu klik kanan mouse pada gambar tersebut dan pilih Convert To Symbol.
   
4. Lalu beri nama dengan obejek_mc dengan behavior Movie Clip.
   
5. Berilah Script di objek_mc seperti di bawah ini

onClipEvent(enterFrame){ move(_x=random(550),_y=random(400)); }

6. Setelah memberi Scriptnya. lalu Copy – Paste objek_mc sebanyak 5 X
   
7. Untuk menguji hasilnya, tekan tombol Ctrl+Enter secara bersama-sama atau memilih menu Control > Test Movie.
   

Sumber:

http://flashizal.web.id/membuat-gerakan-acak-random-move/

PATH SELECTION (A): Untuk memilih dan mengedit path yang dinginkan.

Caranya: aktifkan Path Selection tool, klik pada path yang telah dimaksud. Teknik ini biasa digunakan jika memiliki beberapa path.

Type Tool : Untuk mengetik teks pada sebuah image secara vertikal maupun horizontal.

Caranya: pilih salah satu tipe Type tool (horizontal atau vertikal), pilih jenis font, warna font, dan ukuran font. Anda dapat pula membuat efek teks warped dengan beberapa bentuk pilihan.
Read more…

Dengan corak fitur yang lengkap dalam Flash, Anda dapat menciptakan banyak jensi aplikasi. Berikut adalah contoh beberapa macam hasil output dari aplikasi Macromedia Flash.

Animasi. Di sini termasuk iklan banner, kartu ucapan online, kartun, dan lain-lain. Beberapa tipe lain dari aplikasi Flash menambahkan unsur animasi secara baik.

Games. Banyak game (permainan) yang dibangun menggunakan Flash. Game kadang-kadang kombinasikan antara kemampuan animasi Flash dengan kemampuan logika ActionScipt.

Alat Penghubung Pengguna. Banyak perancang website menggunakan Flash untuk merancang alat pengubung pengguna. Alat penghubung termasuk navigasi sederhana sama seperti beberapa alat penghubung secara kompleks. Anda dapat melihat beberapa contoh navigasi yang dibuat menggunakan Flash di situs http://macromedia.com.

Area Pesan Fleksibel. Di sini adalah sebuah area dalam halaman website yang dirancang untuk menampilkan informasi yang memungkinkan periobahan waktu. Sebuah flexible messaging area (FMA) pada sebuah website restoran mungkin menampikan informasi tentang menu khusus setuap hari secara berbeda. Anda dapat melihat contoh sebuah FMA pada situs http://macromedia.com.

Kaya Aplikasi Internet. Di sini meliputi suatu spektrum aplikasi luas yang menyediakan sebuah kaya alat penghubung pengguna untuk menampilkan dan mengontrol manipulasi penyimpanan data di internet. Sebuah aplikasi Internet kaya dapat menjadi sebuah aplikasi kalender, aplikasi pencari harga, sebuah katalog belanja, sebuah aplikasi pendidikan dan ujian, atau aplikasi lain yang menghadirkan pengotrol data dengan grafik kaya alat penghubung.

BRUSH (B) : Untuk membuat goresan kuas ketika mewarnai objek. Terdapat 12 tipe brush yang dapat Anda pilih, dan tiap-tiap tipe memiliki 20 jenis brush yang berbeda bentuk dan ukurannya. Diantaranya ada yang berbentuk daun, bunga, rumput, dan berbentuk pena untuk membuat kaligrafi.

Caranya: aktifkan Brush tool, lalu aturlah ukuran brush, tipe brush dan tingkat kepekatan (opacity) pada menu option di bagian atas. Selanjutnya pilihlah warna yang diinginkan.

Read more…

Tool-tool dalam kategori ini umumnya digunakan untuk mengedit image maupun dokumen Photoshop.

CROP (C): Untuk membuang bagian dari image canvas yang tidak digunakan.

Caranya: aktifkan Crop tool kemudian letakkan mouse pada daerah tertentu lalu seret ke daerah lain. Klik tanda centang di bagian atas jika sudah memilih atau tekan tombol Enter. Untuk memperkecil atau memperbesar area yang dipilih, klik titik Nude di bagian kiri/kanan/atas/bawah dan seret ke tempat lain untuk membuat perubahan ukuran.

Read more…