12013091http://rondonuwumarvel.blogspot.com/

Program Studi Teknik InformatikaFakultas TeknikUniversitas Katolik De La SalleKairagi I KombosManado 95000

Dosen: Yori Montolalu, STMata Kuliah: Praktikum Sistem MultimediaKode MK: IF3256Tahun Ajaran: 2013/2014

Kontak Dosen:

Tugas (lingkari): a. Individualb. Kelompok

Mahasiswa:Marvel Rondonuwu1201309112013091@unikadelasalle.ac.id

TUGAS

Tutorial Animasi Kupu-kupu Dengan Adobe Flash Professional CS6

Tutorial Animasi Kupu-kupuDengan Adobe Flash Professional CS6

1. Buka Adobe Flash dan buat file baru. File menggunakan format ActionScript 2.0.

2. Drag file gambar yang diperlukan pada library yang ada di Adobe Flash. Contohnya, gambar untuk background berupa gambar pemandangan dan gambar kupu-kupu. Sebaiknya file gambar berformat .png.

3. Pada layer 1, drag ke-stage gambar yang akan dijadikan background animasi. Atur juga ukuran gambar sesuai dengan keinginan.

4. Tambahkan layer baru untuk menempatkan objek gambar kupu-kupu. Klik simbol yang ditandakan dengan lingkaran merah untuk membuat layer baru. Tapi bisa juga dengan menekan klik kanan pada mouse dan berikan perintah untuk membuat layer baru.

5. Untuk memudahkan pembuatan animasi, kunci layer 1 dengan menekan titik seperti digambar. Hal ini berfungsi untuk menonaktifkan aktifitas yang ada pada layer 1.

6. Pada layer 2, drag gambar kupu-kupu kedalam stage. Kemudian sesuaikan ukuran dari gambar tersebut sesuai kebutuhan. Dan juga atur posisi dari gambar tersebut.

7. Layer 2, pada gambar kupu-kupu yang ada di-stage klik kanan Convert to Symbol 8. Setelah itu akan muncul jendela baru untuk melakukan pengaturan lebih lanjut. Name: upu-kupu, Type: Movie Clip, Registration: klik titik paling tengah.

9. Setelah langkah diatas berhasil dilakukan, gambar kupu-kupu akan berubah menjadi simbol Movie Clip. 2x klik pada gambar itu dan akan masuk pada gambar tersebut.

10. Posisi sekarang sedang berada dalam simbol kupu-kupu. Klik pada gambar kupu-kupu Modify Bitmap Trace bitmap.

11. Jendela baru akan terbuka. Atur sesuai kebutuhan. Contohnya, Color threshold: 100, minimum area 8 px, dan seterusnya seperti pada gambar dibawah ini. setelah itu klik tombol OK.

12. Jika langkah diatas berhasil dibuat, gambar kupu-kupu akan menunjukan suatu perbedaan dengan kondisi sebelumnya. Tampilan seperti dibawah ini.

13. Dengan kondisi seperti itu, sekarang gambar kupu-kupu sudah bisa diseleksi sesuka hati. Untuk itu, kedua sayap kupu-kupu akan diseleksi dan dipisahkan dengan badan. Untuk memudahkan proses seleksi area, gunakan tombol Shift pada keyboard. Berikut adalah tampilan dari gambar.

14. Jika sayap berhasil dipisah dengan badah, seleksi kembali salah satu sayap kemudian Convert to Symbol. Beri nama contohnya sayap kiri atau sayap kanan.

jika langkah tersebut berhasil dibuat, pada library akan bertambah objek baru. Berikut tampilannya.

15. Tambahkan 2 buah layer baru dan beri nama masing-masing layer sayap kanan dan sayap kiri.

16. Kunci layer 1 untuk memudahkan pembuatan animasi. Pada frame 50 klik kanan Insert Frame.

Berikut tampilan pada timeline

17. Pada layer 1, ada 2 buah objek sayap. Cut (ctrl+x) 2 objek tersebut dan paste (ctrl+v) pada layer masing-masing sesuai dengan nama dari objek tersebut. Tapi sebelumnya, buka dulu simbol kunci yang sebelumnya di klik. Jika langkah dilakukan dengan benar, berikut ini tampilan timeline-nya

18. Setelah masing-masing layer terisi dengan objeknya, posisikan dengan baik objek sayap dengan badan.

19. Pada tiap sayap punya objek bulat putih yang berposisi ditengah objek. Pindahkan objek tersebut pada bagian sayap yang menempel dengan badan. Teknik ini berfungsi untuk memudahkan ketika akan melakukan proses pembuatan motion.

20. Pada frame kedua sayap, insert keyframe pada keyframe kelipatan 5. Tampilan di-timeline akan menjadi seperti dibawah ini. caranya, klik kanan insert keyframe.

21. Frame kedua sayap, ubah ukuran dan bentuk dari sayap dengan free transform tool yang terletak di toolbox.

22. Lakukan langkah ini pada frame 5, 15, 25, 35, dan 45 pada kedua layer sayap. Ubah ukuran sayap. Berikut adalah tampilan perbedaannya.

bentuk awal setelah diubah bentuk dengan tool23. Pada layer kedua sayap, tambahkan efek bergerak dengan cara, block semua keyframe yang ada pada kedua layer klik kanan Create Classic Tween. Berikut adalah tampilannya.

setelah diklik Create Classic Tween, tampilan timeline akan seperti berikut.

24. Balik ke-scene utama dengan cara meng-klik Scene 1.

25. Ubah nama layer 1 menjadi bg dan layer 2 menjadi kupu-kupu. Dan Insert Frame pada frame 50. 26. Layer kupu-kupu klik kanan Add Classic Motion Guide. Setelah itu akan muncul layer baru secara otomatis. Layer motion guide.

27. Pada layer motion guide gunakan Pencil Tool buat garis. Garis ini berfungsi untuk menjadi lintasan bagi objek kupu-kupu untuk dilewati. Karena garis dibuat pada layer jenis ini, maka saat di-run file .swf, garis tersebut tidak akan muncul.

28. Pada objek kupu-kupu memiliki objek bulat putih. Letakkan dan tapatkan objek bulat ini benar-benar pada ujung dari garis tuntun yang sebelumnya telah dibuat.

29. Layer kupu-kupu. Setelah kondisi tersebut dibuat, Insert Keyframe pada frame 50. Dan tempatkan objek kupu-kupu serta objek bulat putihnya pada ujungyang lain pada garis tuntun.

30. Layer kupu-kupu. Pastikan klik kanan diantara frame 1 sampai 50 dan Create Classic Tween. Jika langkah ini berhasil dilakukan, objek kupu-kupu akan tampak bergerak mengikuti garis tuntun.

31. tekan ctrl+enter untuk menjalankan file .swf-nya.

32. Untuk memperindah tampilan animasi, pada layer kupu-kupu bisa ditambahkan keyframe kemudian memodifikasi objek kupu-kupu dengan cara memperbesar/kecil ukuran atau merotasi objek tersebut.3