Membuat Header Website / Blog yang lebih Artistik dengan Mudah

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 :

header blog1

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.

header blog2

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

header blog3

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

header blog4

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

header blog5

Bisa kan?

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

header blog6

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

header blog7

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.

header blog8

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

header blog9

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

header blog10

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

header blog11

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

hasilnya :

hasil akhir1

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

header blog12

Hasilnya :

hasil akhir2

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 )

Foto Telanjang / Foto Porno

Foto Telanjang / Foto Porno

Selamat Mencoba…




Bookmark and Share

INGIN MEMPUBLIKASIKAN ULANG POSTINGAN INI DI WEB / BLOG ANDA?
*copy-paste kode di atas ke dalam form posting blog Anda

 

39 Responses to “Membuat Header Website / Blog yang lebih Artistik dengan Mudah”

  1. eneng06 says:

    siippp mas… tenkyu somat nich…

  2. suwun banget mas tutorialnya. bikin lagi yang lebih eksotis yah…..hihihihihihihihihi

  3. ari says:

    bagus,,bagus, goodlah,,untuk tutorialnya..terus berbagi ilmu bung …

  4. minnz says:

    terima kasih, mas di LANJUTGAN ..

  5. koko says:

    ms bs tolong carana buat foto kaya gni,.,

    http://ivan.gudangbaca.com/img/sotosop1/2247993163_2c82570f1d.jpg

    cptan ya mas,.,hehee

  6. arief says:

    tis is very usefull for mi…thx very much!!

  7. f-zero says:

    Herebat Euy!

  8. rifki says:

    mantab mas…

  9. vina says:

    makasih ya mas…

  10. semuhun kang…adaramang…cicing wae..ehg..

  11. konifande says:

    owww ternyata tehniknya begitu ya….. test ahh.

  12. arihevea says:

    Mantaps.. mantapss… bisa dicoba nihh.. save as mht dulu ah halaman blog ini..

  13. tintin says:

    oo….gitu toch.. thx bgt ya,,,,

  14. damar says:

    ijin tuk pajang diblogku mas..

  15. bayu titisan messi says:

    ngajarin ilmunya jangan cuma lwat dunia maya aja, klo perlu keseluruh penjuru negri…………. OK

  16. Sigit eko says:

    @bayu : Modalnya ? :P

  17. zulfi says:

    Hei…aq pengen bisanya …..Thank’s

  18. bayu hartono says:

    he he syukron mas… tapi itu lho bikin ketiwi ada foto telanjangnya….. aya aya wae. ilmu takkan habis bila di ajarkan pada org lain……

  19. Dedy Luxe says:

    Makasih banyak bang…

  20. damar says:

    Aku copy ya….thanks bgt ilmunya…

  21. Dika says:

    Mannntaaaaaap Dowh …..
    Maug Dumzdt bagi
    -bagi ilmu nua …

  22. dani says:

    mantab bner asyk ni wa blajar nya

  23. Irman says:

    Wah, kebetulan sekalli nih. lagi pusing pusing mau belajar photoshop eh ketemu site yang menarik dan oke banget….

    Kami yakin site anda ini sangat bermanfaat bagi yang suka belajar photoshop….

    Selamat dan sukses selalu ya…

  24. sarry says:

    pak sigit langkah-langkahnya yang ini t’ambil iya, buat tugas nui..
    thx

  25. eco says:

    ciamik tenan ( bahasa jawa )
    ilmu2nya sangat bermanfaat……….lagi dan lagi donk bos??

  26. Wawan says:

    Maksih untuk tutorialnya

  27. oelil says:

    wah ini ni…nambah ilmu…ayo mas perbanyak tutornya…makasih ya share ilmunya

  28. Blogku says:

    siip…mas.
    Tambah ilmu nih

  29. andi says:

    duch seru bnget nich palagi klo q dh bsa photoshop !!!!

  30. tomi says:

    Mkasih bosssssssssssss…….
    ilmunya

  31. Toni saputro says:

    Thx bos tutornya bagus bgt

  32. ie_beL says:

    wah mantap kali mas….
    jadi tambah semangat belajarnya…
    maksih banyk mas…
    saya mau posting di blog ku nih….
    he…he…. baru belajar blog….
    nambah2 postingan….mkcih…

  33. nabil says:

    wah bgusss nih bos, maksih atas infonya sngat bergna skali .

  34. -sedang belajar buat header blog-
    hasilnya bisa di
    http://semuatentanghandy.blogspot.com/

    buat Sigit eko thanx you so much,,
    jadi ilmu yang bermanfaat nih..

  35. Prasetyo says:

    Thanks mas atas informasinya. Oya,gw mw promosi nih…Ada yang mw download boltbrowser dan operamini versi handler? Download aja di blog gw langsung dari hp,karena formatnya udah dalam bentuk .jar . Jg ada aplikasi handler lainnya kok.Trims ya mas.

  36. Ebnat Syukur says:

    Terimakasih anaa coba deh. Smg bisa krn tutorialnya mantep. Sgt detail dan jelas.

  37. andre says:

    untuk kesekian kalinya ‘keren mas’…

Leave a Reply