Facebook Ilmuwebsite

Tutorial Flash : Membuat Animasi Transisi Bag. 2 - habis

Assalamu'alaikum. Apa kabar para pembaca sekalian? Semoga semuanya dalam keadaan sehat dan selalu tetap bersemangat dalam belajar.  :). Insha Alloh.

Okelah, kali ini kita lanjutkan kembali bahasan tutorial sebelumnya yang berjudul
Tutorial Flash : Membuat Animasi Transisi Bagian 1

Kita langsung saja sekarang kita menuju ke tahapan pembuatan animasi slide gambarnya. selamat mencoba...







1. Import gambar kedalam panel library kemudian . dengan cara memilih menu File kemudian pilih import lalu pilih import to library



2. Kemudian cari gambar yang akan anda import.

3.  Buat layer baru kemudian berinama gambar 1, posisi layer berada paling bawah.



4. Masukan gambar1 kedalam stage, dan simpan dilayer gambar 1. Caranya anda buka panel library kemudian anda klik gambar yang akan anda gunakan lalu geser kedalam stage.



5. Perkecil ukuran gambar dengan menggunakan Free Transform Tool.



6.  Ulangi langkah 3 – 5. (Masukan gambar pada masing2 layer yang sudah dibuat hingga semua gambar yang ada pada panel library berada dalam stage).





7. Buat keyframe diframe 21 pada layer gambar1. Dan untuk layer yang lainnya tambahkan frame.




8. Buat animasi motion tween pada gambar yang ada di layer gambar 1. Caranya klik kanan pada keyframe 21 pada layer gambar 1 kemudian pilih motion tween.


      Jika muncul tampilan seperti di bawah ini, tekan OK. jika tidak lanjutkan ke tahap berikutnya.



9.         Tambahkan frame pada frame 40 layer gambar1.

10. Klik gambar kemudian beri color style alpha dan turunkan nilai alphanya menjadi 0%.


11.     Tambahkan frame di frame 80 untuk layer yang lainnya.



12. Buat keyframe pada frame 81 layer gambar2.


13.     Berikan animasi motion tween pada frame 81, kemudian tambahkan frame di frame 100 layer gambar2.



14. Klik pada frame 81 kemudian klik objek gambar lalu atur color stylenya menjadi Alpha dengan nilai alphanya 100%.




15. Kemudian tambahkan filter blur pada objek gambar, caranya klik gambar kemudian pilih Add Filter kemudian pilih Filter Blur, lalu atur nilai blur x 5px dan blur y 5px dengan Quality Low.




16. Klik pada frame 100, kemudian klik gambar lalu atur nilai blur x-nya menjadi 200px dan atur pula nilai alphanya menjadi 0%.



17.     Tambahkan frame pada layer shadow, layer frame,layer gambar3 s.d. layer gambar6



18.     Tambahkan keyframe pada frame 141 layer gambar 3.


19.     Kemudian buat motion tween pada frame 141 layer gambar3.


20.     Tambahkan frame pada frame 160.


21.     Klik frame 141 kemduian klik gambar lalur atur color style alphanya menjadi 100% dan berikan filter Blur.


Klik frame 160 lalu klik gambar lalu ganti pengaturan nilai alpha dan blur Y nya, seperti terlihat pada gambar dibawah ini.


22.     Insert frame pada frame 200 pada layer shadow, layer frame, layer gambar4 s.d. gambar6


23.     Insert Keyframe pada frame 201 layer gambar4

24.     Buat animasi motion tween pada frame 201 layer gambar4
25.     Insert frame pada frame 220 layer gambar4

26.     Klik frame 201 lalu klik gambar atur color style alphanya 100%

27.     Klik frame 220 lalu perbesar ukuran gambar dengan menggunakan Free Transform Tool. Dan atur color style alphanya menjadi 0%.


gambar setelah di perbesar

gambar setelah nilai alphanya menjadi 0%

28.     Insert frame pada frame 260 untuk layer shadow, layer frame dan layer gambar5 dan gambar6.


29.     Insert keyframe pada frame 261 layer gambar5.
30.     Buat aniamsi motion tween pada frame 261.


31.     Klik pada frame 280, kemudian tekan tombol F6 pada keyboard untuk menambahkan keyframe.



32.     Klik frame 261 lalu klik gambar kemudian perbesar ukuran gambar dengan menggunakan Free TransformTool.



33.     Beri color style alpha pada gambar, dengan nilai alpha 0%.


34.     klik pada frame 320 kemudian tekan lagi tombol F6 pada keyboard untuk menambahkan keyframe pada frame tersebut.


35.     Klik pada frame 340 kemudian tekan lagi F6 untuk menambahkan keyframe.



36.     Klik gambar kemudian turunkan nilai color style alphanya menjadi 0%.

37.     Insert frame pada frame 280 untuk layer gambar6

38.     Klik frame 255 pada layer gambar5 kemudian tekan delete untuk menghapus gambar.



39.     Insert frame pada frame 360 untuk layer shadow dan layer frame.


40.     Buat layer baru kemudian posisikan layer dibawah layer gambar6, lalu berinama layer gambar7.



41.     Insert keyframe pada frame 320 layer gambar7.


42.     klik frame 1 pada layer gambar1 untuk kemudian copy gambar yang ada pada frame tersebut dengan cara click kanan pada gambar lalu pilih copy. Atau anda dapat menekan tombol CTRL + C untuk mengcopy.


43.     Klik frame 320 pada layer gambar7 kemudian kemudian klik kanan pada area stage lalu pilih paste in place untuk mempaste gambar yang ada pada frame 1 layer gambar1 tadi.



44.     Berikut adalah hasil akhirnya dari pembuatan animasi, silahkan anda kembangkan kembali animasi ini. Selamat mencoba.


Sekarang tekan CTRL + ENTER untuk melakukan test movie untuk melihat hasil animasi yang dibuat.


Adi Hadisaputra

Posting Komentar

1 Komentar

  1. tutorial bagus :D permisi mas,
    saya ada pertanyaan, bisakah sebuah file swf didalam sebuah html meload swf lain di dalam sebuah website??misalkan ada sebuah movie 1 didalam html sebuah website,dan di dalam movie 1 di dalam html tersebut harus meload movie 2. terimakasih sebelum nya

    BalasHapus