Tutorial : Header Bersambung Dengan Blog
بسم الله الرحمن الرحيم
Ok..sekarang shahril nak buat tutorial buat header yang bersambung dengan blog menggunakan Adobe Photoshop..macam header blog shahril.
Tapi sebelum tu, korang perlu menggunakan SIMPLE TEMPLATE..yang simple tu dan transparentkan header tu dulu..macam kat TUTORIAL nie. Kalau dah buat..mari kita mulakan dengan tutorial buat header.
1. Sila la bukak photoshop anda. klik FILE dan pilih NEW
2. Ubah width tu sama dengan width ENTIRE BLOG korang.. (sila ke TEMPLATE DESIGNER > ADJUST WIDTHS untuk tahu width ENTIRE BLOG) *pastikan anda pilih transparent kay..
3. dekat bahagian kiri photoshop tu, sila pilih ROUNDED RECTANGLED TOOL- (1). kenapa ROUND?? supa nampak cantik sikit. Bilangan RADIUS -( 2 ) tu boleh tukar kepada 50 atau 40.
4. Bentukkan rectangle. Paatikan bentuk yang korang buat tu sentuh kat garisan header korang..
5. pilih MOVE TOOL untuk gerakkan bentuk tu kebawah.
6. Klik pula HORIZONTAL TYPE TOOL (nombor 1) atau T untuk menaip tajuk blog.
7. Klik pada layer tulisan tu sampai keluar window LAYER STYLE (nombor 2). kat situ bolehlah tambah stroke (garisan keliling tulisan), contour(untuk timbulkan tulisan tu) dan drop shadow (bagi menambah bayang-bayang kat belakang tulisan)
Kalau korang nak letak gambar yang cute miut macam I..eh eh... macam you, just klik FILE > OPEN.. pilih gambar yang korang nak. Mira tahu korang kreatif boleh letak macam2 kat header untuk mencantikkan lagi..
8. untuk buangkan ruang yang kosong..klik IMAGE > klik TRIM > dan pilih Transparent Pixels.
9. Now..header tu dah siap. klik FILE, then klik pula SAVE FOR WEB& DEVICES
Untuk masukkan header tu dalam blog..klik DASHBOARD > DESIGN > HEADER
*jangan klik shrink to fit
Tengok blog korang..jadi tak? Kalau jadi baguslah..huh..lega shahril. So..sila la komen ya kalau dah buat tutorial nie..
Ok..sekarang shahril nak buat tutorial buat header yang bersambung dengan blog menggunakan Adobe Photoshop..macam header blog shahril.
Tapi sebelum tu, korang perlu menggunakan SIMPLE TEMPLATE..yang simple tu dan transparentkan header tu dulu..macam kat TUTORIAL nie. Kalau dah buat..mari kita mulakan dengan tutorial buat header.
1. Sila la bukak photoshop anda. klik FILE dan pilih NEW
2. Ubah width tu sama dengan width ENTIRE BLOG korang.. (sila ke TEMPLATE DESIGNER > ADJUST WIDTHS untuk tahu width ENTIRE BLOG) *pastikan anda pilih transparent kay..
3. dekat bahagian kiri photoshop tu, sila pilih ROUNDED RECTANGLED TOOL- (1). kenapa ROUND?? supa nampak cantik sikit. Bilangan RADIUS -( 2 ) tu boleh tukar kepada 50 atau 40.
4. Bentukkan rectangle. Paatikan bentuk yang korang buat tu sentuh kat garisan header korang..
5. pilih MOVE TOOL untuk gerakkan bentuk tu kebawah.
6. Klik pula HORIZONTAL TYPE TOOL (nombor 1) atau T untuk menaip tajuk blog.
7. Klik pada layer tulisan tu sampai keluar window LAYER STYLE (nombor 2). kat situ bolehlah tambah stroke (garisan keliling tulisan), contour(untuk timbulkan tulisan tu) dan drop shadow (bagi menambah bayang-bayang kat belakang tulisan)
Kalau korang nak letak gambar yang cute miut macam I..eh eh... macam you, just klik FILE > OPEN.. pilih gambar yang korang nak. Mira tahu korang kreatif boleh letak macam2 kat header untuk mencantikkan lagi..
8. untuk buangkan ruang yang kosong..klik IMAGE > klik TRIM > dan pilih Transparent Pixels.
9. Now..header tu dah siap. klik FILE, then klik pula SAVE FOR WEB& DEVICES
Untuk masukkan header tu dalam blog..klik DASHBOARD > DESIGN > HEADER
*jangan klik shrink to fit
Tengok blog korang..jadi tak? Kalau jadi baguslah..huh..lega shahril. So..sila la komen ya kalau dah buat tutorial nie..
Selamat Mencuba
Semoga Berjaya
Sayonara..
KaDaNg-KaDaNg Allah HiLaNgkAn SeKeJaP MaTaHaRi KeMuDiAn DiA dAtAnGkAn PuLa GuRuH dAn KiLaT,PuAs KiTa MeNcArI Di MaNa MaTaHaRi,RuPa-RuPaNyA Allah InGiN MeNgHaDiAhKaN kItA PeLaNgI yAnG iNdAh ~
Too much amazing and artistic tutorial Love and Live. I really like this kinds of amazing and useful stuffs also like to make design.
ReplyDelete@Nahin ohh yaaa ? thanks ..
ReplyDeleteHey i liked your educative post and always i admire such tutorials .
ReplyDelete