Membuat Animasi Galery foto dengan Adobe Flash CS3

Membuat animasi gallery foto dengan adobe flash CS3

Kali ini saya akan memberikan tutorial cara membuat animasi galeri foto yang pada saat di jalankan, foto tersebut akan berubah menjadi foto yang lain secara bergantian. Berikut langkah-langkahnya.

1. Buat dokumen baru dari menu File – New

2. Tampilkan dokumen property (shortcut ctrl+J), kemudian aturlah nilai ukuran stage W: 259 px dan H: 315 px.

3. Masukkan 3 buah gambar yang anda inginkan ke dalam library dengan cara mengklik menu file – import – import to library

4. Klik dua kali pada layer 1, kemudian ubah namanya menjadi gambar 1

5. Klik frame 1 pada layer gambar1, lalu pindahkan gambar pertama pada Panel Library ke dalam stage.

6. Tampilkan panel properties (ctrl+F3), kemudian atur ukuran gambar dengan nilai W:259 px dan H:315 px, X:0, dan Y:0.

7. Klik pada posisi frame 70 dari layer gambar1, kemudian tekan tombol F5 (Insert Frame) dari keyboard.

8. Buat layer baru dengan cara mengklik menu insert – timeline – layer. Maka akan muncul layer 2 di atas layer gambar 1, kemudian ubah nama layer 2 menjadi gambar2.

9. Klik pada posisi frame 40 dari layer gambar2, kemudian tekan tombol F7 (Insert Blank Keyframe) dari keyboard.

10. Pindahkan gambar kedua yang ada pada panel library ke dalam stage, kemudian atur ukuran gambar menjadi sama dengan ukuran stage.

11. Pada gambar kedua, jadikan symbol movie clip dengan cara menekan tombol F8 (Convert to Symbol) dari keyboard, lalu pada bagia name ketik mc_gambar2, sedangkan pada bagian type pilih movie clip.

12. Klik pada posisi frame 50 dari layer gambar2, kemudian tekan F6 (Insert Keyframe) dari keyboard.

13. Pilih gambar yang ada pada posisi frame 40 dari layer gambar2 dan pindahkan posisi gambar ke kanan luar stage.

14. Tampilkan panel properties (ctrl+F3), kemudian pada bagian color pilih Alpha dan berikan nilai 0% (Untuk mentransparankan gambar).

15. Pilih gambar dengan cara mengklik pada posisi frame 50 dari layer gambar2, kemudian pada panel properties berikan nilai color alpha: 70%.

16. Pilih gambar dengan cara mengklik pada posisi frame 70 dari layer gambar2, kemudian pada panel properties bagian color pilih advance.

17. Klik tombol setting, maka akan muncul jendela Advance Effect dan aturlah nilai Red: 61, Green: 66, Blue: 132, Alpha: 0.

18. Blok posisi frame 40 sampai dengan frame 69 dari layer gambar2, lalu klik kanan dan pilih menu create motion tween.

19. Klik pada posisi frame 140 dari layer gambar2, kemudian tekan tombol F5 (Insert Frame) dari keyboard.

20. Buat layer baru dengan cara mengklik menu insert – timeline –layer. Maka akan tampil kayer 3 di atas layer gambar2, kemudian klik dua kali pada layer 3 dan ubah nama layer 3 menjadi gambar3.

21. Klik pada posisi frame 110 dari layer gambar3, kemudian tekan tombol F7 (Insert Blank Keyframe) dari keyboard.

22. Drag gambar yang ketiga pada panel library ke dalam stage dan atur ukuran gambar sama dengan ukuran stage.

23. Gambar yang ketiga tersebut jadikan symbol movie clip dengan cara tersebut tombol F8 (Convert to Symbol) dari keyboard dan ketikkan nama mc_gambar3 pada bagian name, sedangkan pada bagian type pilih Movie Clip.

24. Klik pada posisi frame 120 dari layer gambar3, kemudian tekan F6 (Insert Keyframe) dari keyboard.

25. Pilih gambar di stage pada posisi frame 110 dari layer gambar3, kemudian pada panel properties (ctrl+F3), aturlah nilai bagian color, pilih alpha: 0%.

26. Pilih gambar yang ada pada posisi frame 120 dari layer gambar3, kemudian pada panel properties (ctrl+F3) bagian color pilih advanced.

27. Klik tombol setting, kemudian aturlah nilai dari bagian red: 91, green: 168, blue: 198, dan alpha: 0.

28. Klik pada posisi frame 140 dari layer gambar3, kemudian tekan tombol F6 (Insert keyframe) dari keyboard.

29. Pilih gambar yang ada pada posisi frame 140 dari layer gambar3, kemudian pada panel properties bagian color pilih alpha dan berikan nilai 100%.

30. Blok frame 110 sampai dengan frame 139 dari layer gambar3, kemudian klik kanan pilih create motion tween.

31. Klik pada posisi frame 200 dari layer gambar3, kemudian tekan tombol F5 (Inser frame) dari keyboard.

32. Simpan dengan format *.fla

33. Dan publish dengan format *.swf bila anda ingin menampilkannya di halaman website atau blog anda.

34. Bila anda ingin menambahkan lebih banyak foto lagi, duplicate saja layer2 yang sudah ada dan ubah nama layer sesuai nomer. Dan tambahkan lebih banyak lagi foto ke library.

35. Selamat mencoba, silahkan tinggalkan komentar bila ada pertanyaan.

Berikut hasilnya:

| More

Ingin berlangganan Artikel seperti diatas? Masukkan alamat E-mail anda dibawah ini:

Delivered by FeedBurner

Artikel Lainnya