Tips Membuat Header Website atau Blog dengan Mudah
Bagi penyuka design web atau yang suka ngeblog mungkin tips ini bisa memberi sedikit manfaat. Kadang kita gak dapet ide untuk bikin Header untuk website atau blog kita..
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.
Kalo udah tau lebar blog nya… bikin dokumen baru sesuai lebar nya ..
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.
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.
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.
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
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 :
Untuk pemberian warna background supaya sesuai tema, tinggal klik Layer background, warnai dengan Paint Bucket tool atau gradient tool
Hasil akhir nya
Kalo mau ditambah tulisan, silahkan tambahin sendiri. hehehe.
Save sesuai nama file header di template nya, misal : header.jpg ,
Selesai… sekarang tinggal UPLOAD deh ke server website / blog nya.
Ini contoh website saya yang headernya pake photoshop : online-photography-school.blogspot.com
Selamat mencoba..
Artikel Tips Membuat Header Website atau Blog dengan Mudah ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Cara Membuat Foto manjadi Vektor,
*copy-paste kode di atas ke dalam form posting blog Anda 25 Responses to “Tips Membuat Header Website atau Blog dengan Mudah” 1. chiyoko says: October 19, 2009 at 12:34 pm muantap mass…! 2. eneng06 says: October 19, 2009 at 2:22 pm mas… aku mau nanya nich…??? (tapi malu…) hmmmm… cara rotate gimana yach…??? (maklum… pemula sekali) 3. Sigit eko says: October 19, 2009 at 3:23 pm @enengo6 : klik objek yang mau di rotate menggunakan Move tool.. nanti arahkan kursor ke pojok objek itu.. kalo udah ada tanda melingker… klik aja + tahan lalu gerakin mouse nya.. coba ya 4. rizqy says: October 19, 2009 at 5:49 pm boleh di coba nih.. 5. andre says: October 19, 2009 at 9:22 pm kl quality dkurangi, apa pngaruhnya buat gambar? 6. Sahabat Blogger says: October 19, 2009 at 9:24 pm muaanntaap…harus sering2 nongkrong disini neh. tks ya om..tips2 nya 7. Tong says: October 19, 2009 at 10:54 pm siiiiiip bgt….! 8. newbie says: October 20, 2009 at 7:00 am trims tipsnya, pak. pas dengan kebutuhan saya. 9. Membuat Header Website / header blog yang Artistik dengan Photoshop | Photoshop Tutorial | Belajar Photoshop | Edit Foto says: October 20, 2009 at 9:31 am [...] postingan membuat header website yang kemaren kayaknya kurang pada minat deh.. hehehe.. karena saya cuman ngasih tips dan [...] 10. eneng06 says: October 20, 2009 at 10:33 am makasih mas infonya… aku juga dikasih tau cara lebih mudah ama suamiku tercinta dengan menekan tombol ctrl + T… (suamiku kan kerjaannya editor, tapi aku mau bikin surprise dengan tiba2 bisa ngedit… hehehehe jadi curcol nich…) sekali lagi thanks yach mas… tutorialnya bagus2… LANJUTKAN….!!!! 11. Revorts says: October 20, 2009 at 11:19 am Wah mantap mas….bermanfaat sekali… Sekalian saya muat di Blog saya ya mas…. Makasih. Revort’s 12. ari says: October 20, 2009 at 2:32 pm bagus tutorialnya, gamblang jelas, dan mudah2an bisa saya terapkan,,maksaih sekali.. :) 13. Andre says: October 21, 2009 at 11:43 am Mas tutorialnya cakep dhe…thx anyway 14. jaka says: October 21, 2009 at 10:21 pm mantap boss 15. f-zero says: October 22, 2009 at 4:31 pm LANJUT GAN! 16. ariz says: October 23, 2009 at 10:04 pm thnx bgt tutorialnya mas.. mo bener2 belajar design nih mas.. kl ga kbratan ajarin ya mas.. soalnya msh newbie.. sy add YM mas.. sekali lg thnx ya,, good luck 17. RONNY HANDOKO says: October 25, 2009 at 11:21 am TERIMA KASIH YA OM…… SUMPAH AKU SEKARANG LEBIH PINTAR… 18. beni says: October 28, 2009 at 10:36 pm keren banget ini, sangat bermanfaat bagi pemula yang ingin mencoba.. 19. thulloh says: November 4, 2009 at 9:08 pm kirimin turorial please 20. grandchief says: November 5, 2009 at 6:28 pm mantap mas infonya bisa dicoba nih…monggo mampir… 21. sigit baskoro eko says: November 10, 2009 at 7:37 pm SEP sangat membantu buat mading 22. imran says: November 12, 2009 at 2:44 pm trims tutorialx. aku cinta phothoshop CS4 23. reza says: November 15, 2009 at 1:56 pm kak aq minta tutornya tapi dlam bentuk pdf aja biar aq bisa belajar lebih dalam tentag design.aq tunggu kak ya. 24. puva says: December 9, 2009 at 11:24 am kak mo tanya gimana cara buat header seperti di http://online-photography-school.blogspot.com/ teknik blendingnya gimana biar gambar²nya bisa menyatu spt itu.. sebelumnya makasih atas infonya yak.. saya tunggu :D 25. dewi says: December 13, 2009 at 2:44 pm kang sigit..lam kenal ya, mo nanya nih gmn cara-y ngedit/rubah logo Ja_Larix pake photoshop…. jd logo&nama toko gtuh.. makasih.. Leave a Reply Click here to cancel reply. Name (required) Mail (will not be published) (required) Website advertisement advertisement Ilmuphotoshop SEARCH SEO Complete Guide for Wordpress Banner Ilmuphotoshop Copy paste Script di bawah :
Facebook
Sigit Eko S's Profile
Sigit Eko S's Facebook Profile
Create Your Badge
Categories
* Belajar Photoshop
* Intermezzo
* Photoshop Dasar
* Photoshop Menengah
* Teori Dasar photoshop
Instant Internet Business Ideas
Archives
* December 2009
* November 2009
* October 2009
* September 2009
* August 2009
* July 2009
* June 2009
* May 2009
* April 2009
* March 2009
* February 2009
* January 2009
* December 2008
* November 2008
* October 2008
* September 2008
* August 2008
* July 2008
* June 2008
* May 2008
* April 2008
* March 2008
Download
tutorial ilmu grafis indonesia
ilmugrafis indonesia
KapanLagi.com
PENGUNJUNG
Recent Visitors
You! Join Now.
khazanah_pustaka
Ruri S
muhajiranwarahmad
rahmad
Soepriatmo
Raha
doeta_hacker
titikpujowati
Zetn
siApa nEe...??
rian
Agung AP
Dhien
Elah
edi
vadya_aurelya
Ndahunny
sylvana
Linda ..
rizhilfa
See all 237 members...
Grab This!
MyBlogLog
Sites Authored
Ever wonder who's visiting your site?
This widget updates automatically whenever a MyBlogLog member views your site with their avatar and links to their profile and websites. Introduce your readers to each other, register for access to free stats, and help make the web more personable.
Want a widget of your own? Grab This!
Want one of your own? Enter your site's URL below.
Website URL:
No adult content is on this website.
Please wait...
Copy and Paste this code into your sidebar HTML. For help, please see our Tutorials.
Recent Posts
* Foto Sandra Dewi Dibuat Hitam Putih tapi Glamor
* Efek Dream Photoshop
* Foto Efek : Cara Mudah Membuat Foto Jadul
* Membuat Foto Kartun Tapi bukan Gambar Vektor
* Membuat Bingkai Kayu Realistik pada Foto Miyabi a.k.a Maria Ozawa
* Foto Mobil Menjadi Gambar Mobil vektor
* Foto Luna Maya Terbakar!
* Membuat Efek Bola Kristal dengan Mudah
* Membuat Header Website / Blog yang lebih Artistik dengan Mudah
* Tips Membuat Header Website atau Blog dengan Mudah
Blogroll
* Download Ebook Photohop Gratis
* Download Software Gratisan
* eBook for Free
* FREE MAGAZINES
* Nofriza Nindiyasari
* papario
* Sitemap
* Tutorial Photoshop
Alexa Certified Site Stats for www.ilmuphotoshop.com PageRank Checking Icon
Belajar Photoshop | Powered by Wordpress | Stop Dreaming Start Action | Kenali dan Kunjungi Objek wisata di Pandeglang
Tips Membuat Header Website atau Blog dengan Mudah
Bagi penyuka design web atau yang suka ngeblog mungkin tips ini bisa memberi sedikit manfaat. Kadang kita gak dapet ide untuk bikin Header untuk website atau blog kita..
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.
Kalo udah tau lebar blog nya… bikin dokumen baru sesuai lebar nya ..
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.
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.
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.
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
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 :
Untuk pemberian warna background supaya sesuai tema, tinggal klik Layer background, warnai dengan Paint Bucket tool atau gradient tool
Hasil akhir nya
Kalo mau ditambah tulisan, silahkan tambahin sendiri. hehehe.
Save sesuai nama file header di template nya, misal : header.jpg ,
Selesai… sekarang tinggal UPLOAD deh ke server website / blog nya.
Ini contoh website saya yang headernya pake photoshop : online-photography-school.blogspot.com
Selamat mencoba..
Artikel Tips Membuat Header Website atau Blog dengan Mudah ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Cara Membuat Foto manjadi Vektor,
header2
No comments:
Post a Comment
<