Animasi Mobil Berjalan & Lampu Merah Menggunakan Macromedia Flash File Format .fla

Sebelum masuk ke contoh mari kita pahami dahulu mengenai Rotasi

Rotasi : pergerakan objek dengan cara berputar
 - menggunakan keyframe
 - menggunakan motion

LANGKAH – LANGKAH MEMBUAT MOBIL BERJALAN

1.  Buka aplikasi macromedia flash pada komputer anda, lalu pilih "flash document" pada sub menu creat new.
   
   
   
2. Pada menu insert, pilih new symbol (Ctrl+F8)
   
   
   
3.  Buatlah nama symbol menjadi roda, type: movie klip à Ok
   
   
   
4. Gambarlah sebuah roda seperti gambar dibawah ini!
   
   
   
5.  Langkah selanjutnya yaitu membuat animasi ban tersebut berputar pada symbol roda, frame ke 40, klik kanan dan pilih "insert keyframe"
   
   
   
6. Setelah diklik maka hasilnya sebagai berikut.
   
   
   
7. Klik kanan pada "frame 1" kemudian klik "Create Motion Tween
   
   
   
8. Setelah diklik maka hasilnya sebagai berikut
   
   
   
9. Pada label "properties" yang terletak di bagian bawah layar, ubah pada kolom "Rotate" yg semula berupa "auto" menjadi "CW" 
   
   
   
10. Setelah diklik, kemudian klik "control" dan pilih "play" maka ban tersebut akan berputar
    
    
    
11. Buatlah gambar mobil dengan menggunakan "line tool" atau "rectangle tool" langkah ini bisa anda kreasikan sesuai selera masing2, karena cukup menggabung-gabungkan garis hingga menyerupai bentuk mobil yang diinginkan. kemudian klik kanan pada gambar mobil tersebut dan klik select all, klik kanan klik "convert to symbol" pilih "movie clip" dan ganti nama "symbol 1" menjadi " Body Mobil" kemudian klik ok. Hasil gambar body mobil yang sudah di desain
    
    
    
12. Langkah selanjutnya yaitu membuat agar mobil beserta ban tersebut terlihat berjalan ke arah kanan. pertama: klik pada symbol "body mobil" kemudian pada "frame 5" klik "insert keyframe" lalu pindahkan  posisi ke atas
    
    
    
13. Kedua: klik pada symbol "body mobil" kemudian pada "frame 10" klik "insert keyframe" lalu pindahkan posisi ke bawah kembali seperti pada posisi frame 1
    
    
    
14. Ketiga: klik pada symbol "body mobil" kemudian pada "frame 15" klik "insert keyframe" lalu pindahkan ke atas seperti posisi diframe 5
    
    
    
15. Masukkan symbol “Roda” dan symbol “Body Mobil”, kedalam scene1, satukan ban dan body mobil yang telah didesain. Seperti gambar dibawah ini!
    
    
    
16. Pada frame 30 klik “insert keyframe”, seperti gambar dibawah ini!
    
    
    
17. Pada frame 1 klik “Create Motion Tween”, seperti gambar dibawah ini!
    
    
    
18.  Demikian juga pada frame 30 klik “Create Motion Tween”, seperti gambar dibawah ini!
    
    
    
19. Selanjutnya pada frame 1 posisi gambar letak diujung kiri, seperti gambar dibawah ini!
    
    
    
20.  Pada frame 30 posisi gambar letak diujung kanan, seperti gambar dibawah ini!
    
    
    
21.  Untuk melihat hasil animasi mobil berjalan klik “Ctrl+Enter”

LANGKAH – LANGKAH MEMBUAT LAMPU LALU LINTAS

1. Buatlah gambar lampu lalu lintas dengan menggunakan “Oval Tool”,  "line tool" atau "rectangle tool" langkah ini bisa anda kreasikan sesuai selera masing - masing, karena cukup menggabung-gabungkan garis hingga menyerupai bentuk lampu lalu lintas yang diinginkan.
   
   
   
2. Pada frame 1, Buat lah Lampu lalu lintas berwarna merah, kedua warna (Kuning & Hijau) tidak usah dikasih warna. Seperti gambar dibawah ini!
   
   
   
3. Pada frame 5 klik kanan lalu pilih “Insert Keyframe
   
   
   
4. Buat lah Lampu lalu lintas berwarna kuning, kedua warna (merah & Hijau) tidak usah dikasih warna. Seperti gambar dibawah ini
   
   
   
5. Pada frame 20 klik kanan lalu pilih “Insert Keyframe”
   
   
   
6. Buat lah Lampu lalu lintas berwarna Hijau, kedua warna (merah & kuning) tidak usah dikasih warna. Seperti gambar dibawah ini!
   
   
   
7. melihat hasil animasi lampu lalu lintas berjalan klik “Ctrl+Enter”

GAMBAR ATAU DESAIN MEMBUAT ANIMASI MOBIL BERJALAN & LAMPU MERAH

• Frame

• Motion Tween & Symbol

• Design

•  Hasil Keseluruhan 

Klik dengan cara mengirimkan pesan ke facebook saya Disini akan saya kasih link nya :) untuk Mendownload file type .fla atau bisa juga download Video dibawah ini!



By : Cut Iswahyuni