Slide

Contact Admin

Minggu, 23 Januari 2011

Flash Banner Blog


Mumpung ada waktu luang,saya akan mencoba memberikan sedikit tutorial membuat Flash Animasi dengan menggunakan Program Shotink SWF Easy seperti yang pernah saya janjilan pada postingan sebelumnya.
Untuk latihan ini saya coba untuk membuat "Flash Banner Blogger".Bagi anda yang belum mempunyai Program tersebut silahkan download disini
Tanpa membuang-buang waktu,Mari kita mulai latihan sekarang.
  • Silahkan buka program Shotink SWF easy yang telah terinstal di PC,dan anda akan melihat tampilan seperti ini.


    Silahkan anda pilih "Blank Document".
  • Kita akan mencoba membuat banner dengan ukuran 300 X 100 px.Untuk membuat ukuran pada stage/lembar kerja,lihatlah ke bagian Property yang letaknya berada dibawah Stage.
  • Sekarang coba anda lihat sebelah kanan dari halaman kerja program.Terdapat 2 TAB Menu disana,yaitu "Resource" dan "Component".Silahkan Klik pada TAB MENU "Resource" dan isikan kata "Dynamic" pada kotak Searching seperti dibawah ini.
  • Pilih "Earth.glm" seperti pada gambar.
  • Mungkin gambar bumi tersebut akan menutupi stage/lembar kerja kita.Untuk itu silahkan anda Resize ukuran file "earth.glm" tersebut dengan menarik bagian sudut dari gambar sambil menahan "SHIFT" pada keyboard sampai akhirnya nampak seperti gambar dibawah ini.Untuk melihat hasilnya silahkan anda tekan "Ctrl" + "ENTER" pada keyboard.
  • Waow...satu langkah yang gampang bukan ^^ ...Tapi yang saya inginkan bukan itu.Yang saya inginkan adalah mengganti putaran bumi tersebut dengan putaran Logo Blogspot (untuk pengguna wordpress harap sabar yaa...).Untuk langkah-langkahnya,Klik terlebih dahulu gambar bumi tesebut dan klik TAB "Advance" pada menu Property.
  • Pada jendelan Advance,Silahkan anda klik Symbol 2 (frame1) seperti pada gambar.
  • Sekarang sudah nampak gambar peta pada gamabr bumi.Nah..waktunya kita mengganti gambar peta tersebut dengan Logo Blogger.Silahkan download File "LogoBlogger" disini dan simpan hasilnya di hard disk (misalnya di my document).Setelah itu klik tab "Replace Shape".Silahkan anda ganti denganfile "Logo Blogger" yang sebelumnya anda download dan klik OK.dan hasilnya akan nampak seperti pada gambar berikut.Silahkan tekan "Ctrl" + "ENTER" untuk melihat hasil sementara.
  • Langkah selanjutnya mengganti warna kulit bumi menjadi warna Orange Blogger.
  • Klik kembali gambar hasil editan file gambar tesebut dan klik TAB advance.lalu silahkan anda pilih bagian "Symbol 1(frame1) seperti pada gambar.
  • Lakukan perubahan warna seperti pada gambar berikut.
  • menjadi seperti ini.
  • Dan sampai akhirnya akan menjadi seperti ini.
  • Langkah membuat Putaran Logo blogger telah berhasil.sekarang waktunya kita memberi warna dasar dan efek yang lain.Nah...disini saya ingin mengganti warna bacground dengan warna hitam,caranya silahkan anda klik area background seperti pada gambar.Lalu pilih warna hitam pada opsi tersebut.
  • Kita lanjutkan untuk menerapkan efek ke dua.Silahkan anda lihat kembali sebealh kanan dari halaman,yakni TAB Resource dan pilih file "Fyling_ion.glm". seperti pada gambar.
  • Wow....mengagumkan.Tapi ini belum sempurna apabila belum ada sedikit tulisan pada projek latihan kita ini.Oke..kalau begitu langkah terakhir kita coba sisipkan animasi teks pada file yang hampir sempurna ini.
  • Silahkan klik TAB Text seperti pada gambar.
  • Setting ukuran teks seperti dibawah ini.
  • Sebagai contoh saya menuliskan "Flash Banner Blogger" seperti ini.
  • Klik F3 pada keyboard atau lakukan tahap seperti pada gambar untuk memberikan efek pada tulisan.
  • Pada latihan ini saya mencoba memakai efek Stretch & Simple matrik pada ke dua contoh teks yang hasilnya akan anda lihat seperti ini.
  • Nah...sekarang anda bisa lihat hasilnya dengan menekan "Ctrl" + "ENTER" pada keyboard.
  • Sekarang silahkan anda simpan file tersebut dengan cara menekan tombol "Ctrl" + "S" .Ini untuk menyimpan file mentah dari file animasi yang baru saja kita buat.dan untuk menyimpan file ini dalam format flash,silahkan anda klik TAB "Export Movie" seperti pada gambar.
Ha..ha...ha..Inilah hasil dari projek latihan kita kali ini.Apakah hasilnya sama seperti apa yang anda lakukan di depan komputer anda ?



Selamat mencoba dan sukses...

Copas dari : http://www.pujangga-adhitya.co.cc/2010/02/membuat-flash-banner-blogger.html

Tidak ada komentar:

Follower