Anda di halaman 1dari 2

Tutorial Membuat Header Blog Animasi

Pada tutorial kali ini gambar yang di animasikan adalah salah satu contoh header blog hasil
editan dengan menggunakan Photoshop. Silakan kamu copy gambar diatas yang nantinya akan
digunakan pada tutorial ini. Untuk selanjutnya apabila sudah paham cara membuat header
animasi, silakan kamu masukan gambar header blog kamu dengan ukuran sesuai dengan yang
kamu inginkan.
Langkah pertama jalankan program macromedia Ilash 8. Kemudian klik File~New
Kemudian klik File~Save As, pilih Folder di komputer kamu kemudian masukan nama pada
kolom Iile
name dengan nama 'Header lalu klik tombol Save.
Langkah selanjutnya adalah meng-Import gambar hasil editan kamu ke Ilas, Klik import~Import
to stage.
Kemudian pilih gambar yang akan di import, lalu klik Ok
Gambar untuk Header berhasil di import
Langkah selanjutnya memasukan gambar kedalam Library, klikanan pada gambar kemudian
pilih Convert to Symbol
Kemudian akan muncul jendela seperti ini. Isikan Name dengan 'gambar 1, Type pilih Movie
Clip,
kemudian Klik OK.
Klik icon New Layer. Icon ini berIungsi untuk membuat layer baru pada Irame.
Klik Window~Library, untuk memunculkan library.
Library berhasil ditampilkan, klik pada huruI library untuk memunculkan symbol yang tadi
telah kita masukan.
Klik Frame/layer kemudian pindahkan symbol ke dalam stage dengan cara klik kemudian tahan
lalu geser ke stage
Frame masih dalam keadaan terpilih, kemudian geser gambar dengan menekan tanda panah
pada keyboard kebawah, kesamping , dan ke atas supaya gambar bertumpuk.
Gambar berhasil digeser, tetapi gambar bagian atas terlihat lebih menjorok kebawah di
bandingkan gambar bagian bawah (tidak presisi dengan gambar yang di bawah)
Langkah selanjutnya adalah merubah ukuran layout/stage, klik size kemudain akan muncul
jendela seperti gambar diatas, isi dimensions dengan width 525 dan height 120. Klik Ok
Kemudian Block kedua gambar, lalu geser dengan menekan tanda panah pada keyboard sampai
pas dengan layout.
Gambar berhasil digeser.
Klik icon new layer/Irame.
Sekarang kita akan membuat sebuah kotak yang nantinya di jadikan sebagai mask. Klik
Rectangle tool
Buat sebuah kotak vertical disamping gambar dengan cara klik pada mouse keudian tahan
lalu geser kesamping dan kebawah. Ingat Irame/layer yang terpilih harus layer 3
Seperti terlihat pada gambar, kotak berhasi kita buat. Langkah selanjutnya adalah memasukan
kotak tadi kedalam library, caranya sama seperti pada langkah sebelumnya : Klik kanan pada
kotak, kemudian akan muncul jendela seperti terlihat pada gambar. Kemudian isi kolom Name
dengan 1, Type pilih Movie Clip, lalu klik Ok.
Selanjutnya kita akan menggerakkan/menganimasikan kotak tadi ke sebalah kanan.
Caranya klik pada Irame ke 100 pada layer 3 kemudian tekan shiIt pada keyboard dan tahan
kemudian klik lagi layer 2, dan layer 1. Setelah itu kemudian tekan F5 pada keyboard.
Klik layer 3 kemudian pada Irame layer 3 klik kanan pilih Create motion tween. Motion ini
berIungsi agar animasi tadi bergerak halus.
Klik pada Irame 40 kemudian tekan F6 pada keyboard.
Selanjutnya klik pada Irame 100 kemudian tekan F6 pada keyboard, kemudian geser
kotak kesebelah kanan.
Seperti terliahat pada gambar kotak tadi berhasil di geser kesebelah kanan.
Selanjutnya sekarang kita akan menjadikan kotak tadi menjadi mask. Caranya klik kanan
pada layer 3 kemudian pilih Mask.
Terlihat pada layer muncul icon gembok, artinya kotak tadi sudah menjadi mask, munculkan
lagi kotak tadi dengan mengklik icon gembok pada layer.
Selanjutnya sekarang kita akan melihat animasi yang telah kamu buat tadi. Caranya klik
Control~Test Movie.
Animasi yang anda buat berhasil dimunculkan.
Selanjutnya sekarang kita akan mempublish animasi tadi menjadi Iile .swI, caranya klik
File~publish settings
Setelah muncul jendela seperti pada gambar, kemudian pilih Ilash, pada JPEG quality geser
slide ke angka 100, dan klik OK.
Sekarang Header animasi yang kamu buat sudah di publish menjadi .swI,untuk melihatnya
kamu periksa Iolder tempat Iile ini kamu simpan, kemudian klik Iile Header.swI
Selamat mencoba !!