Cara Membuat Animasi Capung Bergerak

kali ini saya akan mencoba sedikit berbagi penjelasan bagaimana membuat animasi bergerak dengan pola Gambar Capung menggunakan macromedia flash

• Buka Aplikasi Macromedia Flash 8 pilih Flash Document
  
  

• Buat pola untuk sayap  dengan menggunakan oval Tool, kemudian pada bagian Stroke Color hilangkan garis untuk polanya dan pilih warna sesuai yang diinginkan pada Fill Color
  
  

• Kemudian bentuk pola menyerupai sayap capung dengan cara memilih Selection Tool, arahkan kursor panah pada pojok pinggir pola yang digambar, kemudian setelah kursor memberikan tanda tertentu (garis melengkung) tekan dan lalu Tarik untuk membentuk pola. Setelah itu untuk motif sayap buat lingkaran kecil bulat dan lonjong dari Oval Tool, untuk motif garis melengkungnya gunakan Pencil Tool kemudian satukan bersama pola gambar sayap, seperti pada gambar berikut
  
  

• Setelah pola sayap dibuat seperti diatas, Pilih kedua pola tersebut dengan menggunakan Selection Tool, kemudian pilih Menu Modify -> Group ( Ctrl + G ) , lalu copy pola dengan cara klik Kanan -> Copy, Klik Kanan -> Paste. Setelah itu balik Pola yang tercopy seperti gambar yang bercermin dengan memilih Menu Modify -> Transform ->  Flip Horizontal, hingga seperti gambar berikut
  
  

• Setelah itu buat pola Badan, Kepala dan ekor capung dengan kembali menggunakan Oval Tool, bentuk dan gabungkan menjadi satu, kemudian pilih ketiganya dengan Selection Tool, kemudian gabungkan dengan memilih Menu Modify -> Group ( CTRL + G ). Jangan lupa untuk menggabungkan badan dengan sayap, kemudian groupkan dengan cara seperti sebelumnya
  
  

• Setelah Pola badan sayap sudah jadi, gabungkan pola tersebut, buat gambar kaki dengan menggunakan Pencil Tool,
  
  

• setelah itu pilih lagi semua objek menggunakan Selection Tool kemudian pilih Menu Modify -> Convert to Symbol maka akan muncul konfirmasi berikut
  
  

• Ubah nama pada kolom Name, pilih Movie Clip dan centang bagian tengah pada Registration kemudian pilih OK, maka pada kolom library akan muncul Movie Clip dengan nama Capung beserta gambar pola capung yang dibuat tadi. Setelah itu klik gambar dua kali pada layar kerja sampai muncul movie clip dengan nama Capung di bagian Timeline pojok kiri atas
  
• Setelah itu gambar kembali di seleksi lagi secara keseluruhan menggunakan Selection Tool, kemudian pilih kembali Menu Modify -> Timeline -> Distribute to layers ( CTRL + Shift + D ) yang berfungsi untuk menambah dan menampilkan editor Layer pada bagian Layer. Pada bagian editor layer akan muncul beberapa layer dari sayap bagian kanan, kiri dan badan yang bisa diketahui saat kita meng klik bagian-bagian dari gambar pola capung tersebut, Layer tersebutpun dapat di ubah namanya sesuai dengan bagian pada pola gambar.
• Pada editor layer bagian badan klik timeline titik angka 5, kemudian klik kanan -> insert frame dan kunci
  
• Kemudian untuk Layer sayap bagian kiri dan kanan klik keduanya pada timeline titik angka angka 1, tekan Shift -> klik pada timelinenya ,kemudian klik Kanan -> Create Motion Tween
  
• Setelah itu pada gambar capung  pilih atau Klik setiap bagian dengan menggunakan Free Transform Tool kemudian klik bagian sayap kanan dan Tarik titik sumbu tengah yang ada pada bagian tersebut ke bagian tengah badan sebagai titik tumpuh pada saat sayap bergerak nantinya, ulangi perintah tersebut pada sayap kiri capung
  
• Setelah itu pada atur editor Layer untuk bagian sayap kanan dan kiri  pada timelinenya buatkan frame dengan titik angka 6 pada timelinenya untuk batasan poros sayap pada saat bergerak terbuka caranya klik pada angka titik 6 untuk bagian sayap kanan dan kiri, Klik Kanan -> Insert Keyframe  dan lakukan hal yang sama pada titik angka 3 untuk batasan poros sayap saat menutup. Perhatikan gambar berikut, tanda bulat hitam pada timeline layer adalah keyframe yg sudah dibuat
  
• Setelah dibuatkan Frame seperti diatas pada editor timeline Layer, klik gambar pada layar editor kemudian transform bagian sayap Kanan dan kiri, Tarik sumbu tengah yang ada pada bagian pola dan Tarik ketengah bagian badan capung seperti berikut
  
• Setelah itu jalankan Gambar dengan masuk dimenu Control -> test Movie  atau CTRL -> ENTER.
  
• Kemudian Pada Layer 1,buatkan KeyFrame pada timelinenya dan sejajarkan dengan timeline yang sebelumnya,  klik kanan -> Insert Keyframe ,  kemudian kembali klik kanan -> Action pada pojok bawah kotak pilihan Menu, dan akan tampil gambar editor pada Action Frame yang ada dipojok  bawah kiri Editor Macromedia seperti berikut :
  
• Kemudian pilih Global Function -> Timeline Control dan pilih GoToandPlay klik double sampai muncul pada editor, kemudian untuk yang dalam kurung ganti dengan angka -1 yang berarti mengambil daripada Layer -1, setelah itu pilih Scene 1 dan jalankan kembali Movie clip capungnya.

 

BAGIAN KE-2

MEMBUAT ANIMASI CAPUNG TERBANG

• Langkah pertama adalah Pilih atau Klik gambar Capung pada layar kerja  dan perkecil menggunakan Selection Tool, kemudian seret ke pinggir editor lembar kerja
  
• Setelah itu Layer 1 ganti nama menjadi Capung dengan cara klik double sampai kursor berkedip, ketikan nama dan tekan ENTER.
• Kemudian Buatkan Motion Tween di Layer 1 yang sudah diganti namanya tadi pada Timeline titik angka satu dengan cara Klik Kanan-> Create Motion Tween, selanjutnya Buatkan pula Keyframe pada sembarang titik angka pada editor Timelinenya, misalnya angka timeline 70, perhatikan gambar
  
• Setelah itu pilih Add Motion Guide, dan akan muncul Layer baru pada editor Layer yang bernama Guide Capung
  
• Setelah itu Kunci pada Layer Capung
  
• Setelah itu pada Layer Guide Capung, klik titik angka 1 pada Timeline, kemudian pilih Pen Tool pada pilihan Menu Tool dilembar kerja Macromedia kemudian buat rute atau jalur terbang capung dengan cara perklik bagian tengah badan capung, klik – Tarik sampai membentuk pola seperti pada gambar dan kembali klik Selection Tool hingga membentuk alur terbang Capung
  
• Setelah itu buka kembali kunci pada Layer Capung, klik pada titik angka 1 pada Layer Capung pilih Free Transform Tool -> klik gambar capung dan hadapkan ke arah rute awal seperti pada gambar berikut
  
• Setelah itu klik lagi angka titik akhir 70 pada timeline dan ubah kembali posisi capung ke titik akhir pola rute yang dibuat seperti pada gambar
  
• Untuk melihat bagaimana bentuk gerak terbang Capung, klik dan geser – geser center Frame yang ada pada Timeline
  
• Dan langkah terakhir adalah klik sembarang pada timeline gambar diatas untuk mengatur agar gambar mengikuti pola rute terbang yang sudah dibuat tadi, kemudian pada properties Bagian bawah akan muncul gambar seperti berikut dan centang bagian Orient to path
  

Cara Membuat Animasi Bola Melambung

Kali ini saya akan bagikan artikel tentang Cara Membuat Animasi Bola Melambung di macromedia flash langsung aja....

Yang pasti buka dulu software Macromedia Flash Pro 8. 

Pada barisan Create New pilih Flash Document.

Setelah terbuka kita mulai membuat gambar bola. Tetapi sebelum membuat gambar bola pilih dulu warna bola yang ingin anda buat dengan cara klik pada Fill color => pilih warna.   
 Gambar bola dengan menggunakan Oval Tool (O) pada baris Tool seperti pada gambar.

  Ganti nama layer bola menjadi Bola dengan cara double klik pada Layer 1.

  Setelah selesai membuat bola kita membuat lintasan bolanya dengan cara membuat layer yang baru terlebih dahulu dengan cara klik Insert Layer seperti gambar dibawah ini.

  Ganti nama Layer 2 menjadi Jalur.

    Klik kanan pada layer Jalur => pilih guide, maka layer akan berubah seperti gambar dibawah ini.

   Gabungkan layer Bola dengan layer Jalur dengan cara menggeser layer Bola ke layer Jalur, maka layer Jalur akan berubah lagi seperti pada gambar.

  Sekarang kita mulai membuat gambar jalurnya dengan klik sekali pada layer Jalur, lalu pilih Line Tool (N) pada baris Tool => buatlah garis lurus seperti pada gambar.

  Lengkungkan garis dengan menggunakan Selection Tool (V) => dekatkan Selection Tool dengan garis sampai ada garis kecil yang melengkung di dekat Selection Tool => klik sambil digeser ke atas /drag sampai garisnya melengkung seperti pada gambar.

  Sekarang kita tinggal membuat bolanya bergerak.Kita buat framenya terlebih dahulu dengan cara klik kanan pada frame 20 layer Jalur  => pilih Insert Frame seperti pada gambar.

  Klik frame 1 layer Bola => pilih Free Transform Tool (Q) pada baris Tool => geser gambar bola hingga titik tengahnya berada tepat di garis seperti pada gambar.

Klik kanan frame 20 layer Bola => pilih Insert Keyframe => pilih Free Transform Tool (Q) => geser gambar bola hingga titik tengahnya berada di ujung garis.

Klik kanan pada frame layer Bola => pilih Create Motion Tween, maka akan muncul gambar panah pada frame tersebut seperti pada gambar.

  Tekan Ctrl+Enter untuk melihat hasilnya.

  Agar animasi yang kalian buat menjadi sebuah video pilih menu File => Export => Export Movie... atau tekan Ctrl+Alt+Shift+S.

  Beri nama sesuai keinginan => Save => tekan OK saat muncul gambar seperti di bawah ini.

Cara Membuat Animasi Lilin

saya akan membagikan sedikit artikel tentang macromedia flash yaitu Cara membuat animasi lilin langsung aja ke Tkp.

1. Buka program flash, atur background menjadi warna gelap atau hitam!
2. klik frame 1 dan buatlah sebuah gambar batang dari lilin tersebut menggunakan rectangle tool (tekan R)
3. dan atur color background menjadi #CCCCCC (abu2) dan non aktifkan strok color.
4. kemudian ubah rectangle setting dengan radius 3. hal ini dilakukan agar pinggiran dari lilin menjadi halus dan tidak runcing.
5. selanjutnya buatlah batang llin tersebut pada layer 1. jadikan simbul movie clip dengan menekan F8.
6. masuk ke jendela edit in place dengan meng klik objek lilin sebanyak 2 kali.
7. selanjutnya buat satu buah layer yang berada di atas layer 1.
8. di layer 2 frame 1 kita akan membuat api dari lilin tersebut, dengan menggunakan Oval tool (O) serta mengatur warna menjadi kuning seperti gambar berikut.
9. buatlah cahaya lilin seperti gambar di samping.
10. dengan menggunakan selection tool (V),
11. klik ujung pada cahaya lilin kemudian tarik ke sebelah kiri.
12. Kemudian insert key frame pada frame 10 di layer 1 dan layer 2
13. pada layer 2 frame 10 rubah posisi cahaya lilin menjadi ke sebelah kanan
14. klik layer 2 frame 1, klik kanan dan copy frames,
15. selanjutnya pada frame 20 paste frames.
16. selanjutnya insert keyframes pada layer 1 frame 20.
17. pada layar 2 blok frame seperti gambar berikut.
18. pada panel propertis berikan tween dengan tipe shape
19. buat 2  layer baru dengan posisi di bawah layer 1 dan layer 2.
20. oke lanjut…:) pada layer 4 kita akan buat tali sebagai pangkal api untu menyala. klik frame 1 pada layer 4, dengan menggunakan brush tool serta atur besaran brush, buatlah pangkal lilin seperti gambar berikut.
21. oke kalau sudah, kita beralih ke layer 3 frame 1. dengan menggunakn oval tool kita akan membuat cahaya dari lilin tersebut. gunakan warna tipe radial merah dan hitam. serta buatlah cahaya tersebut di belakang cahaya lilin seperti gambar berikut.
22. pada layer 3 buat 3 buah keyframe yaitu pada frame 1, 10 dan 20.

pada frame 10 besarkan cahaya sesuai komposisi yang anda anggap cukup.

1. dengan teknik tween safe insert tween safe pada layer 3. (catatan . kalau terjadi garis putus-putus pada layer 3, ubah objek sinar dengan break Apark (ctrl + b ) pada frame 1, 10, dan 20.)
2. hasil akhir yang benar pada layer adalah sebagai berikut.