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 :)