Tutorial : Banner Bergerak Menggunakan Photoshop

Gadis Kidal Berceloteh...

27/04/2012

.Assalamualaikum !

Peacee Yo(!) ^_^v

Hey-yoo :) Ehh , Tetiba rasa rajin pulak hari ni nak buat tutorial . Tuto apa ek ? Ehem . Banner gerak-2 gitu . Alarr . Masih keblurr-ran ? Macam banner yang Lyssa punya nih . hihok !

  

Agak complicated kot kalau guna photoshop . Err . Tapi , kalau dah kemaruk nak sangat banner macam ni , korang boleh ikut je kat bawah ni :

1.  Buka photoshop korang . Bagi yang nak buat banner ada gambar sendiri , korang tak tahu nak crop macam mana gambar korang ? Ikut step 1 hingga 7 dari TUTORIAL INI !! 

2. Bila dan copy , pastikan photoshop korang tick bahagian animation . Macam ni :

 

Klik untuk nampak lebih jelas

 3. Tekan NEW , pilih saiz width 125 pixel ; height 125 pixel dan berada dalam keadaan transparent .

4. Pilih Paint Bucket Tool , dan pilih color background . Klik pada permukaan transparent tadi tu :)

 

5. Tekan PASTE . Nanti , gambar yang korang copy mula-mula tadi akan terkeluar . Then , resize dia bagi kecil sesuai dengan size banner tadi .

6. Macam mana nak resize ? Tekan Move Tool (V) then , tick bahagian Show Transform Control . Then , akan keluar garis putus-putus dekat gambar . Korang perkecilkan sizenya.

7. Sekarang masanya nak letak tulisan . Senang je . Korang kena tambah layer dekat bahagian Animation dengan create new layer di bahagian Layers.

 

 

8. Lepas tu , korang tekan Horizontal Type Tool (T) , then , type lah apa yang korang nak taip kat dalam banner tu . 

9. Ulang step yang sama dalam no.7 jika korang nak tulis tu , jadi satu persatu .

10. Dekat bahagian Animation bawah tu , korang boleh tukarkan second/saat dia . Paling ok , 0.5 saat rasa nye itu normal kot :)

11. Lepas dah tulis setiap ayat korang , pergi dekat gambar animation yang pertama , untick perkataan yang korang tak nak di bahagian layers (gambar mata) .

 

 12. Kemudian , korang pergi pula di bahagian Animation (Frame) no 2 pulak . Klik kat situ , dan tick balik perkataan yang tertinggal di bahagian Layers macam kat atas ni haaa . Macam Lyssa , Lyssa tick bahagian "Terjah".

13. Semua ni , ikut kreativiti korang lah tau . Lyssa ajar ni pun yang simple je . Kalau korang nak tambah shape ke , nak tulisan ber-glow ke , itu ikut korang . Ini hanyalah banner bergerak yang basic je . 

14. Sekarang , kalau nak save pulak macam mana ?

15. Pergi tekan File > Save For Web & Devices

16. Lepas tu tekan SAVE ! :)

17. Macam mana nak dapatkan pulak URL banner tu ? Korang boleh UPLOAD dekat sini ---->> TEKAN SINI ! . Copy direct link  :)

18. Kalau nak letak dekat sidebar , sekali dengan kotan banner , boleh follow TUTORIAL INI !

  =Selamat Mencuba=

*** Jangan lupa VOTE Lyssa setiap hari ye ---->>  Blogger Of The Year !! 

 

 

 

KONGSIKAN ARTIKEL INI..

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest