Movie Clip

                Animasi Movie Clip merupakan gabungan dari beberapa animasi, yakni Motion Tween, Motion Frame, atau Motion Shape. Movie Clip biasanya berjalan berulang seperti ban yang berputar, semburan api, sayap kupu-kupu, dan lain sebagainya. Untuk masuk ke movie clip, objek harus terlebih dahulu menjadi simbol.

1. Ubah nama layer 1 menjadi kupu-kupu.
2. Buat kepala kupu-kupu dan badan dengan Oval Tool, tambahkan juga antenanya dengan menggunakan pencil tool dengan mode smooth.
3. Seleksi semua Objek dengan menggunakan selection tool.
4. Kemudian pada menu pilih Modify lalu klik Convert to Symbol/tekan F8.
5. Setelah muncul kotak dialog, ubah nama Symbol 1 menjadi kupu-kupu, pada Behavior/type pilih Movie Clip dan registration klik di tengah klik ok.
6. Sekarang objek telah diubah menjadi Movie Clip dengan ditandai kotak warna biru di sekitar objek badan kupu-kupu.
7. Kemudian untuk membuat sayapnya ikuti langkah berikut :
8. Perhatikan di sebelah kiri atas terdapat symbol scene kupu-kupu di samping scene 1, dan layer kupu-kupu berubah kembali menjadi layer 1.
9. Ubah nama Layer 1 menjadi Badan.
10. Pada frame 10 klik kanan, lalu pilih Insert frame.
11. Kemudian pilih Insert>Timeline Layer, maka akan muncul Layer 2, ubah namanya menjadi sayap kiri.
12. Di layer sayap kiri, buat sebuah sayap dengan menggunakan pencil tool pada mode smooth.
13. Masih di layer sayap kiri, klik kanan di frame 5 lalu insert keyframe.
14. Pilih pada toolbox, Free Transform Tool untuk mengubah bentuk sayap, caranya tarik dari sisi kiri ke arah tengah kotak.
15. Lalu insert keyframe juga pada frame 10, kemudian dengan Free Transform Tool perkecil juga ukuran sayapnya.
16. Sekarang tambahkan layer baru (pilih Insert>Timeline>Layer). Ubah namanya menjadi sayap kanan. 
17. Pada layer sayap kanan lakukan seperti membuat sayap kiri. Sehingga terlihat simetris.
18. Lalu insert keyframe juga pada frame 10, kemudian dengan Free Transform Tool perkecil juga ukuran sayapnya.
19. Pilih scene 1, untuk kembali ke stage awal.
20. Jalankan animasi dengan menekan Ctrl + Enter.

Animasi Frame by Frame

Berikut animasi frame by frame yang saya buat dari Camtasia. Silakan klik disini

Masking

Masking merupakan sebuah teknik membalik visibilitas objek dengan menggunakan objek. Langkah-langkahnya antara lain:

• Buat text menggunakan text tools. Misal Bandung

 

• Buat layer baru (layer 2) dengan menggunakan insert, kemudian pilih menu timeline kemudian  pilih layer.
• Pada layer 2, buat objek berupa bentuk di sebelah kiri teks. Misal oval. 

• Insert frame pada frame 50 di kedua layer.
• Pada layer 2, klik kanan di frame 50, kemudian pilih menu create motion tween,
• Lalu pindahkan objeknya ke sebelah kanan.

• Klik kanan pada layer 2 kemudian pilih mask.

Fla. nya silakan klik disini

Animasi Shape

Animasi Shape Shape merupakan sebuah perubahan bentuk secara halus dan bertahap. Langkah-langkanya antara lain:

1. Buat sebuah objek pada area kerja anda. Misal oval.
2. Pada timeline 50, klik kanan kemudian pilih menu insert keyframe.

3. Masih pada timeline 50, hapus keyframe terakhir.

4. Buat objek baru pada area kerja anda dengan bentuk yang berbeda. Misal kotak

5. Klik dua kali pada frame 1 untuk menyeleksi area keyframe pertama.

6. Buka tab Properties, kemudian isikan shape pada kolom tween.

Berikut fla nya klik disini

Animasi Motion Tween

Untuk menggerakkan animasi berupa objek yang bergerak, langkah tercepat yakni dengan menggunakan Motion Tween. Perlu untuk menentukan posisi pertama dan terakhir dari objek, dan selanjutnya kita gerakkan motion tween. Dalam arti lain, Tween merupakan sebuah pergerakan berpindah tempat dan atau memutar. Langkah-langkahnya antara lain:

1. Buat sebuah objek pada area kerja anda

2. Pada timeline 50, klik kanan kemudian pilih menu insert frame.

3. Masih pada timeline 50, klik kanan, kemudian pilih menu create motion tween.
4. Pindahkan objek pada area kerja anda. Berikut flanya klik disini

MENGENAL ANIMASI DASAR FLASH

Motion Guide

Motion Guide

Animasi pada Motion Guide sama dengan Motion Tween, hanya saja Motion Guide ini akan mengikuti lintasan yang telah kita buat sedangkan Motion Tween hanya berjalan pada lintasan yang lurus.

1. Buatlah gambar apel seperti di bawah ini.
2. Seleksi gambar dengan Selection Tool.
3. Aktifkan Free Transform Tool.
4. Putar objek sedikit ke bawah.Gambar 1.8
5. Memutar objek
6. Tekan tombol F8 untuk mengkonversi symbol.
7. Name, anda isikan Bintang.
8. Behavior, anda pilih Graphic.
9. Tekan ok jika sudah selesai.
10. Setelah Anda berhasil membuat graphic, secara otomatis pada frame pertama akan terisi key frame (bundar hitam).
11. Aktifkan selection tool dan klik pada frame 18.
12. Pilih menu Insert > Key frame atau tekan F6 pada keyboard.
13. Klik kanan pada layer satu dan kemudian pilih Add MoTion Guide.

    Gambar 1.10 Menambahkan layer untuk lintasan

14. Buatlah lintasan dengan pen tool seperti pada layar guide.
15. Aktifkan snapping objek dengan memilih menu View Snapping > Snap to objeks.
16. Pada frame pertama pindahlah posisi gambar ke arah lintasan sebelah kiri.
17. Pada frame 18, pindahlah posisi gambar ke arah lintasan sebelah kanan.
18. Klik kanan di antara frame 1 sampai 18 pada layer 1.
19. Pilih create motion tween.
20. Tekan Ctrl + Enter.
21. Tanda panah yang bergerak memang mengikuti lintasan, namun kalau kita perhatikan dengan seksama, pada saat berada pada frame 10, arah tanda panah yang seharusnya ke bawah, masih menunjukkan arah bawah.
22. Untuk arah juga mengikuti lintasan, aktifkan panel properties.
23. Klik ganda panel properties tersebut.
24. Beri tanda centang pada orient to path.

Berikut flanya dapat diklik disini

Animasi Frame by Frame

Animasi adalah suatu tampilan obyek yang bergerak. Manusia misalnya, memerlukan ruang dan waktu untuk melakukan gerakan. Begitu pun animasi. Ruang yang dibutuhkan animasi ialah stage, sedangkan waktu yang diperlukan animasi terletak pada timeline.

Animasi Frame by Frame

Animasi frame by frame merupakan pengetahuan dasar tentang animasi, bahwa animasi memerlukan ruang dan waktu.

1. Buatlah sebuah tampilan seperti pada contoh gambar.

Gambar 1.1 Membuat lingkaran

2. Klik sekali pada frame 2.
3. Tekan tombol F6 pada keyboard untuk memberikan keyframe.
4. Geser gambar tersebut sedikit ke bawah.
5. Klik sekali pada frame 3.
6. Tekan tombol F6 pada keyboard untuk memberikan keyframe.
7. Geser gambar tersebut sedikit kebawah.
8. Langkah 5 sampai 7 adalah perulangan dari langkah 2 sampai langkah 4. Lakukan langkah 2 sampai 4 hingga pada frame 9.

Gambar 1.2

9. Menyisipkan keyframe pada frame 1 sampai framePada saat mencapai frame 10, buat lebih kecil lingkaran menggunakan free transform tool, hingga seperti gambar berikut:

Gambar 1.3

10. Gambar diperkecil seperti semula. Bila tadi pada frame 1 sampai 9 kita menurunkan gambar, pada frame 10 sampai 18 kita akan menaikkan objek.

Gambar 1.4

11. Tampilan animasi frame by frame saat frame di onion.
12. Jika sudah, tekan tombol Ctrl + Enter untuk melihat hasilnya.
13. Pada gambar 1.4 tampak onion antara frame 1 sampai frame 18, onion untuk menampilkan rangkaian gerakan animasi.

Dengan demikian tampak bahwa animasi membutuhkan ruang dan waktu untuk bergerak atau berjalan. Secara standar, kecepatan frame 12 fps (frame per second), sehingga waktu yang dibutuhkan untuk bergerak selama 1 detik adalah 12 frame. Jika kita ingin membuat animasi yang berdurasi 3 menit atau 180 detik, frame yang dibutuhkan adalah 180 x 12 frame yaitu 2160 frame. Selanjutnya akan diterangkan langkah yang lebih cepat dan efisien.

Toolbar dalam Flash

ToolbarToolbar merupakan panel berisi berbagai macam tool. Tool-tool tersebut dikelompokkan menjadi empat kelompok: Tools; berisi tombol-tombol untuk membuat dan mengedit gambar, View; untuk mengatur tampilan lembar kerja, Colors; menentukan warna yang dipakai saat mengedit, Option; alat bantu lain untuk mengedit gambar.
Tools

1. Subselection tool, untuk menseleksi objek.
2. Subselection tool, seleksi dari sisi objek untuk merubah objek sesuai dengan yang diinginkan. 
3. Free transform tool, untuk mengubah bentuk objek dari kecil (misal) menjadi besar atau memutar sebuah objek. 
4. Lasso tool, untuk memotong objek secara bebas.
5. Pen Tool, untuk membuat garis bebas.
6. Text tool, untuk membuat teks berupa tulisan. 
7. Line tool, untuk membuat garis lurus. 
8. Rectangle tool, untuk membuat kotak persegi empat. 
9. Pencil tool, untuk menggambar objek secara bebas. 
10. Brush tool, untuk menggambar stage serupa dengan melukis, sesuai dengan bentuk yang telah ditetapkan. 
11. Ink bootle tool, untuk mewarnai stroke atau garis di luar objek. 
12. Paint bucket tool, untuk mewarnai fill atau isi dari objek. 
13. Eyedropper tool, untuk mengambil sample warna dari suatu objek.  
14. Eraser tool, untuk menghapus objek  
15. Hand tool, untuk menggeser posisi stage suai dengan yang diinginkan 
16. Zoom tool, untuk membesarkan/ mengecilkan ukuran stage  
17. Stroke Color, untuk mengatur warna stroke atau garis luar dari objek. 
18. Fill color, untuk mengatur warna Fill objek  
19. black and white, untuk mengatur warna fill & strok kewarna awal yaitu warna hitam & putih  
20. Swap colors, untuk menukar warna Stroke dan warna Fill.  
21. Snap To object, untuk membuat objek garis menjadi lurus, melengkung dsb.  
22. Gradient transform tool, untuk mengatur posisi tampilan warna gradient  
23. Oval tool, untuk membuat objek lingkaran  
24. Rectagle primitive tool, untuk membuat objek kotak dengan sudut tompul/ melengkung.  
25. oval primitive tool, untuk membuat lingkaran dan sekaligus dapat langsung dibelah lingkaran tersebut sesuai dengan keinginan.
26. Polystar tool, untuk membuat segi 5, dan juga bisa ditambah ataupun dikurang sudutnya sesuai dengan keinginan 
27. Add anchor point, untuk menambah titik yang akan digunakan untuk membentuk objek  
28. Delete anchor point, untuk menghapus titik yang akan membentuk objek.
29. Convert Anchor Point, untuk membentuk objek sesuai dengan titik yang telah diberikan sesuai dengan keinginan 

sumber gambar
http://milyarenata.blogspot.com/2010/12/tentang-flash.html
http://www.google.co.id/imgres?q=tool+color+view+option+flash&um=1&hl=id&client=firefox-a&rls=org.mozilla:en-US:official&biw=1024&bih=588&tbm=isch&tbnid=vNxazw2tsfVbSM:&imgrefurl=http://mimin-ox.blogspot.com/2010/04/flash.html&docid=2u_QLhoWBlgXjM&w=550&h=500&ei=EIx2TrntJYLsrQfGmOi_Aw&zoom=1&iact=rc&dur=553&page=1&tbnh=122&tbnw=134&start=0&ndsp=15&ved=1t:429,r:0,s:0&tx=83&ty=56

Pengenalan Flash

Animasi dasar Flash merupakan Program berbasis vektor yang memiliki kemampuan untuk membuat animasi yang rumit dengan cepat dan mudah.

Menurut Andi Pramono (2006: 2), Flash memiliki kelebihan-kelebihan berikut, yakni :

1. Hasil akhir file flash memiliki ukuran yang lebih kecil (setelah dipublish).
2. Flash mampu mengimpor hampir semua file gambar dan file-file audio sehingga presentasi dengan flash dapat lebih hidup.
3. Animasi dapat dibentuk, dijalankan, dan dikontrol.
4. Flash mampu membuat file executable (*exe) sehingga dapat dijalankan pada PC manapun tanpa harus menginstal terlebih dahulu program Flash.
5. Font presentasi tidak akan berubah meskipun PC yang digunakan tidak memiliki font tersebut.
6. Gambar flash merupakan gambar vektor sehingga tidak akan pernah pecah meskipun di zoom beratus kali.
7. Flash mampu dijalankan pada sistem operasi Windows maupun Macintosh.
8. Hasil akhir dapat disimpan dalam berbagai macam bentuk, seperti *.avi, *.gif, *.mov ataupun dengan format yang lain.

Pertama kali, untuk menggunakan Macromedia Flash, maka mengaktifkan program aplikasi Macromedia Flash terlebih dahulu. Dengan mengklik start, lalu program, pilih Macromedia, dan pilih Flash 8.

Maka akan muncul tampilan Flash 8 seperti ini:

Pilih Create New > Flash Document untuk memulai membuat file baru.

Pilih Open a Recent New > Open untuk membuka file flash.

Mengenal Jendela Kerja

Berikut adalah tampilan standar jendela kerja Flash 8, saat Anda memulai membuat file baru.

Selayang Pandang

Bismillahirrahmanirrahim

Assalamu’alaikum Wr. Wb

Blog ini dibuat untuk memaparkan bagaimana mempelajari flash dan memudahkan mempelajari aplikasi Macromedia Flash 8. Sebelum memulai belajar, buang jauh-jauh rasa kesulitan dan rasa canggung menghadapi hal yang baru. Bisa karena biasa, maka untuk itu sering-seringlah berakrab-akrab dengan flash.

Tujuan mempelajari Flash yakni menampilkan presentasi yang menarik, flash juga mampu mengimpor hampir semua file gambar dan file-file audio sehingga presentasi dengan flash dapat lebih hidup. Terlebih lagi gambar flash merupakan gambar vektor sehingga tidak akan pernah pecah meski di zoom beratus kali.

Untuk mempelajari lebih jauh, silakan membaca dan menghayati. Terima kasih.

Wassalamu’alaikum Wr. Wb