Tutorial : Cara Buat Header Gambar Sendiri (Transparent)

.Assalamualaikum !

Peacee Yo(!) ^_^v

Lyssa tahu ramai yang teringin nak kan header tertempek muka sendiri besaq kedabaq kan ? Uhm . Tanpa membuang masa , Lyssa akan terus ajar korang macam mana nak buat header ada gambar sendiri ye . Banyak sangat step ni .. sampai Lyssa pun abis pening kepala nak ajaq korang  . Waaa :'( 

Tengok lah , korang paham ke takk . Kalau tak paham , sorry ! >.<

1. Buka Adobe Photoshop korang sekarang . Bagi yang tak de lagi , boleh DOWNLOAD SINI !

2. Dah kan ? Ok . Sekarang Tekan FILE > OPEN > Cari gambar korang untuk header. 

3. Bila dah cari , tengok contoh bawah ni . Tengok bahagian tool korang tu . Ada tak macam Lyssa anak panah suruh klik tu . (Quick Selection Tool)

   KLIK UNTUK NAMPAK LEBIH JELAS

4. Dah buat macam Lyssa suruh kan ke ? Klik pada gambar . Garisan putus-putus tu , jangan bagi kena gambar korang . Kalau dah termasuk dalam kawasan gambar korang tu , korang guna pulak yang Lyssa bulatkan tu ... Just guna dua tu je untuk kemas kan . Sudahhh ?

5. Sekarang , korang pergi tekan SELECT > INVERSE . Macam gambar kat bawah ni :

 

   KLIK UNTUK NAMPAK LEBIH JELAS

6. Dan akan jadi macam ni . Garisan berada di luar gambar :

 

   KLIK UNTUK NAMPAK LEBIH JELAS

7. Sekarang masa untuk korang copy gambar tersebut . Ikut step macam kat bawah ni . Tekan EDIT > COPY :

 

   KLIK UNTUK NAMPAK LEBIH JELAS

8. Ok  . Now ? Tekan FILE > NEW dan fill in width , height dan tetapkan kepada transparent!

 

   KLIK UNTUK NAMPAK LEBIH JELAS

**Width dan height mengikut kesesuaian size blog korang :)

9. Bila dah KLIK ok , akan keluar macam ni . Korang tekan ZOOM TOOL dan tetapkan kepada Fit Screen atau Actual Picture . Mengikut keselesaan korang untuk edit :) .

 

   KLIK UNTUK NAMPAK LEBIH JELAS

10 . Lepas dah rasa selesa nak edit , kembali tekan (MOVE TOOL) . Lepas korang tekan Move Tool tu , akan ada perkataan ini (Show Transform Controls) kat area atas sekali . Tick kotak kecik tu .. Macam ni :

 

11. Tengok dekat gambar korang ada garis putus-2 kan ? Ok . Korang boleh gerak-2 kan untuk jadi lebih kecil org besarkan sedikit . Lepas dah rasa ok , tekan je ENTER :)

12. Ok . Sekarang , Lyssa nak ajarkan , macam mana nak masukkan shape warna putih untuk dirapatkan dengan header nanti . Tengok ni . 

 

   KLIK UNTUK NAMPAK LEBIH JELAS

13. Macam mana Lyssa buat tu ? Lyssa hanya pilih Rectengle Tool pick warna putih atau warna mengikut content blog korang dan hanya jadikan petak macam tu . Ini penting .. make sure petak warna putih tu , korang buat bagi kotak-2 transparent (background) tu tidak kelihatan :)

14. Sekarang masa nya pulak macam mana nak letak tulisan . Senang je . Ikut step ni :

 

   KLIK UNTUK NAMPAK LEBIH JELAS

15. Then , taip lah apa yang korang suka kan . Nama ke  , kata-kata ke . Ikut sukalah kan . hahaha . Lepas dah taip tu , korang KLIK MOVE TOOL :)

16. Macam mana nak nampa kelihatan cantik dah timbul tulisan tu , korang tengok layers tulisan tu , macam sebelah kanan photoshop Lyssa ni . 

 

   KLIK UNTUK NAMPAK LEBIH JELAS

17 . Klik pada (ADD A LAYER STYLE) macam yang Lyssa tunjukkan tu :) Then korang boleh pilih mana yang lebih cantik . Kalau nak timbulkan nampak lebih jelas tulisan tu , gunalah STROKE warna hitam :) Macam header Lyssa ni . muehehe~

18. Ok . Kalau korang nak tambah apa-2 lagi , korang tambahlah ye . Godek-2 korang punya photoshop tu kasi pandai :) Lyssa hanya ajar basic macam ni je dulu :)

19. Sekarang masa nak SAVE pulak . Korang tekan FILE > SAVE AS ...

20 . Haaa . SAVE AS PNG . Macam contoh bawah ni ...

 

   KLIK UNTUK NAMPAK LEBIH JELAS

 

21. Tekan SAVE . Haaa . Sekarang header korang dah transparent . Yeahh . Bolehlah UPLOAD masuk dalam blog korang sekarang . 

=SELAMAT MENCUBA=

Fuhhh . Alhamdulillah . Akhirnya habis jugak buat tutorial ni . Waaa . Pening dah otak . hihi . Harap korang paham lah apa yang Lyssa merepek kat atas ni . muehehe .. Kalau dah jadi , tolong bagitau ye :)

klik  sini