Tips Membuat Header Website atau Blog dengan Mudah

Bagi penyuka design web atau yang suka ngeblog mungkin tips ini bisa memberi sedikit manfaat. Kadang kita gak dapet ide untuk bikin Header untuk website atau blog kita..

Syaratnya :

• Kita musti tau ukuran Header template blog kita,  biasanya berkisar antara 720 - 760 px lebarnya.. untuk standar panjang nya 150 -200 px.
• Kita harus tahu file Nama file header template blog kita ( biasanya header.jpg) , kalo yang sering utak atik blog pasti tau.. yang gak tau, belajar ngeblog dulu ya .. hehehe..
• Kita juga musti tahu Text judulnya berada disisi mana, ini gunanya untuk menempatkan gambar supaya gak ketimpa sama Text.
• Tau juga Tema blog nya apa  ( misal : photography, computer, camera, celebrity, dll)
• Kita juga harus tahu warna dasar blog nya biar nanti pas diberi header tidak Saltum ( salah kostum ) :)
• Itu aja kayaknya syarat yang penting.

Kalo udah tau lebar blog nya… bikin dokumen baru sesuai lebar nya ..



Tau tema website / blog, tujuannya untuk mencari gambar-gambar yang berkaitan dengan blog atau website nya.

saya biasa nyari gambar di Google Images ketikan keyword nya , misal photography > Enter .. deredettt.. banyak kan hasil search nya.. kita pilih beberapa gambar yang sesuai dengan selera kita.. misalkan saya udah pilih beberapa gambar yang berhubungan dengan photography.



Buka salah satu gambar untuk diedit sebelum dimasukan ke dokumen header,



Gunakan rectangle marquee tool untuk menyeleksi bagian sisi gambar, ini tujuannya untuk membuat batas putih di setiap sisi.

Klik Select > Inverse  sehingga yang terseleksi sekarang adalah selain seleksi sebelumnya. Delete deh..



Tekan CTRL+ D untuk menghilangkan seleksi..

Drag ( Klik + Tahan + tarik ) gambar camera tadi ke dalam dokumen header baru.





Puter (rotate), modifikasi ukuran gambar ( resize) secara manual, sehingga keliatan menarik. Misalkan Text  di template website / blog nya berada kiri, maka kita tempatin gambar nya di kanan.

Untuk pemberian efek, cukup dengan memberi bayangan alias pake DROP Shadow aja.

Klik 2x layer 1 atau klik kanan > blending Option,



Klik Ok.

Untuk mempermudah pemberian efek yang sama untuk gambar yang lainnya, Klik kanan layer 1 > copy layer style



Skarang ulangi langkah mengedit gambar, lalu drag ke dokumen header.

untuk pemberian efek, cukup klik kanan di gambar yang mau diberi efek > Paste layer style.

hasilnya nanti :



Untuk pemberian warna background supaya sesuai tema, tinggal klik Layer background, warnai dengan Paint Bucket tool atau gradient tool



Hasil akhir nya



Kalo mau ditambah tulisan, silahkan tambahin sendiri. hehehe.

Save sesuai nama file header di template nya, misal : header.jpg ,



Selesai… sekarang tinggal UPLOAD deh ke server website / blog nya.

Ini contoh website saya yang headernya pake photoshop : online-photography-school.blogspot.com

Selamat mencoba..






Artikel Tips Membuat Header Website atau Blog dengan Mudah ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Kenali dan Kunjungi Objek Wisata di Pandeglang, untuk mengetahui lebih jauh tentang Pandeglang sebagai Objek Wisata yang patut diperhitungkan karena keindahannya.

Membuat Header Website / Blog yang lebih Artistik dengan Muda

Kalo postingan membuat header website yang kemaren kayaknya kurang pada minat deh.. hehehe.. karena saya cuman ngasih tips dan syarat-syarat membuat header aja.. Sekarang saya coba membuat header website atau header blog yang lebih artistik dari postingan membuat header website yang kmaren. contoh webnya : Online Photography School

Syarat-syarat yang kemaren masih berlaku ya..masih inget kan?

Sekarang buat dokumen baru :



Buka gambar yang udah disediain buat ngisi sesuai tema blog.. tema saya misal photography, gambar tentunya yang berhubungan dengan fotografi. Drag salah satu gambar ke dalam dokumen baru tadi.



Simpan gambar ditempat yang aman sesuai selera aja.. rotate, resize, dll., silahkan berkreasi sendiri.

Kita masking gambarnya biar keliatan bergradasi ”dari gak ada menjadi ada” .. Klik Layer > layer Mask > Reveal All



Klik gradient tool, setting warna dari hitam ke Putih, dan pilih linear gradient



Tarik gradient dari kanan ke kiri sampe warna yang kiri memudar.



Bisa kan?

Sekarang buka gambar kedua, Drag ke dokumen baru yang tadi dan simpen di atas gambar pertama..



lakukan seperti tadi, Klik Layer > layer Mask > Reveal all

Setting gradient nya masih seperti tadi, cuman bedanya gunakan Reflected Gradient supaya nanti yang nge blend atau ngeblur di bagian kanan kiri nya

tarik gradient dari tengah ke kiri atau kanan



buka gambar ke - 3 , Drag dan simpen di atas gambar kedua, Sama seperti tadi : Klik Layer > Layer Mask > Reveal All , Apply gradient dari tengah ke sisi kiri/kanan.



Hapusin bagian yang kurang rapi atau masih keliatan batas dengan Eraser Tool yang agak besar, di set Soft round ( klik eraser tool > klik kanan di layar - nanti ada pilihan hard round dan softround, pilih softround yang ukuran agak besar ya..



Kalo udah buka gambar terakhir dan drag ke dokumen baru, tempatin di sebelah yang berlawanan ( biar keliatan seimbang -red) ,



karena ngadep nya ke sebelah kiri, maka saya harus FLIP atau membalikan gambar ke arah yang berlawanan, biar keliatan lebih Ok aja sih sebenernya.

GUnakan cara yang sama dengan sebelumnya :

Klik Layer > Layer mask > reveal All

Apply gradient dari kiri ke kanan



Hapus bagian yang kurang rapi dan masih keliatan batas gambar nya dengan eraser tool , Soft Round dan agak besar.

hasilnya :



Ubah warna background sesuai dengan keinginan, klik background layer, beri warna dengan paint bucket tool



Hasilnya :



Teknik ini layer mask dan erase atau mengapus dengan soft round, bisa juga diaplikasikan untuk mengedit foto-foto pribadi, saya kan pernah bikin tutorial cara autoblend keren, nah ini sama kok hasilnya, bedanya ini manual.

Ini contoh gambar nya :

Foto-Foto Telanjang yang di Manual Blend ( caranya masking dan erasing aja )


Selamat Mencoba…






Artikel Membuat Header Website / Blog yang lebih Artistik dengan Mudah ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Kenali dan Kunjungi Objek Wisata di Pandeglang, untuk mengetahui lebih jauh tentang Pandeglang sebagai Objek Wisata yang patut diperhitungkan karena keindahannya.