Membuat Header Wesite Tampak Menjadi Menarik

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.

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:

Download File Latihan Disini
 

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) 


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.