Transcript
Page 1: ANIMASI MASKING (Bagian III) - rupayani.files.wordpress.com · Animasi Masking- SPENSA-2012 ANIMASI MASKING (Bagian III) 1. Bukalah aplikasi flash, dalam hal ini contoh berikut menggunakan

1

Animasi Masking- SPENSA-2012

ANIMASI MASKING (Bagian III)

1. Bukalah aplikasi flash, dalam hal ini contoh berikut menggunakan aplikasi Macromedia Flash 8. Pada materi animasi masking berikut, tidak menggunakan teks seperti materi sebelumnya, namun menggunakan gambar. Dalam hal ini sama saja, boleh teks boleh gambar, tergantung kebutuhan pengguna. Gambar yang digunakan boleh diimport, namun pada materi berikut gambar yang digunakan dalam animasi ini dibuat dengan menggunakan tools yang terdapat pada flash.

2. Dalam membuat gambar di flash jadikanlah symbol untuk mempermudah memindahkan atau pun melakukan editing pada gambar yang dibuat. Buatlah gambar bebas sesuai keinginan. Perhatikan gambar berikut ini.

Gambar tersebut diubah menjadi symbol, convert to symbol (F8).

Page 2: ANIMASI MASKING (Bagian III) - rupayani.files.wordpress.com · Animasi Masking- SPENSA-2012 ANIMASI MASKING (Bagian III) 1. Bukalah aplikasi flash, dalam hal ini contoh berikut menggunakan

2

Animasi Masking- SPENSA-2012

3. Kemudian pada symbol tersebut di stage klik kanan kemudian pilih edit in place / klik 2 kali pada

symbol tersebut.

4. Kemudian terlihat pada gambar berikut, pada timeline menunjukkan berada di dalam symbol tersebut.

Page 3: ANIMASI MASKING (Bagian III) - rupayani.files.wordpress.com · Animasi Masking- SPENSA-2012 ANIMASI MASKING (Bagian III) 1. Bukalah aplikasi flash, dalam hal ini contoh berikut menggunakan

3

Animasi Masking- SPENSA-2012

5. Di dalam symbol tersebut lanjutkanlah membuat gambar seperti yang diinginkan, lakukan penambahan layer jika perlu untuk membedakan bagian gambar yang akan dibuat.

(Pada Materi ini tidak memaparkan cara menggambar, namun kreatiflah dalam menggunakan tools pada flash. BISA KOK. DON’T GIVE UP)

Page 4: ANIMASI MASKING (Bagian III) - rupayani.files.wordpress.com · Animasi Masking- SPENSA-2012 ANIMASI MASKING (Bagian III) 1. Bukalah aplikasi flash, dalam hal ini contoh berikut menggunakan

4

Animasi Masking- SPENSA-2012

6. Kemudian setelah selesai menggambar kembalilah ke Scene 1(klik Scene 1), serta tambahkan frame di frame 40 (bebas sesuai dengan keinginan).

7. Tambahkan layer lagi di atas layer gambar tersebut, kemudian buatkan sebuah shape berbentuk bulat/bisa bebas pada frame 1, tanpa mengubah shape menjadi symbol (karena dalam hal ini akan mengembangkan animasi shape tween). Untuk penempatan shape bisa dimana saja sesuai dengan keinginan.

Page 5: ANIMASI MASKING (Bagian III) - rupayani.files.wordpress.com · Animasi Masking- SPENSA-2012 ANIMASI MASKING (Bagian III) 1. Bukalah aplikasi flash, dalam hal ini contoh berikut menggunakan

5

Animasi Masking- SPENSA-2012

8. Kemudian lanjutkan pada layer yang sama, tambahkan blank keyframe pada frame 35. Kemudian pada blank keyframe tersebut buatlah shape persegi/kotak seukuran gambar (bisa lebih besar/lebih kecil).

9. Tambahkan shape tween di antara keyframe pada layer tersebut (layer 2).

Page 6: ANIMASI MASKING (Bagian III) - rupayani.files.wordpress.com · Animasi Masking- SPENSA-2012 ANIMASI MASKING (Bagian III) 1. Bukalah aplikasi flash, dalam hal ini contoh berikut menggunakan

6

Animasi Masking- SPENSA-2012

10. Setelah ditambahkan shape tween lakukan mask pada layer 2 tersebut.

Kemudian lakukan test movie.

11. Kembangkan penerapan menggunakan animasi masking, dengan menggabungkan animasi yang lain.

Page 7: ANIMASI MASKING (Bagian III) - rupayani.files.wordpress.com · Animasi Masking- SPENSA-2012 ANIMASI MASKING (Bagian III) 1. Bukalah aplikasi flash, dalam hal ini contoh berikut menggunakan

Animasi Masking- SPENSA-2012

Coba, lakukan, berusaha, PASTI BISA.

Coba, lakukan, berusaha, PASTI BISA.

7


Recommended