Membuat Header dengan Animasi Text Sederhana menggunakan Macromedia Flash 8
Hendrayana | Web Developer | Monday Jun 14, 2010
Disini saya akan menjelaskan cara membuat header menggunakan Macromedia Flash,dengan animasi Masking Text.
STEP 1
Buka dan jalankan program Macromedia Flash Proffesional 8 atau Adobe Flash,
kemudian buat lembar kerja baru dengan cara klik menu File > New > Flash Document > OK
STEP 2
• Atur size/ukuran stage dengan width=960px dan height=155px
(sesuaidengan ukuran header C2MS Lite dan Flexlite).
• Ubah warna background menjadi #000000 (Black)
• Setelah itu Klik OK
STEP 3
• Buat text apa saja menggunakan
(Text Tool) , sebagai contoh saya buat text "INSTANT WEBMASTER WORKSHOP"
• Pada Panel Properties atur jenis font sesuai dengan keinginan anda
(sebagai contoh saya pakai font Cambria)
• Size kurang lebih sekitar 60px
• dan font color menjadi #ffffff (putih).
STEP 4
• Buat Layer baru dengan mengklik menu Insert > Timeline > Layer atau dengan cara lain (mengklik icon
seperti pada gmbar dibawah)
• Kemudian buat sebuah lingkaran menggunakan
(Oval Tool), simpan lingkaran di sebelah kiri text "INSTANT WEBMASTER WORKSHOP”
STEP 5
• Pada Layer 1, klik frame ke 40, kemudian klik kanan > Insert Keyframe,
• Lakukan juga pada Layer 2
STEP 6
• Setelah STEP 5 selesai dilakukan, pastikan anda mengklik dahulu keyframe ke 40,
• Kemudian pindahkan posisi lingkaran ke sebelah kanan text "INSTANT WEBMASTER WORKSHOP"
STEP 7
Pada Layer 2, Klik di tengah keyframe (seperti pada gmbar dibawah), kemudian klik kanan > Create Motion Tween
STEP 8
Disini kita akan menduplikat text “INSTANT WEBMASTER WORKSHOP” dengan cara Klik kanan pada Layer 1, kemudian pilih Copy Frames
Kemudian Buat Layer baru dengan mengklik icon
(New layer), kemudian klik kanan > Paste Frames
STEP 9
Ubah warna text Layer 3 manjadi warna merah dengan cara klik frame Layer 3, kemudian klik fill color dan pilih warna #FF0000 (merah)
STEP 10
Klik Layer 2, kemudian Klik kanan > Mask
STEP 11
Save File dengan mengklik menu File > Save > beri nama > Klik OK
Dan yang terakhir tekan Ctrl + Enter untuk melihat hasilnya.
lumayan