Pada Tutorial atau
modul photoshop kali ini saya akan membagikan cara
membuat header website
yang menarik dengan tampilan gambar tampak tersambung menjadi 1
sehingga kesannya antara gambar satu dengan yang lain terlihat transisi /
perpindahan yang transparan dan halus. Masih menggunakan Tehnik masking
yang kita pelajari di bab sebelumnya. Bagi anda yang belum mempelajari
bisa klik Link ini :
tutorial tehnik masking.
Bagaimana caranya? ok mari kita belajar bersama - sama,
Tutorial membuat Header Website yang menarik
1. Buka Photoshop, Caranya : Pada Windows klik : Start > All Program > Adobe Photoshop
2. Tentukan Ukuran dari header website kita. Ukuran header anda
sesuaikan dengan layout website anda ya. Disini saya mengambil contoh
dari website ilmugrafis, ok ukuran header dari website ilmugrafis.com
adalah 800 px X 150 px , itu artinya panjang 800 pixels dan lebar 150
pixels.

gambar : new project header website dengan photoshop
3. ok sekarang masukkan 2 gambar yang akan kita gabungkan nantinya.
Caranya : Klik File > Open > Pilih Gambar > Open
Disini saya memasukkan gambar, kali ini saya akan membuat
header website bertema bangkit Indonesia karena nanti tanggal 2 mei ada
Hari Pendidikan Nasional jadi saya memilih gambar ini:

gambar : Indonesia Berkibar

gambar : anak nusantara
Download File Latihan Disini
Ok sekarang gunakan move tool dan pindah gambar
foto Indonesia Berkibar ke lembar kerja yang tadi kita buat dan nantinya akan menjadi layer 1, kemudian lalu lanjutkan dengan
foto anak nusantara
dan foto ini akan menjadi layer 2. Apa itu layer?
pengertian layer. Tekan ctrl + t untuk merubah ukuran gambar sesuai yang diinginkan, tehnik ini namanya
tehnik transform

gambar : susunan layer pada header
4. Ok sekarang waktunya memasking, klik
add vector mask

gambar : add vector mask
kemudian kita lakukan 3 langkah yaitu :
A) klik gradient tool lalu
B) setting warnanya ke hitam putih lalu
C) sapukan ke gambar
dari kanan ke kiri (lihat tanda garis hitam)

gambar :
tehnik masking
hasilnya :

gambar : 2 gambar seperti tergabung menyatu
5. ok sekarang beri kotak pada sisi kiri bawahnya dengan Rectangle Tool

gambar : Rectangle Tool
Kemudian klik Text Tool dan beri
sedikit tulisan misal www.indonesiaraya.com
Buat lagi kotak di sebelah kanan dan beri tulisan moto atau slogan atau apapun yang bermakna, kali ini saya menulis :
Bangunlah Jiwanya... Bangunlah Badannya... Untuk Indonesia Raya...

gambar : hasil header website
Bisa juga dibuat sebagai banner website anda.
Maaf ukuran header di atas saya rezise agar pas di halaman web ilmugrafis ini.
Berikut ini contoh pengaplikasiannya terhadap layout website anda.

gambar : layout website ku
http://www.ilmugrafis.com/photoshop_foto12.php?page=membuat-header-website-tampak-menarik