Kamis, 19 Maret 2015

Tutorial cara membuat animasi background berjalan (Awan, gunung, dan pohon)


1. Buka aplikasi Adobe Flash Professional lalu pilih Action script 2.0 




*Klik pada gambar untuk perbesar 

2. Setelah terbuka, tampilan awalnya seperti ini 


3. Untuk mengubah ukuran, pada properties ubah Size menjadi 800 X 600px


4. Langkah selanjutnya, seret gambar-gambar yang akan dipakai ke Library


5. Buat background Awan dengan menggunakan Rectangle Tool lalu beri warna. Jangan lupa pada layer 1 diganti nama dengan "Awan"




6. Seret gambar Awan dari Library ke dalam background dan tempatkan sesuai kemauan anda


7. Block backrground sekaligus awan menggunakan Selection Tool


8. Klik kanan kemudian pilih Convert to Symbol


9. Double Klik pada gambar untuk masuk ke dalam Symbol Awan. Pilih frame pertama pada Layer 1 lalu pilih Create Classic Tween


10. Kemudian pilih frame lagi (cth : frame ke 50). Klik kanan pada frame tersebut dan pilih Insert Keyframe


11. Lalu buat 2 layer baru 


12. Block pada layer 1, lalu klik kanan dan pilih Copy Frames


13. Paste-kan layer tersebut pada layer 2 & 3


14. Beri nama masing-masing layer dengan "Kiri, Kanan, dan Tengah". Dan pada Layer Kiri, pilih pada frame terakhir (frame ke 50) lalu seret gambar ke kiri


15. Di Layer Kanan, Pilih frame terakhir kemudian seret gambar ke kanan


16. Langkah selanjutnya, klik pada scene 1 dan buat layer baru lalu beri nama "gunung". Selanjutnya pada bawah stage, buat background 2 warna seperti berikut *background pertama sesuaikan dengan warna background awan


17. Seret gambar gunung dari Library ke dalam background tersebut


18. Block background tersebut dengan Selection Tool dan tekan Ctrl + G untuk membuat Group


19. Drag gambar tersebut ke atas dan sesuaikan. Klik kanan pada gambar dan pilih Convert to Symbol


20.  Ulangi langkah yang sama pada langkah ke 9-15 di gambar gunung

21. Setelah selesai, kembali lagi pada scene 1 dan buat layer baru lalu beri nama "pohon". buat background dan seret gambar pohon ke dalam background tersebut


22. Buat Group kembali untuk gambar pohon, seret ke atas dan sesuaikan. jangan lupa buat symbol untuk pohon. Kemudian ulangi lagi langkah ke 9-15 pada pohon

23. Setelah itu balik ke scene 1 dan buat layer baru dan beri nama "pesawat". Lalu drag gambar pesawat dari Library


24. Tekan Ctrl + Enter untuk melihat hasil running-nya



Berikut merupakan contoh animasi background berjalan menggunakan adobe flash professional



Tidak ada komentar:

Posting Komentar