Membuat Header Blog Dengan Macromedia Flash 8

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.

Artikel Terkait:

Posted in: Tutorial Blog