Minggu, 05 Juni 2011

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 ..
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
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.
Klik Select > Inverse sehingga yang terseleksi sekarang adalah selain seleksi sebelumnya. Delete deh..
header4
Tekan CTRL+ D untuk menghilangkan seleksi..
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.
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
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.
Ini contoh website saya yang headernya pake photoshop : online-photography-school.blogspot.com
Selamat mencoba..
http://www.iconspedia.com/uploads/12789365491822702177.png

Membuat efek bola kristal pada foto

Sesuai janji saya kmaren di Facebook, sekarang saya buat postingan tentang efek Bola Kristal.. Sebenernya bikinnya gampang banget. sesuai judulnya ” membuat bola kristal dengan Mudah ” , pasti pada nanya, kenapa sih kebanyakan judul postingan di ilmuphotoshop ini selalu pake dengan mudah ? Sok pinter banget!! … bukannya saya ngerasa paling bisa, dan bukan karena over confidence.. itu hanya sebagai sugesti aja.. kalo kita yakin suatu pekerjaan itu mudah dan yakin kita bisa ngerjakannya, Insya Alloh semua akan berjalan dengan lancar dan mudah… dan mudah-mudahan hukum ini berlaku juga buat temen-temen. :), artinya kita harus niat belajar dan yakin kita bisa.
Lanjut Gan !..
Buat dokumen baru
bola kristal
Kalo nanti niatnya buat wallpaper, ganti aja width nya jadi 1024 px , height nya jadi 768 px.
Warnai dengan warna Hitam ..
Buka file foto atau gambar
bola kristal1
Idih.. narsis.. hehehe.. gak apa-apa, kata temen saya ” lebih baik narsis daripada minder ” :p.. Kalo menurut saya, orang yang narsis itu orang yang rajin. Rajin menampakan diri.. :p
Crop foto dengan Crop tool biar semua sisi nya sama .. di kira-kira aja.
bola kristal2
Drag foto yang udah di Crop ke dalam dukumen baru tadi.
bola kristal3
Klik Edit >Transform > Warp
bola kristal4
Pilih warp Option jadi Inflate, Tarik Point Editor ke atas.. sampe gambar keliatan bulet.
Tekan enter kalo udah.. hasilnya gini :
bola kristal5
Belum bulet banget kan ? sekarang Bikin bulatan pake Rectangle marquee tool, Sambil tekan SHIFT biar jadinya gak lonjong.
bola kristal6
Klik Select > Inverse .. lalu tekan Delete
bola kristal7
Ctrl + D untuk menghilangkan seleksi.
CTRL + Klik di layer 1 , sehingga bulatannya terseleksi lagi.
Buat layer baru. Gunakan Brush tool yang agak besar , set ke Soft Round , ( di tutorial sebelumnya udah saya jelaskan tentang soft round )
Poles perlahan pinggir buletan nya.. dengan warna putih
bola kristal8
Beri sedikit Noda brush di tengah biar keliatan lebih real.
bola kristal9
Tekan Ctrl + E untuk menggabungkan layer Atas ke layer bawahnya
bola kristal10
Duplikat layer 1 dengan menekan CTRL + J
Balikan gambar hasil duplikat dengan menarik Point editor paling atas ke bawah..
Klik Layer > Layer Mask > Reveal All
Klik Gradient Tool , warna dari Hitam ke Putih ( teknik Layer mask ini Udah saya jelaskan di tutorial sebelum ini kalo gak salah )
Tarik gradient dari atas ke bawah gambar hasil duplikat tadi.
bola kristal11
Kurangi Opacity nya
bola kristal12
Hasinya setelah diberi kreasi dikit atau dibuat duplikat nya untuk ukuran kecil
bola kristal13
Atau saya beri kreasi yang lain
bola kristal14
Selamat mencoba..
http://www.iconspedia.com/uploads/12789365491822702177.png

Membuat gulungan pada foto

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.
Foto Pemandangan di Pandeglang
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.
peel2
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.
peel3
Sekarang buat lingkaran seperti gambar dengan elliptical marquee tool lalu tekan DELETE. (Supaya lipatannya keliatan real )
peel4
Klik 2x layer 2 atau klik kanan > Blending Options setting seperti dibawah
peel5
Setelah menggunakan gradient Overlay, sekarang gunakan Drop Shadow, setting seperti dibawah :
peel6
Hasil setelah dikasih efek
peel7
Sekarang hapus bagian luar foto dengan Eraser Tool
peel8
Hasil Akhirnya :
peel9
Contoh lipatan dipojok yang lain
Catatan : untuk di pojokan lain , tinggal ubah-ubah aja arah sudut waktu ngasih Gradient Overlay.
pandeglang
Semoga tutorial ini bermanfaat..
Selamat Mencoba .. 
http://www.iconspedia.com/uploads/12789365491822702177.png

Memberi efek terbakar pada foto

Tutorial ini tentang efek kertas terbakar.. saya bikinin sekarang deh.. sekarang modelnya gak tanggung-tanggung.. Luna Maya ! hehehe.. Tutorial sebelumnya saya pake model Dian Sastro.. wah.. lama-lama Model di blog ini Artis papan atas semua nih :p.
Btw.. sebelumnya .. Maaf yaa mba Luna maya… saya pake foto nya.. :)
Saya dapet foto ini dari kapanlagi.com, karena gak mungkin saya motret Luna Maya secara langsung, wong dunia kita berbeda.. :)
Buka foto Luna Maya
Luna Maya
Duplikat layer dengan menekan CTRL + J
luna maya 2
Buat Background menjadi putih dengan menekan tombol CTRL+ Backspace di keyboard. ( settingan Background color musti putih )
luna maya 3
Klik 2x layer hasil duplikat tadi atau klik kanan > Blending Option
Kita setting Inner glow nya
luna maya 4
Klik Windows > Brushes .. Kita setting brush nya juga
luna maya 5
Hapus bagian foto yang kira-kira gak kepake.. silahkan berkreasi sendiri aja ya..
luna maya 6
Hasilnya akhirnya :
luna maya 7
Wah.. singkat ya.. hehehe..
Selamat mencoba .. !
http://www.iconspedia.com/uploads/12789365491822702177.png

Membuat Efek Manga Pake Photoshop

Tutorial efek manga ini saya buat karena banyak yang request juga.. Manga identik dengan JEPANG, Mata gede, bibir dan hidung kecil, kartun, dll. Gimana cara bikin efek manga ? keliatannya susah.. tapi kalo udah dicoba cara bikinnya ternyata gampang.. Tool yang banyak digunakan untuk membuat efek manga ini adalah Liquify. saya lupa tool liquify ini mulai ada di photoshop brapa… mungkin sejak CS di rilis sudah ada liquify.
Buka dokumen atau foto. catatan : harus foto Face atau Muka, karena kalo foto kaki mau di bikin manga apanya? hehehe..
Sebenernya foto yang dipake harus bagus gak burem kayak foto dibawah..
manga1
Klik Filter > Liquify .. Gunakan Bloat tool untuk membesarkan mata. Klik di mata dan tahan sebentar. Oia… Brush size nya sesuaikan dengan ukuran gambar. pokoknya harus lebih besar dari mata nya.
manga2
Gunakan pucker tool untuk mengecilkan bagian bibir dan hidung
manga3
Sekarang gunakan FOrward Warp tool untuk mengecilkan bagian rahang dan dagu.
manga4
Tekan CTRL + D 2 kali untuk menduplikat layer background. Delete layer background nya..
manga5
Klik layer yang paling atas.. lalu Klik Filter > Other > High Pass
manga6
Ganti layer Effect ke Hard light
manga7
Tekan CTRL + E untuk menggabungkan layer yang atas dengan layer dibawahnya
manga8
Klik Filter > Stylize > Diffuse
manga9
Klik Filter > Sharpen > Smart Sharpen untuk mempertajam gambar
manga20
Klik Image > adjustments > Curves
manga21
Dicoba-coba aja ya.. nilainya gak harus sama kok..
Nah.. hasilnya jadi gini :
manga22
Ini foto sebelum dan sesudah
manga23
Selamat Mencobaa..
http://www.iconspedia.com/uploads/12789365491822702177.png
WeLcOmE iN ThE My Blog_aNd_DoN't ForgEt To FolLow.