Tuesday, November 29, 2011

Tips Membuat Header Website atau Blog Menggunakan Photoshop

Hallo Sobat Blogger,selamat datang
nah sekarang saya akan memposting tentang Tips Membuat Header Website atau Blog Menggunakan Photoshop. Sebelum Tutorialnya Sepertia Biasa saya akan Opening ^^v

Pertama-tama Apakah Tips Membuat Header Website atau Blog Menggunakan Photoshop? 
yaitu adalah Tips untuk kalian yg Suka Blogging tapi Blog agan² Headernya masih Sederhana,jadi intinya ini adalah Tips untuk agan² Sobat Blogger membuat Header Sendiri ,Jadi bisa Seperti yg agan inginkan O.o

=======Tutorial dimulai=========
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.
►Bila belum punya Photoshop CSs5 Portable Download di Sini 

1.)Buka Photoshop 
Lalu
2.)bikin dokumen baru sesuai lebar nya ..
header1
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.

header2

3.)Buka salah satu gambar untuk diedit sebelum dimasukan ke dokumen header,
header3
Gunakan rectangle marquee tool untuk menyeleksi bagian sisi gambar, ini tujuannya untuk membuat batas putih di setiap sisi.

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

header4
Tekan CTRL+ D untuk menghilangkan seleksi..
5.)Drag ( Klik + Tahan + tarik ) gambar camera tadi ke dalam dokumen header baru.
header5

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.

6.)Klik 2x layer 1 atau klik kanan > blending Option,
header6
Klik Ok.
Untuk mempermudah pemberian efek yang sama untuk gambar yang lainnya, Klik kanan layer 1 > copy layer style
header7

7.)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 :
header8
Untuk pemberian warna background supaya sesuai tema, tinggal klik Layer background, warnai dengan Paint Bucket tool atau gradient tool
header9
Hasil akhir nya
header10
Kalo mau ditambah tulisan, silahkan tambahin sendiri. hehehe.
Save sesuai nama file header di template nya, misal : header.jpg ,
header11
Selesai… sekarang tinggal UPLOAD deh ke server website / blog nya.

Selamat mencoba..

dan Jangan Lupa Follow Blog dan Twitter saya
tombol follow blog saya ada di Pojok kiri bawah blog saya
dan Twitter saya @BomRCS

 Sumber : http://ilmuphotoshop.com/2009/10/19/tis-mebua-header-website-atau-blog-dnan-mudah/
Previous Post
Next Post

0 komentar:

Admin Blog jarang memantau Blog di karenakan tugas di sekolah,Mohon maaf jika komentar belum di balas hingga saat ini Jadi mohon maaf atas ketidak nyamanan ini.
Silahkan komentar di bawah ini , Bila ada Komplain dan lain lain.
Dilarang berkomentar berbau SPAM, SARA, PORN, JUNK.

Gunakan Fasilitas Reply untuk menjawab pertanyaan

Spam adalah : dimana Seorang Blogger memasukan Link yg aktif di Kotak komentar
Komentar Tidak Selalu Langsung Saya Balas, Karena Saya Sibuk Dengan Sekolah. Terimakasih Atas Pengertiannya

Apabila Ada Kata-Kata Atau Tulisan Yang Salah Serta Komentar Yang Tidak Dibalas, Saya Mohon Maaf
Terima kasih sebelumnya [Boma-internet]

Sangajiboma. Powered by Blogger.
eXTReMe Tracker