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 : sokib.blogspot.com

Selamat mencoba..

Kenalan dengan Adobe Photoshop

Siapa sih yang tak kenal dengan adobe photoshop? Software keren untuk pengolahan image yang gak diragukan lagi. Bisa photoshop apalagi sampai mahir, pasti gampang cari duit deh. Adobe Photoshop bisa membuat orang puas ( Ooh yes ), bisa membuat orang ngomong “kok bisa ya”, bisa membuat orang geleng-geleng kepala, dan bisa membuat orang membayar mahal. Itulah Adobe photoshop.

Keren kan.?

Ngomongin tentang Adobe photoshop, pasti fikiran kita langsung tertuju ke desain grafis. Ya iyaa lah… masa photoshop buat ngetik ? pasti ada deh dari pembaca yang ngomong dalem hati. :p

Photoshop memiliki tool-tool yang sangat banyak dan gak mungkin kita menghafalkan dalam beberapa menit, atau hari bahkan bulan. Tapi kalau kita terbiasa dengan tool-tool tersebut, wahh dijamin deh banyak yang cepet mahir. Ya… itu dia.. kuncinya cuman praktek!

Gimana cara prakteknya?

Download tutorial terus praktekan !

Kalau cuman baca buku dan langsung praktek, sebenernya bagus juga cuman kadang kita suka terpaku ke teori lagian kalo dibuku biasanya praktek yang dibahas cuman sedikit. Dulu aku rajin banget download tutorial-tutorial dari internet dan hasilnya lumayan banyak. Kebanyakan sih bahasa inggris. Tapi dengan mencoba dan meraba-raba bahasanya, bisa jalan juga.. toh biasanya di tutorial itu ada gambar-gambar nya, jadi sebeneranya gak jadi masalah.

Aku belajar Photoshop selama sekitar 2 bulan, dari nol! Sering ke warnet buat download tutorial, terus praktek sesuai petunjuk tutorial tersebut sampe bisa. Aku praktekin satu persatu, abis itu dicoba sekali lagi tanpa melihat tutorial. Karena terbiasa praktek jadi aku terbiasa dengan tool-tool di photoshop, bahkan sampe hafal fungsi-fungsi nya. Saking seneng nya waktu belajar kadang sampe lupa waktu, pernah belajar mulai jam 10 gak kerasa ujug-ujug udah pagi. Jadi idelanya kita seneng dulu sama photoshop trus belajar, supaya gak ada tekanan waktu belajarnya.

Masih mau belajar?? Kenal dulu sama Photoshop… Tak kenal maka tak sayang bukan?

Membuat Gulungan Pada Foto ( Peeling )

Diposting tepat pada Tanggal unik : 090909 (09 Sept 2009)

Sebelumnya saya ingetin dulu buat yang baru belajar photoshop atau baru mengenal Adobe photoshop, silahkan baca-baca dulu teori dasar photoshop, jadi nanti gak ada pertanyaan yang sangat dasar sekali seperti ”gimana cara seleksinya ? gimana cara hapus nya?” dll. Oke? Deal ya.. hehehe..

Sebenernya udah dari dulu pengen posting tutorial yang membuat gulungan di foto dengan Adobe photoshop ini. Kayaknya sudah pada bisa.. tapi gak apa-apa, yang belom bisa juga pasti banyak.. hehehe.. Maksudnya tutorial photoshop ini adalah membuat semacam gulungan di pojokan foto.

Langsung aja ..

Buka file foto yang mau di edit.

Saya pake foto objek wisata di pandeglang yang sebelumnya sudah saya kupas dikit di artikel ” Kenali dan Kunjungi Objek wisata di Pandeglang ” .. Kalo ada yang mau kesana, ajak-ajak ya.. hehehe.

Duplikat layer gambar dengan menekan CTRL + J .. dan Tekan tombol D untuk mendefault kan foreground (hitam)dan background color (putih) .. Lalu tekan CTRL + Backspace sehingga layer background jadi berwarna Putih.

Buat layer baru, buat segitiga seperti gambar (untuk lipatannya) dengan rectangle marquee tool. warnai dengan warna apa aja. saya pake default nya aja, pake hitam.

Sekarang buat lingkaran seperti gambar dengan elliptical marquee tool lalu tekan DELETE. (Supaya lipatannya keliatan real )

Klik 2x layer 2 atau klik kanan > Blending Options setting seperti dibawah

Setelah menggunakan gradient Overlay, sekarang gunakan Drop Shadow, setting seperti dibawah :

Hasil setelah dikasih efek

Sekarang hapus bagian luar foto dengan Eraser Tool

Hasil Akhirnya :

Contoh lipatan dipojok yang lain

Catatan : untuk di pojokan lain , tinggal ubah-ubah aja arah sudut waktu ngasih Gradient Overlay.

Semoga tutorial ini bermanfaat..

Selamat Mencoba .. dan Stop dreaming start action

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 :

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.

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

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

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

Bisa kan?

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

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

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.

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

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

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

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

hasilnya :

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

Hasilnya :

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 :

Selamat Mencoba…

Artikel Membuat Header Website / Blog yang lebih Artistik dengan Mudah ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Kenali dan Kunjungi Objek Wisata di Pandeglang, untuk mengetahui lebih jauh tentang Pandeglang sebagai Objek Wisata yang patut diperhitungkan karena keindahannya.

Wajib di Coba

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 Kenali dan Kunjungi Objek Wisata di Pandeglang, untuk mengetahui lebih jauh tentang Pandeglang sebagai Objek Wisata yang patut diperhitungkan karena keindahannya.

Membuat Bingkai Kayu Realistik pada Foto 

Foto Miyabi atau Maria Ozawa sekarang ini banyak sekali dicari oleh pengguna internet di Indonesia .. mungkin karena waktu itu Miyabi atau Maria Ozawa mau dateng ke Indonesia, tapi gak jadi .. itu hasil analisa saya setelah ngecek di google trends. dan karena itu juga saya pake nama Miyabi untuk menarik pengunjung ke blog ilmuphotoshop ini.. hehehe..

Saya mohon maaf sebelumnya ke Mba Miyabi ( baca: mba mia) atau Teteh Maria Ozawa .. karena foto nya dipake buat belajar photoshop. hihihi..

Udah .. sekarang kita lanjut ke tutorial photoshop nya..

pertama buat dokumen baru :



Buat kotak menggunakan rectangle marquee tool



Buat layer baru dan Warnai dengan warna apa aja.. karena nanti akan menggunakan filter Fibers untuk membuat kayu nya.. perhatikan background color dan foreground color nya.



Klik Filter > Render > Fibers



Kalo udah, buat lagi layer baru .. buat kotak dengan rectangle marquee tool. Warnai dengan gradient tool.



ganti layer style nya menjadi Soft light.



Gabungkan kedua layer tersebut dengan menekan CTRL + E .. posisi cursor di layer paling atas ya.



Sambil tekan ALT dan SHIFT di keyboard, Drag tepi bingkai yang pertama ke kiri, untuk membuat tepi bingkai kanan.



otomatis terbentuk layer baru.

Dengan cara yang sama buat juga tepi bingkai atas dan bawah.

Duplikat layer bingkai kiri lalu putar dan atur biar pas.



Sekarang kita edit setiap ujung dari bingkai tersebut.

Zoom pojok kiri atas dulu.. Buat bentuk segitiga dengan polygonal Lasso tool, lalu tekan DELETE. posisi kursor di layer tepi bingkai atas.



Dengan cara yang sama, edit semua ujungnya.. sehingga nanti hasilnya gini



Sekarang buka Foto Miyabi atau foto Maria Ozawa atau foto Siapa kek.. :)

Drag foto tersebut ke dokumen bingkai yang baru dibuat.



Atur letak layernya sehingga berada di atas layer background



Sekarang kita buat kaca nya..

Buat layer baru di atas layer foto Miyabi atau foto maria Ozawa. Buat Kotak dengan rectangle marquee tool > warnai dengan warna Putih > ubah opacity nya jadi 20%



Gabungkan semua layer Tepi bingkai dengan menekan CTRL + E dari layer paling atas.



Klik 2x layer bingkai yang barusan digabung, atau Klik kanan > Blending option

Setting Drop Shadow nya



Jangan dulu di Oke in.

Setting juga Bevel and Emboss nya..



hasilnya :


Udah jadi..

Silahkan Coba..

See u di tutorial photoshop yang lain..






Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Kenali dan Kunjungi Objek Wisata di Pandeglang, untuk mengetahui lebih jauh tentang Pandeglang sebagai Objek Wisata yang patut diperhitungkan karena keindahannya.