Edit Photoshop 1

243
Beauty Butterfly Girl Posted by Sigit eko on Jul 31st, 2009 in Belajar Photoshop , Photoshop Intermediate | 52 comments By Request : Ada banyak email isinya minta dibuatin tutorial tentang gimana cara nempelin sayap kupu-kupu/burung pada foto? Saya kasih tutorial ini karena setelah saya perhatiin ternyata lebih banyak penyuka Edit foto daripada kreasi lain seperti gambar 3D atau effect yang lain. Prinsipnya sama aja sama tutorial menggabungkan 2 foto .. tapi untuk tutorial yang ini banyak menggunakan teknik seleksi. Action aja ya.. Buka foto yang mau dikasih sayap.. (catatan : posisi objek di foto harus sesuai , jangan maksain, bisa-bisa jadinya nanti malah aneh) Saya pake foto Nadya ( Adik Ipar saya) .. kalo ada yang minat pake nadya jadi model pemotretan atau model iklan kontak ilmuphotoshop saja.. Fofogenik kok anaknya.. hehehhe.. malah promosi.. :p .. pinter nyanyi lagi.. yee. .. apaan si.. :p

description

mempelajari photoshop didunia komputer ekjakejkajke jkeja kejka aekajkejallekjka ekajekakal ajekajejakela kejkjkejkajk aejkajekajek ejkajekjkjkas ejkajkekljak

Transcript of Edit Photoshop 1

Page 1: Edit Photoshop 1

Beauty Butterfly Girl Posted by Sigit eko on Jul 31st, 2009 in Belajar Photoshop, Photoshop Intermediate | 52 comments

By Request : Ada banyak email isinya minta dibuatin tutorial tentang gimana cara nempelin sayap kupu-kupu/burung pada foto?

Saya kasih tutorial ini karena setelah saya perhatiin ternyata lebih banyak penyuka Edit foto daripada kreasi lain seperti gambar 3D atau effect yang lain.

Prinsipnya sama aja sama tutorial menggabungkan 2 foto.. tapi untuk tutorial yang ini banyak menggunakan teknik seleksi.

Action aja ya..

Buka foto yang mau dikasih sayap.. (catatan : posisi objek di foto harus sesuai , jangan maksain, bisa-bisa jadinya nanti malah aneh)

Saya pake foto Nadya ( Adik Ipar saya) .. kalo ada yang minat pake nadya jadi model pemotretan atau model iklan kontak ilmuphotoshop saja.. Fofogenik kok anaknya.. hehehhe.. malah promosi.. :p .. pinter nyanyi lagi.. yee. .. apaan si.. :p

Page 2: Edit Photoshop 1

Seleksi bagian badan yang nanti mau dikasih sayap… seleksi bagian leher sampe pinggang.

Page 3: Edit Photoshop 1

Tekan Ctrl+ C untuk Copy Lalu CTRL+V untuk Paste..  nanti akan terbentuk layer baru otomatis

Sekarang buka file Kupu-kupu nya

Kalo mau pake image yang ini tinggal Klik kanan > save Image

Page 4: Edit Photoshop 1

Karena background kupu-kupunya putih.. langsung seleksi aja pake magic wand tool.  klik di bagian warna putih.. otomatis si magic wand tool akan menyeleksi warna yang sama atau menyerupai.

Drag (tekan mouse sambil geser) kupu-kupu yang sudah terseleksi ke gambar gambar objek tadi.

Page 5: Edit Photoshop 1

Sekarang gambar kupu-kupunya sudah sampai di foto Nadya. Karena posisi Nadya miring dikit.. maka dimensi kupu-kupu nya musti diubah dikit.. yang lebih deket ke kamera lebih besar tho? Pake EDIT > Transform > SKEW.

Tarik pojok-pojok yang mau diedit.

Page 6: Edit Photoshop 1

Tekan enter kalo udah selese.

sekarang Tukar posisi layer kupu-kupu dengan layer badan,.

Hasilnya sekarang kupu-kupu itu di belakang badan.

Sekarang hapus antene kupu-kupu yang mengganggu gambar dengan eraser tool

Page 7: Edit Photoshop 1

kalo sudah Gabung semua layer dengan menekan CTRL + E dari layer atas dulu ya..

Atau untuk yang pake Adobe photoshop CS3 langsung select semua layer lalu tekan CTRL + E ( Merge )

Sekarang kita sudah punya 1 layer saja..

Page 8: Edit Photoshop 1

Pake efek Cinema postingan saya sebelumnya. Masih inget kan? kalo udah lupa.. terpaksa baca-baca lagi aja ya,.. hehehe

Sehingga hasilnya kayak gini nih

Selamat Mencoba yaa..

Belajar Membuat Animasi Dengan Photoshop Posted by Sigit eko on Jun 10th, 2009 in Belajar Photoshop, Photoshop Basic | 124 comments

Software : adobe Photoshop CS3 – CS4 .. CS2 blom cek udah ada fasilitas animasinya ato belom yaa.. mungkin masih pake Image Ready.

Page 9: Edit Photoshop 1

By Request : Saya bikin Tutorial ini karena banyak yang request.

Saya coba buat dasar-dasar nya aja.. atau gimana sih cara buat suatu gambar itu jadi gerak.. belom masuk ke berubah bentuk ya.. cuman gerak aja..

Pembuatan animasi di photoshop ada 2 cara :

1. Import Langsung dari layer ( Make frame from layers – buat yang udah EXPERT )

2. Manual ( ini khusus buat menggerakan benda aja)

Sekarang kita mulai dengan yang manual dulu aja yaa.. dari dasar dulu la..

Pertamax.. hehehe  buka dokumen baru :

Buat kotak dengan rectangle marquee tool. Klik Select > Inverse.. lalu warnai dengan warna Hitam Klik Edit > Fill > Black

Page 10: Edit Photoshop 1

Sekarang buat lingkaran dengan Elliptical Marquee tool.. ( Sambil tekan tombol SHIFT biar Bener-bener bulet jadinya )..

Warnai dengan Gradient TOol > Radial Gradient.  Warna Terserah aja..

Page 11: Edit Photoshop 1

Kalo ngikutin nya bener … jadinya kayak gini ..

Sekarang kita gerakkan Bola nya..

Page 12: Edit Photoshop 1

Klik Windows > Animation, maka muncul Animation Bar..

Klik Duplicate Selected Frame .. Muncul Frame baru dengan posisi bola yang sama..

Sekarang pindahin bola yang ada di frame 2 ke tepi kiri tengah..

Page 13: Edit Photoshop 1

Klik Tween Animation Frame untuk membuat Frame-frame dari posisi bola di atas ke posisi bola di samping secara otomatis.. kalo mau gerakan nya halus.. frame nya banyakin aja.. saya pake 5 frame aja..

Page 14: Edit Photoshop 1

Sekarang udah jadi deh.. gerakan dari atas ke samping kiri.. coba aja tekan tombol Play.

Pake cara yang sama .. Sekarang klik frame terakhir.. Klik duplicate selected frame lagi.. Pindahkan bola ke bawah tengah.. lalu buat Tween animation frame.sebanyak 5 juga.. Lalu animasikan bola dari tengah bawah ke tengah kanan.. animasikan lagi..

Untuk yang terakhir jangan sampe kembali ke posisi awal.. tapi buat renggang sedikit..

Page 15: Edit Photoshop 1

Klik tombol Play..  Kalo udah Ok save di GIF..

Klik File > Save For Web and Devices

Page 17: Edit Photoshop 1

Belajar Photoshop : Membuat Efek Matrix ( Simpel banget ) Posted by Sigit eko on Apr 7th, 2008 in Belajar Photoshop, Photoshop Intermediate | 65 comments

Sekarang saya akan nulis tentang bagaimana membuat efek film Matrix… bukan  efek pelurunya.. tapi efek yang ijo-ijo nya itu lho.. Kayaknya orang-orang udah pada tau nih.. tapi gpp deh.. pasti ada yang belom tau juga.. ok Kita mulai… Yuk.. mariii..

Pertama seperti biasa.. buka dokumen baru ukuran kecil aja.. seperti contoh dibawah nih..

Klik Filter > Texture > Grain .. Nilainya samain yaa sama gambar dibawah..

Page 18: Edit Photoshop 1

Klik OK…

Lanjuuttt..

Klik Filter > Artistic > Neon Glow

Samain lagi yaa parameter nya..

Ijonya terserah kamu aja… yang penting ijo..  Klik OK..

Sekarang tinggal di Glow…  Klik Filter > Stylize > Glowing Edges

Page 19: Edit Photoshop 1

Taraa…. hasilnya  :

Keren kan?? Selamat Mencoba …

Berkreasi dengan foto..biar lebih keren.. Posted by Sigit eko on Sep 23rd, 2008 in Belajar Photoshop, Photoshop Intermediate | 97 comments

Iseng-iseng aja nih.. saya posting tutorial membuat foto menjadi lebih keren… terinspirasi dari gambar ini :

foto editing gak cuman make up atau makeover sebuah foto, tapi juga berkreasi gimana biar foto kita tambah keren.

bikinnya kayak gini nih..

pertama buka gambar yang mau di edit

Page 20: Edit Photoshop 1

gunakan rounded rectangle tool setting seperti gambar ini ya :

Sambil tekan ALT dan SHIFT di keyboard, geser kotak pertama, jadi 2 kotak kan ?

sekarang terusin sampe ke samping kanan. Sekarang Blok semua kotak rounded rectangle tool.

Page 21: Edit Photoshop 1

 Dengan cara yang sama atau sambil menekan ALT dan SHIFT trus drag ke bawah, penuhin gambar dengan Kotak.

CROPING dikit pake CROP tool supaya gak keliatan renggang.

Page 22: Edit Photoshop 1

Tekan A atau path selection tool terus klik kanan di gambar klik make selection. Feather radius = 0 terus klik Ok.

setelah terseleksi klik SELECT > Inverse, lalu tekan delete di keyboard.

Sekarang Klik SELECT > INVERSE lagi.. lalu buat layer baru.. gunakan brush tool untuk mewarnai.

Page 23: Edit Photoshop 1

warnain juga kotak yang bawahnya… sesuai selera aja yaa.. 

Ubah layer style menjadi multiply dan opacity set ke 50%

Hasilnya akan seperti ini :

Page 24: Edit Photoshop 1

gak mirip sih.. tapi kira kira bikinnya seperti itu..

Selamat mencoba..

Bermain dengan Gradient Posted by Sigit eko on Apr 19th, 2008 in Belajar Photoshop, Photoshop Basic | 11 comments

Gradient ? what’s da Hell is that? .. 

Rata-rata orang pasti udah pada tau kan apa itu gradient ? dalam bahasa indo gradient = gradasi atau perubahan yang halus banget dari suatu warna ke warna lain. Mungkin itu artinya.. kalo ada yang mau menambahkan, saya persilahken…

Toolnya yang mana sih di photoshop ? yuk Mang… kita maen-maen…

………………………………..moelay………………………………….. 

Buat file baru file ( new ), Lalu pilih preset= custom dan pilih 640 x 480 px. Resolusi 72 saja.

Page 25: Edit Photoshop 1

Buat kotak dengan rectangular marquee tool (M), klik layer ( new> layer) atau tombol NEW layer di layer palette.

Page 26: Edit Photoshop 1

Pastikan layer 1 yang terseleksi.pilih gradient tool di toolbox.Pilih linear gradient di tool option bar

Page 27: Edit Photoshop 1

lalu ubah warna gradient menjadikiri : R:0 G:47 B:140kanan : R:136 G:176 B:255Klik reserve di tool option barKlik lalu drag dari pojok kiri atas kotak seleksi ke arah pojok kanan bawah.

Page 28: Edit Photoshop 1

Jadinya seperti ini :

Kotak masih terseleksi, klik Select ( modify –> contract.)Isi nilai contract dengan 10 px.klik gradient tool. Dengan warna yang sama klik pojok kanan bawah lalu drag sampai pojok kiriatas.tekan ctrl + D untuk menghilangkan seleksi.

Dan hasilnya :

Bermain Lighting Effect Posted by Sigit eko on Jul 6th, 2009 in Belajar Photoshop, Photoshop Intermediate | 45 comments

Bermain lighting effect di photoshop bisa membuat kita banyak ide untuk design.. hebatnya lagi  lighting effect bisa membuat seperti ukiran batu.. tinggal setting di Lighting effect nya aja.. nanti coba-coba sendiri ya.. saya cuman kasih pendahuluan nya aja.. alias dasar nya.. oia.. jangan lupa Stop Dreaming Start Action supaya cepet mahir dan bisa cepet-cepet bikin tutorial buat orang lain yang sedang dreaming karena gak ada tutorial buat action

Langsung action aja deh ..

Buka foto yang mau diedit..

Page 29: Edit Photoshop 1

Buka Channel Palette .. Klik Di red Channel lalu tekan CTRL + KLIK sehingga terbentuk seleksi dengan sendirinya.

Buat  Channel Baru dengan klik Creat New Channel .. Nanti terbentuk Channel Alpha 1 .. (diganti juga boleh kok).. Sekarang channel yang aktif hanya Channel Alpha 1 .

Page 31: Edit Photoshop 1

GIni doang??  ya… enggak lah sodara-sodara.. hehehe.. lanjut..

Sekarang kembali ke Layer Palette.

Buat layer baru, lalu warnai dengan Radial gradient..  saya pake gradient warna Hitam ke putih.

Kalo udah selese..  Kita ke inti nya yaitu Filter Lighting Effect.

Page 32: Edit Photoshop 1

Klik Filter > Render > lighting Effects

Setting seperti gambar dibawah ya..

Kalo Bener settingannya Hasilnya jadi gini :

Berkreasi dikit dengan diberi warna… Image > Adjustment > Hue/Saturations   Colorize nya centang yaa..

Page 33: Edit Photoshop 1

hasilnya :

Cara gampang membuat Gold TEXT effect Posted by Sigit eko on Jan 15th, 2009 in Belajar Photoshop, Photoshop Basic | 29 comments

Design text juga kadang berguna buat design.. bukan kadang lagi, sangat berguna untuk memperindah design.. saya punya tips membuat gold text effect dengan mudah pake Blending option.. cuman 1 kali buka blending option langsung jadi..

Buka dokumen baru ukuran kayak di gambar :

Tulis text yang mau dibikin gold

Page 34: Edit Photoshop 1

Klik kanan layer text barusan > blending option atau klik 2x di layer text .. contreng color overlay

jangan dulu di Ok in… sekarang klik Bevel and emboss. Setting seperti gambar :

sekarang Klik contour di sub-bevel&emboss, setting seperti gambar :

Page 35: Edit Photoshop 1

Contreng lagi Drop shadow untuk membuat bayangan di belakang text biar kayak nempel..

Hasilnya gini :

Page 36: Edit Photoshop 1

Cobain yaa…

Cara Make Over wajah dengan mudah Posted by Sigit eko on Sep 19th, 2008 in Belajar Photoshop, Photoshop Intermediate | 64 comments

Mau foto kamu di make Up tapi gak perlu pake make up ? malahan kita bisa berkreasi sendiri warna nya.. tapi ini khusus buat foto cewe yaa.. kalo foto cowo di make up-in bisa-bisa… yuuuuu.. hehehe..

caranya gampang aja kok :

pertama buka file foto yang mau di make over ( saya pake foto adik ipar -red ) :

Page 37: Edit Photoshop 1

Langkah pertama seleksi bibir nya , untuk diwarnai.

setelah terseleksi, klik Select > Feather atau select > modify > feather untuk CS3.

Page 38: Edit Photoshop 1

Klik Edit > Copy ( atau Tekan CTRL + C ) terus klik lagi edit > paste ( atau tekan ctrl + V) , maka nanti akan terbentuk layer 1.

Klik Image > Adjustment > Selective color  , setting seperti dibawah :

Setelah itu gunakan brush tool untuk membuat garis biru di atas mata :

Page 39: Edit Photoshop 1

Klik Filter > Blur > gaussian blur  .  setting seperti di bawah :

Atur Opacity nya :

Sekarang buat layer baru lagi dan gunakan brush tool dengan diameter 5, gambar dengan warna hitam garis di sekitar mata :

Page 40: Edit Photoshop 1

Klik Filter > blur Gaussian Blur

Gunakan Blending Soft light

Bikin layer baru lagi buat pipi nya, terus gambar titik yang agak besar warna merah yaa..

Page 42: Edit Photoshop 1

Hasilnya bakalan kayak gini :

ada lagi nih :

Selamat  mecoba !

Cara Melekin Mata yang tertutup waktu difoto Posted by Sigit eko on Mar 26th, 2010 in Belajar Photoshop, Photoshop Basic | 123 comments

Ada kiriman file foto  dan minta dibuatin tutorialnya..  pas difoto orang nya  ngedip.. jadi merem deh hasilnya.. nah dia pengen fotonya dibuat melek.. hmm.. saya fikir lumayan juga buat pengetahuan karena banyak  hasil foto semacam itu..

Saya udah minta izin fotonya dipublish..

buka foto yang ada orang merem nya

Page 43: Edit Photoshop 1

Klik Polygonal lasso tool untuk menyeleksi mata orang yang lagi melek.. saya pilih yang berjilbab merah karena posisi matanya hampir mirip.. bagusan cari foto orang yang bersangkutan yang lagi melek.. tapi buat contoh gpp pake yang ada aja..

Seleksi di area mata yang berjilbab merah..

Page 44: Edit Photoshop 1

kalo udah terseleksi.. teken di keyboard CTRL + C untuk mencopy bagian yang terseleksi.. lalu tekan ctrl + V untuk paste.. otomatis akan terbentuk layer baru..

Drag ( klik sambil digeser ) hasil copy paste di layer satu ke bagian mata yang merem.. lalu samain ukuran dan posisinya..

Page 45: Edit Photoshop 1

Untuk meminimalisasi perbedaan warna  supaya tidak berdampak sistemik .. Klik Image > adjustment > brightness /contrass ..

bagian ini atur sendiri aja .. pokonya supaya keliatan mirip .. aja.. !

sekarang hapus bagian di daerah mata yang gak terlalu penting dengan eraser tool ( soft round yaa)

Page 47: Edit Photoshop 1

.. Silahkan dicoba..

Cara Mengubah Photo jadi Kartun Posted by Sigit eko on Nov 11th, 2008 in Belajar Photoshop, Photoshop Intermediate | 123 comments

Waah… udah lama nih gak posting.. Agak sibuk nih para juragan.. sorry ya.. Langsung aja yaa.. sekarang kita coba buat kartun sebenernya cuman dasarnya aja sih.. yang tingkat lanjutnya mungkin nanti deh..

kita mulai..

pertama buka file gambar yang mo dibikin kartun, misalkan foto kita atau foto sodara atau foto sapa kek.. yang penting background harus clear atau bisa juga di buat clear dengan delete background nya..

Page 48: Edit Photoshop 1

Tekan CTRL + J untuk menduplikat gambar tadi… en then .. Ganti layer style nya jadi Color dodge.. Klik Image > adjustment > Invert.

Page 49: Edit Photoshop 1

Klik Filter>Blur>Gaussian Blur, setting sampe si gambar menyerupai kartun..

Sekarang untuk mempertajam garis, Klik Layer>New Adjustment Layer > Threshold

Page 50: Edit Photoshop 1

Klik ok. dan muncul jendela threshod nya..

Sekarang tinggal mewarnai gambar kartun nya.. Biasakan mewarnai warna yang paling bawah.. atau warna dasar nya .. supaya nanti kalo aga melenceng2 bisa disapu sama layer di atasnya..

warnai kulit dahulu.. setting warna foreground menjadi kuning kecoklatan ..

Gunakan Polygonal Lasso tool untuk menyeleksi bagian muka. dan semua kulit.. lalu warnai dengan warna tadi.. dengan brush atau paint bucket tool. jangan lupa warnai di Layer baru yaa…

Page 51: Edit Photoshop 1

 

sekarang warnai rambut nya dengan coklat tua.. sama kok caranya dengan yang tadi…

Page 52: Edit Photoshop 1

trus warnain baju nya juga… bibirnya , matanya..

hasilnya kira2 kayak gini nih..

 

Selamat Mencoba……

Cara mudah mempertajam gambar Posted by Sigit eko on Jul 9th, 2008 in Belajar Photoshop, Photoshop Basic | 49 comments

Ada beragam cara untuk mempertajam gambar, saya kasih salah satu caranya. Mungkin ini cara umum yang dipake orang orang-orang editing, atau mungkin juga blom pada tau … Saya share aja deh.. cuman buat yang blom tau.. Sederhana tapi lumayan membuat foto atau gambar menjadi lebih tajam.

Buka file gambar yang mau diedit..

Page 53: Edit Photoshop 1

lalu duplikat dengan menekan ctrl + J

Desaturate gambar dengan menekan Ctrl + Shift + U atau image > adjustment > desaturate

Page 54: Edit Photoshop 1

Blur pake gaussian blur, filter > blur > gaussian blur

FIlter layer ganti sama HardLight

Page 55: Edit Photoshop 1

Hasilnya  :

Cara-cara meng-Clone ( Kloning ) Posted by Sigit eko on Oct 10th, 2008 in Belajar Photoshop, Photoshop Basic | 37 comments

Cloning di photoshop gak perlu pake test darah, gak perlu harus sama rantai DNA nya, gak perlu pake alat kedokteran.. Ada satu alat di photoshop yaitu Clone Tool..

Page 56: Edit Photoshop 1

Buka file yang akan diedit

Klik clone tool :

tekan tombol alt lalu tekan klik di titik awal yang akan di clone. misalnya di sayap

sekarang sambil Drag mouse nya… geser geser ditempat kosong seperti dibawah

Page 57: Edit Photoshop 1

dengan cara yang sama, bikin seperti contoh dibawah :

Clone tool bisa dipake buat ngilangin orang lho..

Page 58: Edit Photoshop 1

Taraaaaa…

agak belepotan sih.. karena buru-buru.. ..hehehe.. kalo pelan-pelan pasti bisa halus hasilnya..

ok.. Selamat mencoba..

Starburst tu apa ya ? saya juga bingung nih jelasinnya hehehe.. pokoknya itu semacam efek gemerlap gitu deh.. atau efek pijaran bintang.. heheheh..

Page 59: Edit Photoshop 1

ya udah bikinnya sederhana banget kok..

Pertama bikin dulu dokumen baru

bikin kotak pake tectangle marquee tool di layer baru, warnai dengan warna apa aja.. saya pake warna Hitam..

Sambil menekan tombol ALT dan tombol SHIFT, Drag / tarik sambil di klik gambar kotak tadi ke kanan.. niscaya (halah) kotak tersebut akan geser ke kanan dan udah otomatis terduplikasi.

Page 60: Edit Photoshop 1

setelah banyak dapet kotaknya.. sekarang klik layer paling atas.. lalu tekan CTRL+E beberapa kali sehingga semua kotak item itu jadi 1 layer.

Nah kalo kurang, silahkan ulangi langkah duplikat sambil geser tadi.. Sampai penuh yaa… ( kalo udah penuh jangan lupa disiram ..  hehehe )

Page 62: Edit Photoshop 1

Hasilnya :

Starburst ini bisa di kreasikan menjadi 3D.. pembuatan kotak awal menggunakan Gradient tool

Page 64: Edit Photoshop 1

setelah di polar Coordinate :

Keren kan.. Selamat Mencoba !!

Biasanya Efek Starburst ini untuk membuat Poster..seperti dibawah ini :

Page 65: Edit Photoshop 1

Dasar-dasar Menggambar Vektor dengan Photoshop Posted by Sigit eko on May 20th, 2009 in Belajar Photoshop, Photoshop Basic | 31 comments

Pengenalan Tool untuk menggambar Vektor

Oleh Sigit Eko S

Setelah banyak yang minta tutorial tentang gambar vektor adobe photoshop, baru kali ini saya sempet bikin tutorialnya.. Inipun gak langsung ke gambar vektor nya.. tapi saya akan bahas tentang tool nya dulu aja.. gimana mau dapet ikan kalo kita gak bisa cara pake pancing nya .. tul ga? :p .

Seejaatinyaaa .. (mengutip dari Republik Mimpi atau Insert Investigasi .. hehehe :p) untuk menggambar vektor itu menggunakan software-software yang sudah dikhususkan seperti Corel draw, Adobe Illustrator atau Freehand. Tapi kalau bisa menggabungkan image dan vektor di photoshop, wiihh.. hasil editan jadinya tambah Woookeh alias Top Markotop (mengutip dari wisata Kuliner ( Om Bondan) ) :p!

Ya udah skarang langsung aja. Tool apa aja sih yang digunain untuk menggambar vektor dengan photoshop..?

Tool nya yaitu Pen Tool Bersaudara.

Page 66: Edit Photoshop 1

Vector Tool

Untuk Memunculkan tool -tool diatas ,  kita tinggal klik yang agak lama di pen tool, nanti keluar menu pilihannya.

Kalo kita sudah memilih  pen tool, di Option bar ada pilihan Shape Layer dan Path.

Shape layer :

Page 67: Edit Photoshop 1

Jika kita gambar menggunakan pen tool dan memilih shape layer. maka gambar yang dihasilkan otomatis akan berwarna sesuai warna yang dipilih. Dan otomatis di layer palette akan terbentuk 1 buah layer dengan nama shape 1.

kita bisa ubah gambar tersebut jadi Image dengan cara klik kanan di layer klik Rasterize layer.

Path

Page 68: Edit Photoshop 1

Kalo kita gambar suatu bentuk dengan menggunakan PATH maka gambar yang dihasilkan tidak ada warna nya ( tidak ke print ) dan hanya berupa garis bantu aja dan bisa diedit.

PenTool

Dengan pentool ini kita bisa bikin suatu bentuk bebas sesuai dengan keinginan kita.. Bisa juga berfungsi sebagai selection tool.

cara penggunaannya cukup Klik dan drag aja.

Klik : kalo mau bikin 1 titik dan lancip atau berbentuk sudut.

Drag : titik berbentuk lengkung.

Page 69: Edit Photoshop 1

Harus sering latian biar lancar.

Freeform Pen Tool

Fungsinya sama dengan PenTool tapi cara pake nya yang beda.

Cara pake nya dengan menekan terus Mouse sambil digeser sesuai bentuk yang pengen dibuat (DRAG)

Page 70: Edit Photoshop 1

Add Anchor Point Tool

Lambang tool ini ada tanda + nya. Fungsi nya untuk menambahkan titik di garis yang sudah jadi.

Cara pake nya : cuman tinggal klik di tempat yang mau ditambah titik nya.

Delete Anchor Point Tool

Lambang tool ini ada tanda Minus (-) nya.

Fungsinya untuk menghapus atau menghilangkan titik yang udah ada sebelumnya.

Cara pake nya : Klik di titik yang mau di hapus / dihilangkan.

Page 71: Edit Photoshop 1

Convert Point Tool

Fungsi tool ini untuk mengubah titik yang berbentuk sudut ke titik yang berbentuk lengkung dan juga Sebaliknya dari titik berbentuk lengkung ke titik berbentuk sudut..

Cara pake nya :

Lengkung ke Sudut : Cuman Klik di titik lengkung yang mau di jadiin titik sudut.

Sudut Ke Lengkung : Klik sambil geser (drag) ke kiri atau kanan atau atas atau bawah.

Page 72: Edit Photoshop 1

Setelah kita selesai gambar pake pentool biasanya ada yang kurang atau bentuknya kurang bagus. Kita gunakan path editor tool seperti Path selection tool dan direct selection tool.

Path Selection tool

Fungsinya untuk memindahkan gambar path kemanapun.

Caranya cuman Klik lalu drag ke tempat tujuan.. (jangan lupa bayar ongkos) hehehe.

Page 73: Edit Photoshop 1

Direct Selection Tool

Untuk mengedit bentuk gambar path yang udah ada.

Caranya dengan mengklik gambar path nya, sampai semua titik berwarna putih. Lalu klik salah satu titik yang mau diedit lalu geser.

Page 74: Edit Photoshop 1

Mungkin itu dulu aja teori nya..

Postingan selanjutnya saya coba edit foto digabung dengan Vector.

Sekarang pelajari sendiri dulu aja. otak atik.. klak klik.. hehehe..

Selamat Belajar!

Free design atau design bebas biasanya agak susah karena idenya itu yang suka gak keluar, saya coba-coba design pake pen tool untuk membuat design bebas, hasilnya kayak gini ..

Page 75: Edit Photoshop 1

Mau tau cara bikinnya ?

Sebelum membuat file baru tekan D dan X untuk membuat settingan background color hitam dan foreground color putih.

  

kalo udah, baru deh bikin document baru

Page 77: Edit Photoshop 1

Klik kanan klik make selection, lalu klik add new layer untuk membauat layer baru. warnai dengan warna putih dengan menggunakan brush tool.

Page 78: Edit Photoshop 1

Klik Select > feather untuk Photoshop CS2 ke bawah atau  Select > Modify > feather untuk photoshop CS3. Setting feather menjadi 5. lalu tekan Delete ( maaf langkah ini sebelumnya gak ada, lupa ketulis .. hhehehe.. sorry yaa.. )

jadinya seperti ini :

Sekarang Copy dan putar.. caranya, sambil tekan tombol ALT , putar gambar nya, kira-kira 30 derajat.

Page 79: Edit Photoshop 1

 

terus atur letaknya.

pilih layer paling atas terus tekan CTRL + E untuk menggabungkan. setelah gabung, copy lagi dan putar, dan atur letaknya , sehingga jadinya kayak gini :

Page 80: Edit Photoshop 1

Sekarang tekan Ctrl + J untuk menduplikat layer, lalu Klik Filter > blur > motion blur,

Terus Tekan CTRL+ E untuk menggabungkan layer. Sekarang kita duplikat layer 1 dengan menekan CTRL +J lalu putar hasil duplikatnya sebesar kira2 60 derajat. Duplikat sekali lagi.. dan putar, jadinya seperti ini :

Page 81: Edit Photoshop 1

Sekarang kita warnain, klik add new layer untuk membuat layer baru, lalu klik gradient Settingan warnanya sesuai selera aja. Saya gunain warna ini :

Tarik gradient dari pojok kanan atas ke pojok kiri bawah.

Page 83: Edit Photoshop 1

Ada banyak macam cara bikin web 2 style ini.. saya coba bikin cara yang sederhana yaa..

Pokoknya maknyuss pemirsa.. hehehe…

pertama buat dokumen baru :

Bikin shape dengan rounded marque tool

Page 84: Edit Photoshop 1

Klik kanan kotaknya lalu klik make selection. abis gitu klik New layer .. 

Page 85: Edit Photoshop 1

Warnain pake item.. pake Brush aja..

Page 86: Edit Photoshop 1

klik kanan layer 1 , klik blending Option.. terus contreng gradient overlay setting seperti dibawh :

Page 87: Edit Photoshop 1

Jangan dulu di OK in… setting Stroke nya juga seperti dibawah :

Tetep jangan di OK in… Lalu Settung eh.. setting inner glow nya, tetepp.. seperti dibawah :

Page 88: Edit Photoshop 1

Nah boleh deh tuh.. di OK in ..

Terus Bikin kotak kecil di dalemnya pake rounded rectangle tool .. cara bikin nya seperti, bikin kotak yang gede yaa… masa lupa sih… bisa kan yaa..

Page 89: Edit Photoshop 1

lalu klik new layer lagi , terus klik Quick layer mask seperti gambar di atas.

Tarik gradient dari atas ke bawah.. setting seperti gambar di bawah yaa..

Page 90: Edit Photoshop 1

Jadi deh… kasih tulisan ditengah nya.. tulisan apa aja… mau nama kamu, nenek kamu, ibu kamu, terserah deh pokoknya.. hehehe..  jadinya kayak gini nih :

keren kan boss… ?

kalo mau berwarna … Tinggal klik kanan layer 1 , klik blending option.. klik gradient overlay..

Page 91: Edit Photoshop 1

warnain deh tuh.. saya coba kasih warna ijo yaa..

Ok.. Ok in..

Page 92: Edit Photoshop 1

hasilnya gini nih..

Selamat mencoba…

Efek Cat Air pada Foto Posted by Sigit eko on Mar 19th, 2009 in Belajar Photoshop, Photoshop Basic | 60 comments

Melukis Cat air pake photoshop mah gampang banget.. cobain deh..

Buka file gambar yang mo dijadiin lukisan cat air.. saya pake foto yang diambil oleh Haikal ( anak saya ) di akuarium.. lumayan juga kan ?  buat umur 5 tahun saya kira fotonya bagus.. hehehe (Narsis mode-ON)

Tekan CTRL + J di layer foto untuk duplikat .. terus klik image>adjustment>desaturate atau tekan CTRL + SHIFT + U untuk membuat foto jadi hitam putih..

Page 93: Edit Photoshop 1

Sekarang tekan lagi CTRL+J di layer foto yang udah ter-Desaturate.Klik Image>adjustment>invert atau tekan CTRL+i

Ubah layer efek menjadi Color Dodge di layer yang udah di-Invert.

Page 94: Edit Photoshop 1

Klik Filter>Blur>Gaussian blur di layer yang sudah dikasih Color dodge.

sekarang keliatan kayak gambar pake pensil..  Warnai dengan cara Tekan CTRL+E di layer paling atas (menggabungkan 2 layer. layer atas ke layer bawahnya). Ganti Layer Effect nya menjadi Luminosity.

Page 96: Edit Photoshop 1

untuk memperhalus,  beri sedikit transparan pada effect fresco dengan cara klik Edit > Fade Fresco atau tekan CTRL+SHIFT+F

Hasil Akhir :

Page 98: Edit Photoshop 1

Tutorial Photoshop  ini untuk yang udah ngerti tool-tool di photoshop.. Kalo yang belum ngerti silahkan baca-baca dulu teori dasarnya dan praktekin dulu tutorial tingkat dasar.  tapi kalo mau coba silahkan aja.. gak ada yang ngelarang kok..

Efek Dream maksudnya kita harus bisa menghayal sesuatu yang kira-kira enggak mungkin menjadi mungkin..dan diaplikasikan menjadi sebuah foto yang unik. Teknik yang dipake banyak alias campur aduk, makanya tadi saya bilang harus ngerti dulu tool-tool photoshop.

Semua gambar pendukung bisa download. Klik gambar tumbnail untuk memperbesar lalu Klik kanan > Save file

ya udah sekarang kita mulai aja.. sediakan gambar hutan seperti ini :

Page 99: Edit Photoshop 1

Perbesar canvas nya.. klik Image > Canvas size

hasil perbesarannya kayak gini

Page 100: Edit Photoshop 1

sekarang buka gambar danau, lalu drag ke gambar hutan

Page 101: Edit Photoshop 1

Seleksi bagian yang di tandai merah

Page 103: Edit Photoshop 1

Sekarang kita buat bayangan pohon.. duplikat layer background dengan menekan ctrl + J, simpan layer hasil duplikasi di paling atas.

Klik Edit > Transform > Flip Vertical

Page 104: Edit Photoshop 1

lalu ubah opacity nya

Seleksi bagian foto yang ditandai merah

Page 106: Edit Photoshop 1

sampe segini bisa kan ? udah mulai keliatan keren tuh..

sekarang buat bayangan seolah-olah beriak.. Klik Filter > Distrort > Ripple

Page 107: Edit Photoshop 1

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

bayangan gunung masih keliatan.. gpp.. nanti juga tersamarkan

Page 108: Edit Photoshop 1

kita buat efek dream .. menggukana diffuse glow.. Tekan CTRL + J untuk menduplikat layer background .. Klik Filter > distort > diffuse Glow.

Sekarang pake teknik clone untuk menghilangkan bayangan gunung.. Cara Clone sudah saya posting disini

Page 110: Edit Photoshop 1

Sampe disini udah keliatan keren kan ?  hehehe..

ayo kita terusin..

klik Image > Adjustment > Brightness/contrast

klik Image > Adjustment > Hue/Saturation

Page 111: Edit Photoshop 1

Buka file Butterfly girl lalu seleksi dengan penTool

Page 112: Edit Photoshop 1

Cara buat Butterfly Girl sudah saya posting disini

yang belum bisa silahkan buat dulu..

klik kanan yang sudah terseleksi > make selection

Page 113: Edit Photoshop 1

Klik Select > Modify > Feather

Drag foto yang udah terseleksi ke dalam gambar hutan

Page 114: Edit Photoshop 1

Klik Image > Adjustment > Hue/Saturation

Page 115: Edit Photoshop 1

Klik Image > Adjustment > Brighness /Contrast

Klik kanan layer butterfly girl atau layer 5 > Blending Option atau klik 2 kali di layer 5

Page 116: Edit Photoshop 1

Kita buat orang nya sedikit bercahaya.

Sekarang buat seolah-olah kakinya nyelup ke aer.. jadi musti ada riakan dong… nah buka gambar air lalu drag ke foto hasil edit tadi

atur sedemikian rupa .. lalu hapus bagian pinggirnya supaya gak keliatan kotak.

Page 117: Edit Photoshop 1

Klik Image > Adjustment > Hue/saturation buat air ..

Page 118: Edit Photoshop 1

Buat Opacity nya menjadi 50 %

sekarang Hapus sebagian kaki biar keliatan nyelup..

Page 119: Edit Photoshop 1

Duplikat riakan air dan tempatin di kaki sebelahnya

hapus bagian kaki biar keliatan nyelup..

Page 120: Edit Photoshop 1

Duplikat lagi riakan air tadi.. dengan menekan CTRL + J.. lalu perbesar..

Hapus bagian tengah riakan yang besar dengan eraser tool

Page 121: Edit Photoshop 1

Buat bayangan orang nya.. cara bikinnya sama kok sama waktu buat bayangan pohon.. .. dan Hasilnya

Page 122: Edit Photoshop 1

Gimana ? bingung ya ? Coba terus sampe Bisa !!

Selamat mencoba..

Efek Grid pada Foto Tamara Bleszynski Posted by Sigit eko on Feb 11th, 2010 in Belajar Photoshop, Photoshop Basic | 71 comments

Kenal Tamara Bleszynski kan ? Saya sekarang pake Foto Tamara Bleszynski sebagai objek … karena saya kira ini bakalan cocok kalo menggunakan efek Grid ini.

Ini sebenernya efek sederhana saja.. tapi hasilnya bisa mengakibatkan foto jadi tambah elegan… menurut saya sih..Cara bikinnya simpel banget dan mudah banget..

Dengan tutorial ini saya harap photoshoper bisa ngerti cara gimana membuat suatu PATTERN.  Pattern itu bukan artist.. artis nya tetep tamara Bleszynski.. hehehe.. jadi jangan salah..

Page 123: Edit Photoshop 1

Pattern itu suatu objek yang dibuat hanya dengan membuat gambar dasar nya aja dan sifatnya Kontinyu.. fungsinya untuk memFILL dokumen dengan bentuk yang kita inginkan.. hmm…pasti bingung .. untuk lebih jelasnya kita menuju Te..Ka.. Pe…

Buka foto Tamara Bleszynski sebagai objek penderita..( kalo mau download tinggal klik kanan aja > save file As )

Sekarang kita belajar membuat pattern nya.. ( bentuk yang nanti bakal ditempel diatas foto Tamara Bleszynski)

buat dokumen baru ukuran kecil aja 10×10 pixel dengan resolusi 72 pixel / inch..  jangan lupa background nya transparan

Page 124: Edit Photoshop 1

Zoom sebesar-besarnya.. pokoknya asal keliatan deh..

Buat garis tepi di kiri dan atas dengan menggunakan PENCIL TOOL..warna Hitam

Page 125: Edit Photoshop 1

Kalo udah klik Edit > Define Pattern

Page 126: Edit Photoshop 1

Tulis nama pattern nya.. saya beri nama default nya aja yaitu pattern 1.

Buka lagi foto Tamara Bleszynski..

Buat layer baru..dengan klik layer > new > layer .. atau klik tombol add new layer seperti yang ada di gambar

Page 131: Edit Photoshop 1

Hasilnya :

untuk yang lainnya silahkan coba-coba sendiri ya..

Selamat mencoba

Foto Sandra Dewi Dibuat Hitam Putih tapi Glamor Posted by Sigit eko on Jan 30th, 2010 in Belajar Photoshop, Photoshop Basic | 109 comments

Tutorial ini saya posting ulang karena ada langkah yang kelewat.. hehehe… maaf ya.. namanya juga manusia, pasti ada kesalahannya..hehehe . Makasih buat yang udah ngasih tau..

Ternyata peminat efek ini hitam putih banyak juga.. terbukti setelah saya posted di facebook komen langsung bergentayangan ..hehehe. Cara buat Efek Glamor hitam putih gampang banget dan simple banget  alias gak ribet njelimet.

Saya pake Foto Sandra Dewi aja ya.. biar web Blog ilmuphotoshop ini bukan lebih dari sekedar blog Tutorial Photoshop doang.. tapi blog foto-foto artis yang pengen mejeng disini.. hehehe.. gak deng.. saya nya aja yang pengen foto-foto artis terkenal ada di web blog ini.

Sebelumnya saya minta Maaf kepada Mba Sandra Dewi karena saya pinjem foto nya buat edit.. biar blog saya lebih terkenal lagi gitu lho Mba .. kayak Mba Sandra Dewi.. 

Page 132: Edit Photoshop 1

Saya ngambil foto ini lupa dari mana soalnya dapet dari Google Image.. maaf juga buat photografer nya karena saya pake foto karya sampean.. 

Mulai..

Buka foto Sandra Dewi ..

Kalo mau yang original size dengan Resolusi 300 pixels download yang ini

Klik foto untuk memperbesar.. lalu download

Page 133: Edit Photoshop 1

Gunakan Crop Tool untuk memotong bagian muka Sandra Dewi. Efek ini lebih bagus dipake untuk foto Close UP soalnya..

Pilih bagian yang mau di crop.. lalu tekan Enter atau Klik 2x. kalo udah Duplikat Layer dengan menekan CTRL + J ..

Di layer hasil duplikat gunakan PEN TOOL untuk menyeleksi bagian yang gak kepake.

Page 134: Edit Photoshop 1

Klik kanan di area seleksi tadi.. klik Make Selection

Page 135: Edit Photoshop 1

Klik Select > Modify > Feather untuk menghaluskan seleksi nantinya.. sekarang tekan DELETE di keyboard.

Page 136: Edit Photoshop 1

Hasilnya  ( Matikan Layer background untuk melihat hasil nya ) :

Klik Image > Adjustment > Hue/ Saturation

Page 137: Edit Photoshop 1

Sekarang Klik Image > Adjustment > Brightness/Contras

Duplikat layer 1 dengan menekan CTRL + J

Klik Filter > Blur > Gaussian Blur

Page 138: Edit Photoshop 1

Ini Langkah yang kelewat ditulis..

Ubah blending style menjadi hard light

Page 139: Edit Photoshop 1

Nyalakan Lagi Layer Background dengan mengaktifkan gambar Mata di samping layer background.

Ubah layer background menjadi layer berwarna Putih dengan menekan tombol CTRL + Backspace atau Shift +Backspace ( Tergantung dari foreground dan background color)

Gunakan Dodge TOOL untuk menghilangkan warna Hitam disekitar foto.

Page 140: Edit Photoshop 1

Dodge Tool bisa juga digunakan untuk memutihkan wajah kita juga lho..

Hasil Akhirnya kayak gini :

Page 141: Edit Photoshop 1

Gimana? Mantep dan Gampang kan ?

Jadi hasil yang bagus gak selamanya harus pake cara yang rumit.. 

Tutorial efek tulisan dengan Photoshop ini cukup mudah. Mungkin malah sudah banyak yang tahu. Tutorial ini memang sengaja saya susulkan untuk di publikasikan. Karena teknik ini akan digunakan juga pada tutorial yang mendatang.

Pada tutorial ini kita akan belajar cara memasukkan sebuah foto / gambar kedalam tulisan ataupun obyek lain.

Langkah 1Bukalah sebuah file foto / gambar, atau buatlah sebuah file baru. Ukuran file bisa disesuaikan dengan keinginan Anda.

Page 142: Edit Photoshop 1

Tujuan langkah ini adalah agar kita mempunyai sebuah file yang digunakan untuk mengetik.

Langkah 2Pada file tersebut (langkah ke-1), buatlah sebuah tulisan dengan menggunakan type tools. Usahakan untuk memilih jenis huruf yang tebal. Misalnya Arial Black, Impact.

Langkah 3Bukalah file foto / gambar yang akan dimasukkan ke dalam tulisan. Jika file tersebut sudah dibuka, geserlah file tersebut kedalam file tulisan dengan menggunakan Move tool. Lebih lanjut, tentang Move tool, bisa dibaca di sini.

Page 143: Edit Photoshop 1

Langkah 4Pastikan urutan layer seperti gambar berikut ini:

Layer foto diatas sendiri, kemudian layer tulisan dibawahnya.

Jika posisi layer sudah benar, pastikan layer yang aktif adalah layer foto.Sekarang:

Tekan tombol Ctrl + Alt + G, pada Photoshop 7, atau Pilih menu Layer > Create Clipping Mask (Ctrl + G), pada Photoshop CS, atau

Pilih menu Layer > Create Clipping Mask (Ctrl + Alt + G), pada Photoshop CS3.

Foto sudah masuk kedalam tulisan. Jika perlu, bisa Anda tambahkan Layer style misalnya Bevel and Emboss atau Drop Shadow.

Page 144: Edit Photoshop 1

Berikut ini adalah gambar dari tutorial photoshop ini yang sudah jadi.

Selamat mencoba.

Membuat “Real” Tatoo Posted by Sigit eko on Jul 1st, 2009 in Belajar Photoshop, Photoshop Basic | 75 comments

Pesan Sponsor : Stop Dreaming Start Action … hehehe

Di tatoo pastinya sakit banget yaa.. hmm.. gak tau juga deng.. wong saya gak pernah.. tapi kalo pake photoshop ditatoo itu gak sakit sama sekali meski di tatoo di bagian ehem.. hehehe.. ( di mata -red) . Cara nya gampang banget lagi…

Buka gambar yang mau di Tatoo in .. biasaaaa .. saya pasang gambar anak saya.. bukannya mau Nepotisme.. tapi kalo pake gambar orang lain apalagi Pejabat.. bisa-bisa nasib saya kayak Mba Prita.. hehehehe

Page 145: Edit Photoshop 1

Buka juga gambar Model Tatoo nya :

Kalo mau pake Tinggal di klik kanan trus save image as .. formatnya udah PNG .. jadi nanti pas dibuka udah bentuk transparan.

Drag Gambar naga tadi ke gambar Foto.. Otomatis nanti akan terbentuk layer baru

Page 146: Edit Photoshop 1

Simpan di bagian tubuh yang mau ditato-in.. Digeser, diputer terus di resize..

Di layer 1 , Ganti Layer Option menjadi COLOR.

Page 147: Edit Photoshop 1

Klik kanan layer 1 , klik Blending Option ( kalo mau cepet Klik 2x layer 1 )

Setting seperti dibawah

Warna terserah aja yaa.. gak usah terpaku sama Hitam .

Klik Ok..

Lalu ubah Opacity layer1 menjadi 50%.

Page 148: Edit Photoshop 1

Kalo mau nambah tatoo.. tinggal Klik kanan di layer > Copy layer Style.. kalo ada gambar tatoo baru.. tinggal klik kanan > Paste layer style.

Tapi kalo mau pake gambar tatoo yang sama tinggal duplikat aja dengan cara Drag sambil tekan Tombol ALT.

Simpen ditempat yang mau ditatoo in.

Hasilnya :

Page 149: Edit Photoshop 1

Selamat mencoba..

Membuat Animasi Berubah bentuk dengan Photoshop Posted by Sigit eko on Jun 23rd, 2009 in Belajar Photoshop, Photoshop Basic | 61 comments

Berhubung saya lagi suka animasi.. hehehe.. saya bikin yang animasi lagi aja yah..Postingan animasi pertama adalah yang bergerak.. tapi tidak bisa merubah bentuk, karena pake cara manual. Sekarang saya coba pake cara mengimport dari Layer .. jadi kita bisa ubah-ubah bentuknya sebelum dijadiin animasi. bingung ya? langsung aja deh..

Buka dokumen baru :

Page 150: Edit Photoshop 1

Klik CUstom Shape tool , pake yang Heart  yaa.. biar bagus.. hehe

Page 151: Edit Photoshop 1

Klik Path selection tool… Klik kanan gambar heart lalu pilih Make selection..

Page 152: Edit Photoshop 1

Buat layer baru.. pake gradient tool untuk warnain Heart tadi.

Settingannya gini :

Page 153: Edit Photoshop 1

DUplikat gambar heart dengan menekan tombol CTRL + J .. lalu Kecilin.. jangan lupa sambil tekan tombol SHIFT + ALT biar letak hasil pengecilan nya tetep. ( bahasanya ribet amat ya..)

Page 154: Edit Photoshop 1

Duplikat lagi layer yang barusan jadi.. lalu kecilin lagi.. cara nya sama ya..

Duplikat sekali lagi..dan kecilin

Sekarang buat layer baru diatasnya layer background.

Page 155: Edit Photoshop 1

Delete layer background. Klik kanan layer background > delete layer

Posisi terakhir di Layer Palette

Sekarang buka jendela Animasi .. Klik Windows> animation

Page 156: Edit Photoshop 1

Klik Tombol menu yang ada dipojok jendela animasi lalu Klik Make Frames from Layer.

Semua layer terbagi rata berdasarkan Urutan dari layer bawah ke layer atas..

Page 157: Edit Photoshop 1

Delay Time nya Jadiin 0,1 second semua.

Hapus Frame yang kosong.. alias gak ada gambar nya alias blank.

Sekarang Save Hasilnya.. Klik File > Save for web & Devices

Hasilnya :

Page 158: Edit Photoshop 1

Selamat mencoba..

Coba terus otak atik… dan gabungin dengaan cara bikin animasi yang pertama.

COBA…COBA….COBA… sampe bisa

Membuat Anyaman dari Foto dengan Photoshop tentunya.. Posted by Sigit eko on Aug 24th, 2009 in Belajar Photoshop, Photoshop Intermediate | 75 comments

Desain grafis atau graphic design macem-macem aja, masa bikin anyaman dari foto?? emang bisa?

tentu saja bisa .. kan ada photoshop? mau?

Kadung janji ama orang-orang di facebook mau posting malem ini.. jadi..  Sebagai lelaki sejati tentunya kalo janji harus ditepatin .. hayah.. hehehe..  Setelah mandi, buka puasa , Sholat Taraweh dan sambil makan eMpek-Empek.. baru deh bisa posting dengan santai dan damai.. :p

Yuk ah mulai..

Buka foto yang mau dibikin anyaman.. Saran saya , cari foto yang sedikit background putihnya.  Soalnya nanti bakal timbul  garis yang bikin efek ini gak sempurna.

Sebagai contoh saya pake  foto Nadia lagi, yang ada background putihnya.. supaya pada tau yang saya maksud. 

Page 159: Edit Photoshop 1

Untuk memudahkan pembuatan anyaman, saya gunakan GRID : ini fungsinya sebagai garis bantu aja.

Cara menampilkan grid, Klik view > Show > Grid (CS3) .

Page 160: Edit Photoshop 1

untuk setting grid nya sendiri Klik Edit > preferences > General

saya pilih 3 cm karena gambar nya kecil. kalo besar laen lagi ukurannya .. jadi itu tergantung  besar Photograph nya. Terus gunakan warna yang kira-kira nyaman aja..

hasilnya :

Page 161: Edit Photoshop 1

Duplikat layer background sebanyak 2 kali , jadi Tekan CTRL + J sebanyak 2 kali. Ubah nama nya menjadi Horizontal dan Vertikal.

Layer Background diubah menjadi warna Hitam dengan menekan ALT + Backspace ( syaratnya Foreground color musti Hitam ya )

Page 162: Edit Photoshop 1

Buat kotak-kotak horizontal di layer Horizontal… Gunakan Rectangle marquee Tool.

Jangan lupa tekan tombol SHIFT untuk membuat kotak lain ke bawah nya.

Fungsi Grid sekarang baru kerasa.. hehehe.. jadi buat kotak memanjang ukuran 2 kotak grid lalu buat kotak lain dibawahnya dengan melewati 1 kotak grid.. begitu seterusnya.

Page 164: Edit Photoshop 1

Sekarang ke Layer Vertikal.

Buat kotak-kotak seperti  layer horizontal, bedanya kotak-kotak yang dibentuk sekarang arah vertikal.. setelah terbentuk Klik add layer mask di layer vertikal.

Sekarang hilangkan Grid nya.. karena mengganggu banget hehehe..  Klik View > Show > grid (lagi) nanti contreng nya Ilang.

Page 165: Edit Photoshop 1

CTRL+Klik layer mask Horizontal lalu CTRL+ALT+SHIFT + klik layer mask Vertical

hasilnya akan ada seleksi – an banyak kotak…

Page 166: Edit Photoshop 1

Hapus sebagian kotak seperti pada gambar di bawah.

Page 167: Edit Photoshop 1

Gunakan Rectangle marquee tool. Seleksi kotak yang mau dihapus satu persatu sambil tekan Tombol ALT.

Tekan CTRL + J untuk mengcopy kotak-kotak hasil seleksi tadi.

Page 168: Edit Photoshop 1

sekarang kita buat seleksian kotak-kotak yang sebaliknya..

Tekan CTRL + klik layer mask horizontal dan CTRL+ALT+SHIFT + klik layer mask Vertical

nanti kebentuk lagi seleksian kotak-kotak seperti sebelumnya

Page 169: Edit Photoshop 1

hapus kotak-kotak kebalikan dari yang pertama.. Caranya sama aja kok dengan yang tadi, gunakan rectangle marquee tool..

Page 170: Edit Photoshop 1

kalo udah diapus sebagian kotaknya Tekan CTRL + J ( posisi cursor di layer Vertical )..

Page 171: Edit Photoshop 1

Pilih layer baru tadi. tekan CTRL + ALT + G untuk Clipping mask . sama juga untuk layer1.

Untuk Photoshop CS ke bawah  : Tekan  ALT lalu arahkan cursor garis separator antara layer 1 dan layer Horizontal.

nanti muncul tanda 2 Lingkaran kecil seperti ini :

Klik kanan layer 1 > Blending Options, Setting seperti dibawah

Page 172: Edit Photoshop 1

Beri Settingan yang sama untuk layer 2.

hasilnya :

Page 174: Edit Photoshop 1

Stop Dreaming Start Action nya jangan lupa yaa…

Selamat Mencoba!

Membuat Bendera Kusut Posted by Sigit eko on Jan 29th, 2009 in Belajar Photoshop, Photoshop Intermediate | 120 comments

Pertama buka gambar kain atau download aja.. klik gambarnya untuk memperbesar .. lalu klik kanan kainnya trus save image as ..

buka di photoshop terus di save ke psd file .. jadi kain.psd

gambar kain nya gak usah ditutup.. biar aja kebuka.. nanti gambar kainnya dipake.

Page 175: Edit Photoshop 1

Buka dokumen baru

bikin kotak pake rectangle marque tool terus warnain dengan warna merah.. buat seperti bendera kita.

Tekan CTRL + D untuk menghilangkan seleksi..

Klik Filter > distort > Displace

Page 176: Edit Photoshop 1

tekan Ok.. lalu pilih file Kain.psd

Drag ( tarik sambil tekan mouse -red ) gambar kain ke gambar bendera

Page 177: Edit Photoshop 1

di pas- pas in deh gambar kain nya sehingga sama dengan gambar bendera .. Tekan CTRL + SHIFT + U atau klik Image > Adjustment > desaturate untuk membuat warna kain jadi hitam putih..

Untuk Finishing , setting di layer palette kayak gini :

Page 178: Edit Photoshop 1

Hasil nya, gambar bendera tadi jadi seperti kain beneran .. kusut-kusut gitu deh..

Cobain ke gambar-gambar atau foto.. atau gambar  kain batik seperti dibawah :

Page 179: Edit Photoshop 1

Selamat mencoba..

PR: wait… I: wait… L: wait…LD:

wait…I: wait… wait… C: wait… SD: wait…

Membuat Bingkai Kayu Realistik pada Foto Miyabi a.k.a Maria Ozawa Posted by Sigit eko on Nov 11th, 2009 in Belajar Photoshop, Photoshop Intermediate | 64 comments

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

Page 180: Edit Photoshop 1

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

Page 181: Edit Photoshop 1

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

Page 182: Edit Photoshop 1

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

Page 183: Edit Photoshop 1

ganti layer style nya menjadi Soft light.

Page 184: Edit Photoshop 1

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.

Page 185: Edit Photoshop 1

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.

Page 186: Edit Photoshop 1

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.

Page 187: Edit Photoshop 1

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

Page 188: Edit Photoshop 1

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

Drag foto tersebut ke dokumen bingkai yang baru dibuat.

Page 189: Edit Photoshop 1

Atur letak layernya sehingga berada di atas layer background

Page 190: Edit Photoshop 1

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%

Page 191: Edit Photoshop 1

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

Page 192: Edit Photoshop 1

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

Page 194: Edit Photoshop 1

Miyabi a.k.a Maria Ozawa

Udah jadi..

Silahkan Coba..

See u di tutorial photoshop yang lain..

Membuat Efek Cinema pada Foto Posted by Sigit eko on Jul 27th, 2009 in Belajar Photoshop, Photoshop Basic | 113 comments

Saya suka banget bikin efek  foto dengan campur tangan si Blur bukan Brur..  .. Nah efek cinema ini sudah dipastikan pake blur.. hasil nya nanti mungkin jadi seperti ini :

Page 195: Edit Photoshop 1

Ayoo.. gimana? Mantep tho.. enak tho.. daripada naek busway kesasar.. hehehe

Pengen tau cara bikinnya ? ya udah langsung Action aja

Buka foto yang mau diedit..

saya gak pake foto diatas.. tapi pake foto anak saya lagi berenang..

Duplikat layer dengan menekan CTRL + J ..

Page 196: Edit Photoshop 1

Di layer baru tadi klik Image > Adjustment > Hue/saturation

Klik Image > Adjustment > Exposure

Page 197: Edit Photoshop 1

Angka-angka di atas disesuaikan dengan gede gambarnya nanti..

Sekarang Duplikat lagi layer yang baru diedit tekan CTRL + J

Klik Filter > Blur > Lens Blur

Page 199: Edit Photoshop 1

Gunakan Brush Tool  dengan warna Hitam.. Ini untuk mewarnai layer mask tadi dengan warna Hitam.

Klik kanan di layar gambar .. lalu ubah settingan Brush nya..

Page 200: Edit Photoshop 1

Brush menggunakan Soft Round Brush .. ( yang pinggir-pinggirnya keliatan nge-Blur) .. Usahakan Ukuran Master Diameter nya gede.. kira-kira hampir sebesar foto yang diedit..

Klik di tengah foto beberapa kali.. kira-kira 2-3 kali lah. kasih merica sedikit.. dan garam secukupnya

Sehingga di layer mask tadi ada gambar lingkaran ber Blur..

Sekarang supaya gambarnya lebih soft lagi.. Buat layer baru.. warnai dengan warna hitam , Opacity = 50%.

Page 201: Edit Photoshop 1

Buat layer mask juga di layer yang ini.. caranya seperti yang tadi yaa.. masih inget kan?? kalo gak inget.. silahkan roll lagi ke atas..

Page 202: Edit Photoshop 1

Terakhir.. Buat kotak dengan Rectangle marquee tool .. lalu Klik Select > inverse sehingga yang ke select sekarang adalah bagian atas dan bawah aja..

Sekarang warnain deh menggunakan Paint Bucket Tool dengan warna hitam ..

Page 204: Edit Photoshop 1

Saya kasih contoh hasil dengan menggunakan cara-cara diatas :

Sebelum

Sesudah

Ini hasil yang laen

Page 206: Edit Photoshop 1

Gimana? kayak photographer profesional kan hasilnya ?? hehehe.. Photoshop tea..

Ya udah Selamat mencoba..

Pada tutorial photoshop kali ini kita akan membuat efek foto siluet dengan Photoshop. Yang dimaksud dengan siluet disini adalah sebuah gambar yang mempunyai latar belakang kontras dengan obyek atau model fotonya. Berikut ini tutorial tentang prinsip pembuatannya dengan Photoshop yang mudah. Kalau sulit, itu adalah cara menyeleksi gambarnya.

Langkah 1Bukalah sebuah foto dengan Photoshop.

Langkah 2

Buatlah seleksi pada obyek atau modelnya dengan Photoshop. Cara membuat seleksi ini ada banyak, bisa dibaca pada kategori seleksi.

Page 207: Edit Photoshop 1

Langkah 3

Pilih menu Edit > Copy kemudian Edit > Paste. Tujuan langkah ini adalah untuk membuat agar gambar foto berada pada layer yang berbeda.

Langkah 4Munculkan seleksi pada layer baru tersebut dengan cara melakukan CTRL + klik pada thumbnail layernya.

Langkah 5Isi seleksi tersebut dengan dengan warna hitam. Caranya dengan memilih menu Edit > Fill. Pada bagian Use, pilih Black kemudian klik OK.

Page 208: Edit Photoshop 1

Secara alternatif Anda juga bisa menekan D di keyboard, kemudian tekan ALT + Backspace.

Selain cara-cara diatas, ada banyak cara lagi yang bisa digunakan untuk membuat layer ini berwarna hitam. Misalnya dengan Anda sapukan Brush tool atau dengan menggunakan Layer style.

Langkah 6Hilangkan seleksi ( Select > Deselect ).

Langkah 7Pilih layer background, kemudian ulangi langkah ke-5. Kita isi dengan warna hitam yang pekat.

Langkah 8Beri efek dengan memilih menu Filter > Render > Lens Flare. Atur seperti gambar dibawah ini.

Page 209: Edit Photoshop 1

Berikut ini gambar yang sudah diberi filter Lens Flare.

Page 210: Edit Photoshop 1

Gambar dengan efek foto siluet sudah selesai kita buat dengan Photoshop. Anda bisa mencoba mengkreasikannya lagi, misalnya seperti gambar dibawah ini. Pada gambar ini, foto tersebut tidak sepenuhnya hitam. Ada bagian yang nampak masih berwarna, ada juga yang nampak transparan.Caranya mudah. Asal Anda memahami tujuan dari tiap langkah yang dilakukan pada tutorial photoshop di atas pasti bisa membuatnya.

Selamat mencoba efek foto siluet ini dengan Photoshop.

Page 211: Edit Photoshop 1

Membuat Efek Kembar Posted by Sigit eko on Jun 13th, 2009 in Belajar Photoshop, Photoshop Basic | 82 comments

Di Facebook banyak yang kirim foto-foto kembar untuk minta di review.. hasilnya Oke juga.. lucu.. gila..

Ada temen yang kirim foto nya minta dibikinin tutorial tentang foto kembar3..Nama temen itu Syarif .. dia Jomblo lho.. kalo ada minat silahkan hubungi sayah.. hayah.. jadi promo si syarif gini.. :p …

Jadi intinya untuk membuat foto kembar..

- Pilih angle kamera yang pas.. lalu simpan kamera dan jangan diubah2 posisi nya atau lebih bagus pake TRIport. supaya paten..

hasil jepretan yang kirim foto ..ada 3 foto yang background nya sama.

Page 212: Edit Photoshop 1

Kalo udah dapet 3 foto .. sekarang kita buka foto-foto itu di Adobe photoshop..

Page 213: Edit Photoshop 1

Saya pilih yang jadi background  foto yang lagi tutup idung ..

Drag foto yang lagi berdiri ke dalam foto yang tutup idung..

lalu drag juga foto yang lagi Melet ke foto yang tutup idung

Page 214: Edit Photoshop 1

Sekarang kita punya 3 foto dalam 1 dokumen..

layer paling atas yang lagi melet, di layer tengah gambar yang lagi berdiri dan backgorund nya yang lagi tutup idung..

Page 215: Edit Photoshop 1

pilih layer paling atas ( yang lagi melet ) lalu hapus pake Eraser tool bagian yang berwarna kuning ..

Page 216: Edit Photoshop 1

kalo kurang Pede gak bersih erase nya.. Hide layer dibawahnya dengan mengklik gambar mata.

Page 217: Edit Photoshop 1

Kalo udah rapi .. nyalain lagi layer yang tadi di Hide.

Sekarang pilih layer yang tengah atau yang lagi berdiri..

hapus bagian kiri bawah..

Page 219: Edit Photoshop 1

Mumpung masih bulan Syawal..  saya ucapin Mohon Maaf Lahir & Bathin , Mungkin dalam penulisan tutorial photoshop selama ini  ada kata-kata saya yang menyinggung, ada yang kurang puas karena tutorialnya jelek, ada yang komen atau imel yang gak kebales .. Semua emang karena saya hanya Manusia Biasa yang gak luput dari salah dan dosa..  Sekali lagi.. Maaf lahir dan Bathin ya..

Baca juga artikel tentang keindahan alam di Indonesia di Kenali dan kunjungi objek wisata di pandeglang

Lanjut ke tutorial..

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

Page 220: Edit Photoshop 1

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.

Gunakan pucker tool untuk mengecilkan bagian bibir dan hidung

Page 221: Edit Photoshop 1

Sekarang gunakan FOrward Warp tool untuk mengecilkan bagian rahang dan dagu.

Page 222: Edit Photoshop 1

Tekan CTRL + D 2 kali untuk menduplikat layer background. Delete layer background nya..

Page 224: Edit Photoshop 1

Ganti layer Effect ke Hard light

Tekan CTRL + E untuk menggabungkan layer yang atas dengan layer dibawahnya

Klik Filter > Stylize > Diffuse

Page 225: Edit Photoshop 1

Klik Filter > Sharpen > Smart Sharpen untuk mempertajam gambar

Page 226: Edit Photoshop 1

Klik Image > adjustments > Curves

Page 227: Edit Photoshop 1

Dicoba-coba aja ya.. nilainya gak harus sama kok..

Nah.. hasilnya jadi gini :

Page 229: Edit Photoshop 1

Selamat Mencobaa..

Jangan lupa jalan-jalan ke pandeglang ya.. 

Sebenernya ini mempelajari supaya kita bisa membuat efek yang sama di setiap layernya dengan cara yang mudah. Sebelumnya edit dulu foto yang mau di pecah mau di jadiin sephia, atau di warnain dulu atau diapain kek terserah aja.. Yang saya contohkan cuman cara nya saja, dan hasilnya mungkin gak bagus.. saya percaya .. kamu pasti bisa bikin yang lebih bagus…

pertama buka foto nya :

 

Terus tekan ctrl + J untuk menduplikan… lalu klik ke layer background.. tekan CTRL + backspace untuk meng clear-in gambarnya.. jadi putih deh background nya.

Page 230: Edit Photoshop 1

Gunakan Polygonal lasso tool untuk membuat kotak di layer duplikat tadi. Setelah terseleksi, tekan ctrl+X untuk CUT gambar yang terseleksi dan Tekan CTRL+ V untuk paste sekaligus membuat layer baru, geser gambar yang dihasilkan ke tempat semula.

Page 231: Edit Photoshop 1

Lalu Klik kanan layer yang baru terbentuk trus klik blending option. Contreng Efek Stroke nya… terus setting seperti di gambar ( catatan: sesuaikan aja List putih nya yaa, size nya jangan terpaku pada tutorial ini , karena setiap gambar beda-beda ukurannya)

Setelah stroke tadi di Ok in… skarang pindah lagi ke layer gambar utama nya.. trus seleksi lagi pake polygonal lasso tool, tekan CTRL +X untuk cut dan tekan CTRL + V untuk paste… lalu geser ke tempat semula.

Page 232: Edit Photoshop 1

 Klik kanan layer image yang udah di beri list (stroke) Putih lalu tekan copy layer style.

Pindah ke layer gambar yang kedua , lalu klik kanan dan tekan paste layer style.

Page 233: Edit Photoshop 1

hasilnya memiliki efek sama dengan gambar yang pertama

Dengan cara yang sama ,  bikin kotak2 laen, atau bulet atau segitiga, tergantung selera aja… sampe abis deh tu si foto utama nya. terus langsung aja klik kanan paste layer style. hasilnya kira-kira begini :

 

Klik move tool dan jangan lupa aktifkan Auto select layer ( supaya di dalam gambar bisa langsung pilih layer) dan bouncing box ( supaya keluar kotak buat edit).

Page 234: Edit Photoshop 1

setelah itu puter-puter, atau resize masing-masing bagian nya.. ini juga terserah anda aja.. sesuai selera… baik banget yaa saya semuanya terserah anda..

Nanti hasil nya mungkin gini nih :

Selamat mencobaa… ! Kreasikan aja… makin banyak kreasi.. makin banyak juga hal-hal yang blom kamu tau..