RSS

Flash8 & Flash CS3 — Animasi Mobil Berjalan Dengan Melewati Pepohonan

11 Des

Halo :)

Kali ini akan di buat animasi mobil berjalan dengan melewati pepohonan.

Software yang di gunakan :

Flash 8 dan Flash CS3

AS [ActionScript] yang digunakan :

Tidak ada.

Preview hasil jadi :

Mobil berjalan melewati pepohonan dari arah kiri ke kanan.

Animasi mobil ini bisa di lihat di sini

  • Rename Layer 1 dengan nama  Pohon dan buatlah gambar pohon [atau import gambar pohon yang sudah jadi sebelumnya :) ]

  • Perbanyak gambar pohon tersebut [saya mengubah gambar pohon tersebut agar terlihat banyak pohon yang berbeda, tapi bila Anda lebih suka pepohonan dengan gambar pohon yang sama silakan saja :) ] dan ubah menjadi symbol Movie Clip dengan nama mc_Pepohonan.

  • Klik kanan pada mc_Pepohonan tersebut dan pilih Edit in Place.  Ubah nama Layer 1 dengan nama Pepohonan, ubah gambar pohon yang ada menjadi symbol Graphic dengan nama g_Pepohonan. Atur gambar pepohonan tersebut . [Di kecilkan agar muat di stage dan sebagainya :D ]

  • Pilih frame 300 dan tekan F6. Kemudian atur posisi gambar pepohonan tersebut agar berada di arah sebaliknya dari gambar di frame 1.
  • Pilih frame mana saja diantara frame 1 dan 301, klik kanan dan pilih Create Motion Tween.

  • Bg pepohonan sudah selesai. Sekarang kita akan membuat animasi mobil berjalan. :)
  • Kembali ke Scene 1 [dengan mengklik link Scene 1], buat layer baru dengan nama Mobil dan buatlah gambar mobil. Buat dulu gambar badan mobil, ubah gambar badan mobil tersebut menjadi symbol Movie Clip dengan nama mc_Mobil.

Jangan contoh gambar saya kalau Anda bisa membuat yang lebih bagus XD

  • Klik kanan mc_Mobil tersebut dan pilih Edit in Place.  Rename Layer 1 dengan nama Badan , buat layer baru dengan nama Roda dan buatlah gambar roda mobil, ubah gambar roda mobil menjadi Symbol dengan nama mc_Roda.

  • Intermezzo : Kenapa roda harus dibuat terpisah dan menjadi Movie Clip sendiri? Untuk membuat efek realistis [maaf kalau salah kata :P] roda mobil dibuat berputar, untuk itu roda mobil harus dibuat terpisah dan menjadi Movie Clip sendiri. :D
  • Klik kanan pada mc_Roda, rename Layer 1 dengan nama Roda.
  • Sekarang kita akan membuat roda berputar. :D
  • Ubah gambar roda menjadi symbol Graphic dengan nama g_Roda. Pilih frame 60 dan tekan F6. Pilih frame mana saja di antara frame 1 dan 60, kemudian klik kanan dan pilih Create Motion Tween.

  • Pilih frame mana saja di antara frame 1 dan frame 60. Buka tab Properties dan atur menu Rotate menjadi CW.

Secara default kolom times akan terisi 1, yang berarti roda akan berputar sebanyak 1 kali.

  • Intermezzo : Rotate CW akan memutar roda searah putaran jarum jam sementara Rotate CCW akan memutar roda berlawanan arah jarum jam. Karena mobil akan berjalan dari kiri ke kanan maka digunakan Rotate CW. Salah satu aspek penting dari animasi adalah bagaimana membuatnya realistis. :D
  • Test movie dengan menekan Ctrl+Enter. Jangan pedulikan bahwa mobil terlihat melayang, yang kita cek sekarang adalah roda mobil. ;)
  • Roda mobil sudah ok, sekarang kita animasikan mobil. :D
  • Kembali ke mc_Mobil (dengan mengklik link mc_Mobil), rename Layer Roda dengan nama Roda Belakang dan buat layer baru dengan nama Roda Depan. Tarik mc_Roda dari Library dan atur mc_Roda pada frame 1 di layer Roda Depan pada posisi yang tepat.

  • Kembali ke layer Badan dan ubah gambar badan mobil menjadi symbol Graphic dengan nama g_Badan.
  • Atur posisi mobil pada frame 1. Atur juga ukuran mobil bila dirasa perlu. Kemudian pilih frame 300 pada masing masing layer dan tekan F6, jangan lupa atur posisi mobil.

  • Klik kanan frame di antara frame 1 dan frame 300 dan pilih Create Motion Tween. Lakukan hal ini untuk ketiga layer.

  • Test movie dengan menekan Ctrl + Enter.  Silakan atur posisi mobil dengan mengatur posisi mc_Mobil pada Scene 1, jangan ubah isi mc_Mobil yang baru saja di buat tadi ;)
  • Animasi mobil berjalan dengan melewati pepohonan sudah selesai.

Contoh animasi mobil berjalan dengan melewati pepohonan dengan efek siang dan malam.

Background yang di gunakan adalah animasi siang dan malam dari post sebelumnya sehingga efeknya akan seperti mobil yang berjalan sepanjang hari melewati pepohonan.

Hasil jadi (*.fla) bisa di dl di

Flash8

FlashCS3

Terima kasih sudah mampir dan membaca blog saya (^_^)

 
1 Komentar

Posted by pada Desember 11, 2010 in Flash

 

Tag: ,

One response to “Flash8 & Flash CS3 — Animasi Mobil Berjalan Dengan Melewati Pepohonan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
Ikuti

Get every new post delivered to your Inbox.

%d bloggers like this: