Wednesday, April 27, 2011

Membuat Header Website

Ketika kita membuka sebuah website pastilah kita akan menemukan header yang dapat menarik perhatian netter yang mengunjungi halaman tersebut.
Salah satu fungsi photoshop sebagai perangkat lunak gambar adalah dapat digunakan untuk membuat header sebuah website.
Namun, membuat sebuah header website tidak sembarangan. Ada syarat – syarat yang harus dipenuhi, antara lain :

  • Ukuran Header template website, biasanya berkisar antara 720 – 760 px lebarnya, untuk standar panjang nya 150 -200 px.
  • Nama file header template website kita (biasanya header.jpg).
  • Text judulnya berada disisi mana, ini gunanya untuk menempatkan gambar supaya tidak tertimpa oleh Text.
  • Tema website nya apa ( misal : photography, computer, camera, celebrity, dll).
  • Warna dasar website.

Nah, kalau syarat diatas sudah diketahui, maka cara membuat headernya adalah sebagai berikut :

1. Membuat dokumen baru sesuai ukurannya.
Tujuan mengetahui tema website adalah untuk mencari gambar-gambar yang berkaitan dengan website. Silahkan mencari gambar di Google Images ketikan keywordnya , misal photography > hasil bisa pilih beberapa yang berhubungan dengan photography.

2. 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.

Putar (rotate), modifikasi ukuran gambar ( resize) secara manual, sehingga terlihat menarik. Misalkan Text di template website / website nya berada kiri, maka ditempatkan gambarnya di kanan.
Untuk pemberian efek, cukup dengan memberi bayangan atau menggunakan DROP Shadow.
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.

Sekarang ulangi langkah mengedit gambar, kemudian drag ke dokumen header.
Untuk pemberian efek, cukup klik kanan di gambar yang mau diberi efek > Paste layer style.
hasilnya sebagai berikut :

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

Hasil akhirnya :

No comments:

Post a Comment

Thanks for your comment.

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More