Ahad, 24 Februari 2013

Tutorial : Buat Banner Bergerak

1st time dapat request tutorial. Walaupun blog ni bukan blog tutorial, tapi apa salahnya berkongsi ilmu kan? Khas untuk cik Marshhellow ^_^



Perkara yang paling penting edit gambar adalah software editor. Kalau saya, saya lebih selesa guna adobe photoshop. Ok, kalau dah buka, ikut step-step kat bawah :

1. Pilih saiz 125x125 dalam bentuk transparent. Kemudian, bolehlah edit gambar/banner mengikut kesukaan dan kretiviti masing-masing.



2. Dah siap? ok, sekarang saya tunjukkan cara nak buat banner jadi bergerak pulak. 
Mula-mula klik window dan pilih animation, rujuk gambar-gambar di bawah.


3. Next, tekan butang macam gambar di bawah dan pilih new frame. 


4. Kalau dah muncul frame baru, sekarang boleh la masukkan perkataan bergerak anda. 
*Tulis di frame kedua tau!!


Lepas dah tulis, tekan kembali frame pertama, kemudian klik butang mata kat bahagian layers bagian tepi kanan macam gambar ni.
*tujuannya supaya tak berlaku pertindihan layer bila gambar bergerak nanti.


5. Kalau rasa-rasa nak buat banyak perkataan bergerak, ulang step 3&4. Tapi jangan lupa tekan butang mata tu. Ok, kalau dah siap tekan butang play macam gambar ni.



Kalau cepat sangat jangan risau,sebab masa boleh diubah dengan klik arrow bawah frame tu. Lepas edit masa, play semula tengok hasilnya.



6. Akhir sekali, cara nak save. Tekan file > save for Web&Devices > klik save. 
Pastikan dalam bentuk gif. tau! Ok, dah siap.. Jadi tak ^_^

Cara nak masukkan dalam blog, tengok tutorial INI pulak k =)

Tiada ulasan:

Related Posts Plugin for WordPress, Blogger...
✿ Personal Blog : Copyright 6/12/2012 © Design By Nurul Jannah Binti Ahmad ✿