Animasi Mobil Berjalan...

Hallo sahabat blogger... kali ini saya akan share tentang bagaimana membuat animasi menggunakan aplikasi  adobe flash CS6 dari dasar hingga mahir.  Anda bisa mengikuti tutorial di bawah ini  ... oke langsung saja ....

          Software yang digunakan :

          Adobe flash profesional CS6

          AS (Action Script ) yang digunakan :
          Tidak ada

Animasi mobil berjalan

• Pertama-tama aktifkan Adobe flash Profesional setelah itu buat project baru dan pilih action script 0.2

aplikasi adobe flash CS6

Langkah pertama adalah, buatlah sebuah objek latar berupa pohon atau anda bisa mengkreasikan sendiri yang lebih baik dari saya. [sebagai pemula buatlah objek sederhana  sebagai bahan belajar ].

Objek pohon

Buatlah objek sebanyak mungkin melebihi lebar kanvas di adobe flash, disini saya akan menambahkan pemandangan gunung,  [anda bebas berkreasi].  setelah itu klik kanan (convert to symbol  >> rename (mc_background)  type(movie clip)  )

pembuatan background

Klik kanan pada mc_background , lalu klik >> edit in place .ubah nama layer1 menjadi  (background mount) , klik kanan objek background mount (convert to symbol >> rename (g_background) >> type (graphic)), atur background tersebut (dikecilkan agar muat di stage dan sebagainya).

G_background

Pilih frame 300 dan tekan F6. Kemudian atur posisi background tersebut :

Pada layer 1 background harus berada di kanan stage / kanvas

letak di frame 1

Pada layer 300 background harus berada di kiri stage / kanvas

letak di frame 300

Setelah itu klik kanan pada timeline lalu create classic tween

classic tween

Background sudah selesai . sekarang kita akan membuat animasi mobil berjalan

Kembali ke ([scane 1] >> klik di pojok kiri atas link scane 1 )

Buat layer baru dengan nama mobil dan buatlah gambar mobil , pertama-tama buatlah badan mobil [anda bisa mengkreasikan sendiri bentuknya] lalu klik kanan badan mobil tersebut (convert to symbol >> rename (mc_badan) type (movie_clip))

rangka mobil

Klik kanan pada mc_badan mobil tersebut lalu klik kanan pilih edit in place . rename layer 1 menjadi badan . setelah itu buatlah layer baru dengan nama roda dan buat lah roda mobil, klik kanan pada objek roda (convert to symbol >> rename (mc_roda) type (movie_clip)).

buat roda belakang mobil

Catatan : alasan kenapa roda mobil kita buat terpisah dengan badan mobil ? adalah agar tampak realistis . roda mobil dibuat berputar . untuk itu harus di buat terpisah

Klik kanan pada mc_roda dan pilih edit in place rename layer 1 menjadi roda

Sekarang kita akan membuat roda berputar

Ubah gambar roda menjadi graphic klik kanan (convert to symbol >> rename (g_roda) type (graphic)), pilih frame 60 dan tekan F6 . pilih frame mana saja antara 1 dan 60 lalu pilih create motion tween

create motion tween

Pilih frame mana saja antara 1 – 60 . buka tab properties dan atur menu rotate menjadi CW

rotate CW

Catatan : rotate CW adalah gerakan memutar objek searah jarum jam sementara rotate CCW akan berputar sebaliknya

Test movie dengan menekan tombol ( CTRL + ENTER)

Roda mobil sudah ok. Sekarang kita animasikan mobil

Kembali ke MC_Mobil klik link mc_mobil , rename layer roda dengan nama roda belakang dan buat layer baru dengan nama roda depan . setelah itu anda masuk ke library dan ambil mc_roda dengan drag and drop ke kanvas pada posisi yang tepat .

penambahan roda depan 

Klik layer badan mobil dan ubah gambar badan mobil menjadi G_badan klik kanan (convert to symbol >> rename (G_badan) type (graphic ))

pilih layer badan

Atur posisi mobil pada frame 1. Setelah itu pilih frame 300 dengan dengan menekan tombol

(CTRL +( klik badan mobil +klik roda depan + klik roda belakang ))

Jangan lupa atur posisi mobil

Pada layer 1 :

posisi mobil di layer 1

Pada layer 300 :

posisi mobil di frame 300

Setelah itu klik kanan dan pilih create classic tween (lakukan hal ini untuk ketiga layer).

Test movie dengan menekan CTRL + ENTER

create classic tween

Animasi mobil berjalan melewati gunung telah selesai .

animasi selesai