Join The Community

Premium WordPress Themes

Sabtu, 18 Juni 2011

Yuk, buat header dengan logo blog 2.0

Setelah ada temen gue nanya buat header, kali ini gue mending buat tutorialnya aja.
Ini juga demi meningkatkan kreatifitas teman-teman
dalam meng-improvisasi dalam membuat header.

Yuk, langsung to the point :

file - new

1. Buka aplikasi adobe photoshop anda. Kalau yang ini gaktau bener-bener loh :)
2. Klik File - New. Width dan Height ditentuin sesuai ukuran header anda. Cara liatnya :
Untuk yang support Bahasa Indonesia, dari halaman dasbor, klik rancangan - klik edit html - cari kode #header-wrapper , agar pencarian lebih cepat, anda tekan ctrl + f, lalu paste #header-wrapper. 
Dibawahnya, ada ukuran lebar (width) dan dan tinggi (height) header anda semua.
tentuin widht dan height ukuran header anda
Tentukan juga bahwa background contents dalam pilihan transparent.
 
3. Buatlah text dengan menggunakan text tool
    dengan font sesuai selera anda. Dalam tutorial ini, saya menggunakan
    font choppin script. Font bisa  disesuaikan dengan selera anda.
buat text dengan font sesuai selera anda :)
3. Pilih lasso tool di toolbar sebelah kiri layar kerja anda.
lasso tool
4. Sebelumnya, buat dulu sebuah layer baru dengan mengklik new layer di photoshop.
new layer. klik icon diatas yang ditunjuk
5. Mulailah membuat bentuk seperti gambar dibawah ini dengan lasso tool.
Caranya? cukup tahan tombol kiri mouse, dan buatlah bentuk sesuai gambar
dibawah ini. Sebetulnya, penggambaran garis marquee dengan lasso tool
bisa dengan improvisasi anda sendiri. Jika anda rasa garis marquee yang
anda bentuk lebih bagus, kenapa tidak menggunakan garis marquee anda saja? :)

6. Jika penggambaran garis marquee sudah berhasil dengan baik, lalu langkah selanjutnya anda
klik edit - fill. Atau bisa dengan menekan tombol shift + f5 di keyboard anda :)
edit- fill
7. Jika sudah di klik fill nya, atau sudah terbuka windows fillnya, sekarang pada pilihan use,
anda pilih color pada pilihan yang telah tersedia. Lalu, anda pilih warna putih, atau dengan
kode warna #ffffff.
klik untuk memperbesar
8. Klik ok jika sudah disetting seperti gambar diatas. Anda akan melihat hasil teks anda akan seperti ini.
klik untuk memperbesar
 9. Lalu, pada tab layers, tentukan opacity menjadi 44%. Gambar putih tersebut akan menjadi
    seperti yang terlihat dibawah ini:
klik untuk memperbesar.

 10. Klik ctrl+d untuk menghilangkan garis marquee yang mengitari sekitar bentuk putih.
Sekarang, anda tinggal menguploadnya ke header blog anda. Header ini hanya saya gunakan
untuk yang berlatar header putih/dominan blog berwarna putih, termasuk slot header
berwarna putih. Untuk warna lain, saya mungkin akan membuat tutorialnya lagi :)



Tutorial ini sebenarnya udah lama. Saya pernah menemukan tutorial yang sama dengan ini.
Tapi demi meningkatkan kreatifitas, lebih baik saya membuat tutorial sendiri saja :)

info cara mengetahui ukuran header :
http://www.blogernas.co.cc/2010/06/cara-mengetahui-ukuran-header-sidebar.html 

notes:
Buat warna dan ukuran teks juga silahkan disesuaikan dengan kebutuhan dan selera anda.
Disini, saya tidak memaksa anda untuk menggunakan teks warna hitam. Warna biru
dan merah sangatlah bagus, menimbulkan kesar energik :)

1 komentar:

terus itu datanya mw di upload kemana Bos??? terus cara masangnya gimana?

Posting Komentar