Animasi Kupu - Kupu Menggunakan Macromedia Flash File Format .fla

Sebelum masuk ke contoh mari kita pahami dahulu mengenai Motion Guide

Motion guide adalah salah satu fasilitas dari flash yang digunakan untuk membuat animasi motion tween bergerak sesuai jalur (guide) yang telah kita buat. Hasil animasi motion guide ini selain halus (karena motion tween) juga lebih teratur karena animasi bergerak sesuai jalur yang kita buat.

CONVERT/F8 ---> Penyatuan object dan merubah format object kedalam 3 bagian antara lain:

a. Movie clip : perubahan bentuk object keformasi pergerakan object

b. button : perubahan object kebentuk tombol

c. grafic : perubahan bentuk object kedalam bentuk grafik

SCENE ----> Mengolah object tanpa merubah bentuk awal/asli proses scene dilakukan setelah proses convert dilakukan

LAYER à Untuk meletakkan lintasan

Contoh Motion guide

1. Buatlah sebuah flash document
   
   
   
   
   
2. Maka akan terbuka halaman seperti gambar berikut ini
   
   
   
   
   
3. Gambar sebuah bola dengan menggunakan “OVAL TOOL
   
   
   
   
   
4. Untuk memilih warna pilih fill color
   
   
   
   
   
5. Gambarkan sebuah bola, seperti gambar dibawah ini!
   
   
   
   
   
6. Klik Frame 40 Pada Layer 1. Kemudian, Klik kanan untuk menambah insert keyframe
   
   
   
   
   
7. Klik kanan pada frame 1 Pada Layer 1. Kemudian pilih Create Motion Tween.
   
   
   
   
   
8. Klik kanan pada frame 40 Pada Layer 1. Kemudian pilih Create Motion Tween.
   
   
   
   
   
9. Pada layer 1, klik kanan lalu pilik Add Motion Guide , seperti gambar dibawah ini!
   
   
   
   
   
10. Pilih Pencil Tool pada toolbar, seperti gambar dibawah ini!
    
    
    
    
    
11. Buat garis bebas seperti gambar dibawah ini!
    
    
    
    
    
12. Pada layer 1 dan frame 1, tepatkan bola pada awal garis.
    
    
    
    
    
13. Pada layer 1 dan frame 40, pindahkan bola di ujung akhir garis!                                                           
14. Tekan Control + Enter untuk melihat
    
    
    LANGKAH LANGKAH MEMBUAT ANIMASI KUPU – KUPU
    
    
    Ø  Membuat File baru
    
    
    
    
    
    
    
    
    
    
    
    Ø  Membuat bentuk badan kupu – kupu, Untuk garis lengkung menggunaka Line Tool
    Ø  Klik & drag sesuai kebutuhan lalu arahkan mouse Ke tengah tengah garis yang kita buat tadi kemudian klik & drag sesuai yang kita inginkan
    Ø  Untuk  bentuk oval menggunakan Oval Tool, Klik & drag sesuai yang kita inginkan, buat 2 buah oval 1 bundar dan satunya lonjong ( oval ) seperti gambar, Kemudian garis garis yang tidak berguna di delete
    
    
    
    
    
    
    
    
    
    
    Ø  Untuk mewarnai badan kupu kupu menggunakan point bucket tool, Untuk memberi mata menggunakan Brush tool, kemudian kita simpan di alibrary obyek diaktifkan > klik kanan
    Ø  pilih  Convert to symbol klik
    
    
    
    
    
    
    
    
    Ø  Beri nama pada kolom Name ( badan )
    Ø  Type nya dengan posisi Graphic > klik Ok gambar kita langsung tersimpan di Library
    
    
    
    
    
    Ø  Langkah berikutnya membuat sayap kupu – kupu
    Ø  Pertama kita menambah layer dengan cara mengklik insert layer yang ada pada timeline Lalu doble klik dilatar yang baru untuk pemberian nama ( sayap )
    
    
    
    
    
    Ø  Buat 2 lingkaran menggunakan oval tool yang satu lonjong dan satunya bundar, (cara ini sama dengan membuat badan kupu – kupu),  kemudian rapatkan 2 obyek ini hingga menyerupai sayap kupu kupu menggunakan Free transform tool, delete garis garis yang tidak diperlukan dengan cara klik garis yang tidak lalu delete
    Ø  Beri warna sayap kupu kupu menggunakan point bucket tool
    
    
    
    
    
    Ø  Sayap yang sudah diwarnai kita putar menggunakan Free Transform tool. Dan posisikan supaya serasi dengan badannya
    Ø  Simpan sayap yang sudah jadi ke Library dengan cara klik kanan > pilih convert to symbol lalu beri nama (sayap ) klik Ok langsung tersimpan , kemudian titik porosnya digeser kesisi kiri seperti gambar sebelah kanan
    
    
    
    
    
    Ø  Selanjutnya kita membuat sayap kiki dengan cara mengcopy gambar
    Ø  Pertama kita klik frame yang ada timeline layer ke2 (sayap ) kemudian klik kanan > pilih copy frame. Lalu kita menambah layer > klik insert layer
    Ø  Dilayer yang baru ( layer3) framenya kita klik kanan > pilih paste frame seperti conton gambar dibawah ini
    
    
    
    
    
    Ø  Sayap yang baru kita copy masih berhimpit dengan sayap kanan, selanjutnya sayap ini kita balik menjadi sayap kiri dengan cara : klik Modify > pilih Transform > pilh Flip Horizontal kemudian posisikan, Kita sudah mebuat 2 sayap
    
    
    
    
    
    
    
    Ø  Langkah berikutnya kita menganimasikan kupu kupu agar dapat mengepak
    Ø  Pertama frame ke 4 pada timeline layer 2 dan 3 kita klik lalu klik kanan pilih insert keyframe, kemudian sayap kita pipihkan satu persatu dan sedikit panjangkan kerena sayap posisi diagonal terlihat agak panjang dengan menggunakan freeTransform tool
    
    
    
    
    
    Ø  Kemudian untuk kedua sayap frame satu pada timeline diaktifkan > klik kanan pilih copy frame, lalu frame 8 diaktifkan (lihat gambar) klik kanan pilih paste frame
    Ø  Kedua layer sayap didrag dari frame satu sampai dengan frame 8, > klik kanan pilih Create Motion Tween
    
    
    
    
    
    Ø  Untuk badan kita sesuaikan frame yang ada di timeline, kita aktifkan di frame 8 lalu klik kanan pilih insert frame,
    
    
    
    
    
    
    
    GAMBAR ATAU DESAIN MEMBUAT ANIMASI KUPU KUPU
    
    
    1. FRAME
    
    
    
    
    
    2. MOTION TWEEN & SYMBOL
    
    
    
    
    
    4. DESIGN
    
    
    
    
    
    4. HASIL KESELURUHAN
    
    
    
    
    
    Download file type .fla dengan cara mengirimkan pesan ke facebook saya Disini akan saya kasih link nya :) !! Atau bisa juga Download Video dibawah ini!!!
    
    
    
    
    By : Cut Iswahyuni