Launched: Blog ptc.sanny.web.id saya :) sudah launching... ayo dapetin dollar gratis rame-rame!! | [ Info Selanjutnya ]?

Tutorial Retouch Effect Mewarnai Rambut di Adobe Photoshop
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading ... Loading ...

[ LINK LOVElistic ]

x
x

ILUSTRASI

tutorial effect retouch foto rambut di adobe photoshop post Tutorial Retouch Effect Mewarnai Rambut di Adobe Photoshop

Semenjak mengeluarkan versi terbarunya, yaitu Adobe Photoshop CS, CS2, CS3 dan terakhir CS4, maka makin lengkaplah keajaiban dunia Photo Editing di dunia Photographer dan Photo Editor :) yang hadir di hadapan anda. Teknik Retouch & Repro adalah dua istilah yang kerap menjadi andalan sang maestro design ketika “melayani dahaga” client-nya akan kebutuhan sentuhan-sentuhan special effect yang akan memunculkan hasil cetak foto yang lebih baik (baca: berbeda!!) dengan foto/wajah aslinya :D .

Begitu juga dengan latihan (tutorial) kita kali ini, disini kita akan mencoba untuk belajar berbagai teknik-teknik dasar (basic) photoshop yaitu lebih tepatnya ‘bermain mengganti warna rambut‘ dengan efek foto digital seperti contoh gambar ilustrasi diatas.

Khusus untuk para pemula/beginer/newbie designer, anda jangan kuatir karena saya mencoba menyuguhkan langkah-langkah mengedit foto ini dengan mudah, praktis dan cepat… semoga bermanfaat :) .

PERSIAPAN

Sekedar informasi saja.. latihan yang saya sharing dengan anda ini termasuk keahlian “dasar” di dalam belajar Adobe Photoshop, dan diluar sana banyak sekali cara-cara lain yang lebih ‘ajaib‘ dari pada cara di tutorial kita kali ini. Jika anda menginginkan pemahaman step by step tutorial yang lebih mudah untuk diikuti.. saya anjurkan anda menggunakan tools (image) yang sama persis dan jika telah sukses anda wajib berkreasi dengan foto anda sendiri.

TEKNIK YANG DIGUNAKAN

Teknik-teknik yang akan dipelajari dan digunakan adalah sbb:

  • Duplicate, Rename Layer (menggandakan layer)
  • Magnetic Lasso Tools (menseleksi secara metode besi sembrani)
  • Reveal Selection, Layer Mask (teknik mask yang hanya terseleksi)
  • Color Balance dan Brush Mask (merubah dan menambah-mengurangi area)

LANGKAH 1: MENDUPLIKASI LAYER

tutorial effect retouch foto rambut di adobe photoshop 1 Tutorial Retouch Effect Mewarnai Rambut di Adobe Photoshop

Pada langkah pertama ini kita akan menggandakan foto menjadi dua buah bagain yang sama dengan cara ‘ditumpuk‘ pada lapisan (layer) yang sama dengan tujuan untuk memisahkan bagian-bagian dari master foto editing yang kita kerjakan, misalnya bagian rambut, bagian kepala, bagian mata, dll. hal ini sangat penting agar foto asli (master photo) tetap utuh ketika fasilitas UNDO tidak dapat lagi menolong anda untuk kembali kebagian penting pada proses sebelumnya.

Langkah-langkah menduplikatkannya mudah saja, yaitu:

  • Buka Foto dengan program aplikasi Adobe Photoshop dengan versi apa saja (dianjurkan minimal versi CS)
  • Munculkan Panel Layer dengan cara WINDOWS > LAYERS atau tekan tombol F7 pada Keyboard computer anda
  • Setelah muncul seperti gambar diatas CLICK KANAN FOTO > PILIH DUPLICATE LAYER

LANGKAH 2: MENSELEKSI AREA RAMBUT

tutorial effect retouch foto rambut di adobe photoshop 2 Tutorial Retouch Effect Mewarnai Rambut di Adobe Photoshop

Satu lagi hal terpenting yang menjadi bagian inti dari tutorial merubah warna rambut ini adalah langkah didalam menseleksi atau “hanya memilih” area rambut yang akan diwarnai saja oleh kita.

Untuk melakukan cara diatas tersebut sebenarnya mudah saja :) , wah bener nech? yap!! Adobe Photoshop menyediakan sekitar 9 alat (tools) seleksi yang dapat anda gunakan sesuai kebutuhan anda diataranya adalah Rectangular Marquee Tool (M), Eliptical Marquee Tool (M), Single Row Marquee Tool, Column Marquee Tool, Lasso Tool (L), Polygonal Lasso Tool (L), Magnetic Lasso Tool (L), Quick Selection Tool (W), Magic Wand Tool (W).

Untuk ‘kasus‘ yang kita hadapi kali alat yang paling tepat untuk digunakan adalah Magnetic Lasso Tool (L), kenapa? karena dengan alat pada tool box Adobe Photoshop ini anda dapat dengan mudah menyusuri tepi-tepi rambut pada model diatas seperti layaknya magnet yang hanya menempel pada benda besi saja (rambut) dia tidak akan menempel pada benda kayu (kulit), air (telinga), kain (baju), dll. benar-benar alat yang sempurna :D . Sedangkan secara selintas cara-cara menggunakannya adalah sbb;

  • Pilih/Click layer yang akan diedit pada panel layer di sebelah kanan area kerja (workspace) Adobe Photoshop anda
  • Setelah itu pilih alat (tools) yang bernama Magnetic Lasso Tool (atau tekan tombol “L” di keyboard anda agar langsung terpilih)
  • Click sekali pada tepi/sisi object rambut
  • Setelah itu tanpa menekan tombol apapun di Mouse dan Keyboard susuri/ikuti tepi-tepi rambut model foto kita diatas

    INFO: Magnetic Lasso Tool akan bekerja secara otomatis menempel pada area warna-warna yang senada (hampir sama) saja, maka dari itu tanpa diclick secara manualpun tepi-tepi rambut diatas akan otomatis terpilih

    TIPS: Jika anda merasa hasil seleksi ketika menyusuri tepi rambut dirasa tidak pas atau tidak tepat menempel anda boleh melakukan teknik CLICK sekali saja pada area-area tertentu, misalkan lengkungan ujung rambut, sudut telinga, sudut leher, dll. Setelah itu lanjutkan kembali menyusuri tepi-tepi rambut seperti langkah sebelumnya.

  • Jika anda telah berhasil menyusuri seluruh tepi-tepi rambut (seperti contoh ilustrasi diatas) dan antara titik (node) awal dan titik ujung sudah bertemu, anda dapat melakukan DOUBLE CLICK pada akhir titik agar kedua ujung titik dapat bersatu
  • Selesai :D

LANGKAH 3 MEMBERI EFEK MASK PADA HASIL SELEKSI

tutorial effect retouch foto rambut di adobe photoshop 3 Tutorial Retouch Effect Mewarnai Rambut di Adobe Photoshop

Untuk memulai mengedit area rambut hasil seleksi yang kita lakukan tadi, masuklah kemenu LAYER > LAYER MASK > REVEAL SELECTION. Hal ini dilakukan agar apapun yang kita edit dan hapus tidak akan berpengaruh ke foto aslinya, namun hanya berpengaruh terhadap area warna rambut saja, Sssst…!! itulah trick rahasia dari tutorial kita kali ini :D .

LANGKAH 4: RENAME LAYER

tutorial effect retouch foto rambut di adobe photoshop 4 Tutorial Retouch Effect Mewarnai Rambut di Adobe Photoshop

TIPS: Untuk mempermudah membedakan mana layer foto dengan rambut warna kuning emas, mana layer photo dengan warna Pink, dst. Anda dapat merubah nama layer dengan inisial text sesuka anda (lihat contoh diatas), caranya DOUBLE CLICK TEXT pada LAYER > KETIK NAMA > ENTER

LANGKAH 5: MERUBAH KOMBINASI WARNA

tutorial effect retouch foto rambut di adobe photoshop 5 Tutorial Retouch Effect Mewarnai Rambut di Adobe Photoshop

Pada langkah ini anda kita akan membuat kombinasi alias aneka-reka warna :) , yang anda butuhkan adalah bermain dengan 6 kombinasi warna primer yaitu R (Red) G (Gree) B (Blue) C (Cyan) M (Magenta) Y (Yellow), langkahnya simple saja:

  • Lihat pada layer (lapisan) rambut baru yang telah anda duplikasi dan rename sebelumnya
  • CLICK SEKALI pada KOTAK FOTO Sebeah kiri atau CLICK SEKALI tulisan Background copy/Kuning
  • Tekan tombol Ctrl (control) + “B” pada keyboard untuk memunculkan panel Color Balance atau anda bisa masuk ke menubar IMAGE > ADJUSTMENTS > COLOR BALANCE
  • Setelah muncul menu warna seperti gambar diatas aturlah komposisi warna layer mask seperti contoh diatas

TIPS: Ketik Color Level seperti contoh diatas +100, +22, -100 atau anda dapat men-drag (menggeser) slider warna sesuai keinginan anda

LANGKAH 6: MERAPIHKAN AREA RAMBUT

tutorial effect retouch foto rambut di adobe photoshop 6 Tutorial Retouch Effect Mewarnai Rambut di Adobe Photoshop

Satu lagi teknik Finishing Touch yang cukup penting untuk memunculkan detail foto editing yang sempurna didalam tutorial belajar mengedit photo kita kali ini yaitu Teknik Brush Mask.

Dengan menggunakan tool kuas (brush) warna HITAM dan PUTIH anda dapat mengurangi area mask rambut ataupun menambah area mask rambut, sehingga setiap ujung helai rambut tidak ada yang terlewat terwarnai.

Anda lihat hasil seleksi pada contoh yang saya buat diatas… khususnya yang saya tandai dengan tanda “>>” ada bagian-bagian rambut yang tidak rapih terseleksi dalam LANGKAH 2: MENSELEKSI AREA RAMBUT sebelumnya, mungkin bagi anda yang baru pertamakali belajar latihan menggunakan teknik Mask ini adalah sebuah ‘petaka :D ‘!! (hehe) namun tenang saja kita akan mencoba memperbaikinya sekarang juga:

  • Pastikan Warna Foreground (atas) dan Warna Background (belakang) Adobe Photoshop (7, CS, CS2, CS3, CS4) adalah HITAM (#000000) dan PUTIH (#FFFFFF) atau kembali ke DEFAULT dengan cara TEKAN TOMBOL HURUF “D” di KEYBOARD, hal ini akan mengakibatkan apapun warna yang anda setting sebelumnya akan kembali kewarna dasar yaitu hitam dan putih

INFO: Brush berwarna FOREGROUND hitam digunakan untuk menghapus/mengurangi area MASK pada rambut, sedangkan Brush berwarna FOREGROUND putih digunakan untuk menambah area MASK pada object rambut.

  • Untuk kasus latihan kali ini… kita membutuhkan koas (brush tools) berwarna foreground PUTIH, jadi CLICK SEKALI pada Brush Tool dan mulailah menggosokan koas (brush tools) pada area rambut yang tidak ter-masking atau tidak ikut terseleksi dengan rapi hingga seluruh rambut menjadi terwarnai semuanya

TIPS: Sesekali anda pasti membutuhkan mengganti antara warna Background dan Foreground dalam praktek kali ini, tips dan trik-nya mudah saja.. anda tinggal menekan tombol “X” pada keyboard maka antara warna hitam dan putih akan otomatis bertukar satu samalain, hal ini penting untuk menambah dan menghapus masking.

INFO: Untuk mengganti jenis koas (brush) dan ukurannya anda dapat melakukan CLICK KANAN pada kanvas foto dan pilihlah sesuai kebutuhan (lihat gambar)

LANGKAH 7: MENAMBAH LAYER WARNA RAMBUT

tutorial effect retouch foto rambut di adobe photoshop 7 Tutorial Retouch Effect Mewarnai Rambut di Adobe Photoshop

Bagaimana :) langkah-langkah praktik diatas sudah sukses anda lakukan bukan? jika sudah.. tibalah saatnya anda membuat berbagai variasi warna rambut sehingga tampak berwarna-warni, caranya mudah saja:

  • Kembali lagi menduplikatkan berwarna KUNING dan gantilah COLOR BALANCE sesuai cara pada langkah sebelumnya
  • Jika sudah cobalah menghapus Mask dari layer baru tersebut agar memunculkan effect warna rambut yang bergradasi (trap) seperti contoh di gambar ilustrasi diatas
  • Jika anda merasa 2 macam fariasi warna rambut diatas kurang ‘sreg dihati:) anda dapat dengan mudah menduplikasikan kembali layer warna KUNING dan ulangi lagi semua langkah yang telah anda pelajari diatas hingga memunculkan hasil manipulasi digital terbaik versi anda, mudah bukan :D .

KESIMPULAN

Pekerjaan seorang Photo Editor memang adalah profesi yang sangat menarik, kenapa? karena selain hasil pekerjaannya yang berhubungan dengan seni komersial, perkerjaan ini juga selalu berkembang secara dinamis setiap saat. Terutama karena peran besar Adobe Photoshop dengan versi-versi terbarunya (7, CS (8), CS2 (9), CS3 (10) dan CS4 (11) ) yang selalu memunculkan fitur-fitur baru yang justru lebih mempermudah seorang awam, beginer, newbie alias pemula untuk selalu belajar berbagai efect-effect spektakuler yang terintegrasi didalam bundle program aplikasi ini.

Teknik Retouch Photo adalah teknik yang paling laris-manis tanjung kimpul :D jadi ada baiknya jika lebih menguasi puluhan hingga ratusan teknik-teknik ini…

Semoga bermanfaat [FROM BEGO TO HERO]

Hey! Coba Lihat Postingan Terbaik Ini:

RSS feed | Trackback URI

What Do You Think?

View Comments »

Comment by yandiNo Gravatar
2009-07-10 20:51:33

mas kalau bisa kirimkan aplikasi Adobe Photoshop CS, CS2, CS3 dan CS4. d e-mail q

(Comments wont nest below this level)
Comment by Admin [Sanny Rizky Jatnika]No Gravatar designerlistic.net
2009-07-13 09:11:39

Waduh gimana yaa (???) bukannya ga mau tapi Adobe CS4 Collections saja itu menghabiskan space sebanyak 4GB… mmm jadi kalopun saya kirim via e-mail kelarnya lebaran dong (hehe)…

Gini aja… coba googling tentang Torrent beserta aplikasi donwloadnya… banyak banget software gratisan (bajakan) yang bisa didownload semau mas Akhmad…

Salam kenal yaa.. makasih udah comment…

 
 
Comment by adhosilveriaNo Gravatar
2009-08-13 00:14:12

thx bngt plajarannya,walu saya ketinggalan

(Comments wont nest below this level)
Comment by Admin [Sanny Rizky Jatnika]No Gravatar designerlistic.net
2009-08-13 09:54:35

Sama-sama saya juga banyak belajar dari Visitor designerlistic.net :D terimaksih sudah mampir yaa…

 
 
Comment by bembengNo Gravatar
2009-09-17 04:27:25

mas tolong add dong facebook saya puy_jen@yahoo.com saya pingin ngobrol ya bisa di bilang diskusi lah sama mas dan ingin di bagi ilmunya,hehehehehehehe
mas sanny luar bias^_^

(Comments wont nest below this level)
Comment by Admin [Sanny Rizky Jatnika]No Gravatar designerlistic.net
2009-09-17 10:10:27

Boleh nech teman baru, sudah saya Add, makasih yaa…

 
 
Comment by dido rheyNo Gravatar pussink.blogspot.com
2009-09-30 11:39:57

menarik sekali mas, saya emang baru kenal photoshop, tapi saya begitu pengen menjadi master photoshop, dan pastinya saya senang membaca postingan ini…

(Comments wont nest below this level)
 
Comment by yon adeNo Gravatar komunikasi.um.ac.id
2009-10-05 13:48:27

mas kalo pake PS dibawahnya CS4 bisa kan? :grin:

(Comments wont nest below this level)
Comment by Admin [Sanny Rizky Jatnika]No Gravatar designerlistic.net
2009-10-05 16:23:27

Bisa :0 cuman menu masuk ke effect-nya sedikit berbeda… selamat ngulik

 
 
Comment by agungNo Gravatar
2009-11-10 12:45:47

makasih mas blog sangat bagus(mudah dipahami khususnya buat tutorialnya)……………………….makasih mas udah bagi2 ilmu :smile:

(Comments wont nest below this level)
 
Comment by arifNo Gravatar
2009-11-11 14:56:14

mampir ya mas…senang banget bisa belajar edit photo dari situs ini mas,say juga pingin belajar tapi susah ngak tau cari softwarenya photoshop atau 4di mana …mas bisa bantu aku..tolong ya mas kalo mas ada sofwarenya bisa di bagike aku…bisakan..bisadong..plis

(Comments wont nest below this level)
 
Comment by hendraNo Gravatar
2009-11-19 09:27:21

makasih ini sangat membantu saya bt belajar pothoshop….SEMANGAT :razz:

(Comments wont nest below this level)
 
Comment by free logos vectorNo Gravatar freenicelogos.com
2009-12-07 14:35:49

mantabs mas. artikelnya bermanfaat banget

(Comments wont nest below this level)
 
Comment by kinoeNo Gravatar
2009-12-20 16:06:19

thx mas b4

udah ngbaiin tutorxa
bdw q minta linkxa photoshop cs 4 dung kalau ada???

thx b4

(Comments wont nest below this level)
 
Comment by Admin [Sanny Rizky Jatnika]No Gravatar designerlistic.net
2009-12-20 18:27:38

Maksudnya software + crack nya ya… Googling aja, kalo dulu saya download pake BitTorrent, linknya ada di http://fenopy.com :) tapi kalo lama jangan kaget yaa… 1GB aja bisa 4-6 hari :) tapi dijamin semua yang pengen didownload ada dan gratis disana :)

(Comments wont nest below this level)
 
Comment by Samsam HNNo Gravatar jarumsuntik.com
2009-12-21 09:38:18

Keren..keren..

(Comments wont nest below this level)
 
Comment by designerlisticNo Gravatar
2009-12-22 09:34:19

Sama-sama, salam kenal

(Comments wont nest below this level)
 
Comment by Najibblog2010No Gravatar najibblog2010.blogspot.com
2010-01-23 14:50:38

Cantiknya modelnya..hehe…ditunggu baliknya…

(Comments wont nest below this level)
 
Comment by Najibblog2010No Gravatar najibblog2010.blogspot.com
2010-01-23 14:56:29

Bagus mas…

(Comments wont nest below this level)
 
Comment by molinNo Gravatar
2010-01-29 18:05:54

mas .. saya baru belajar photoshop cs 2. hehe.. alhamdulillah liat tutorial dari mas sedikit mengerti cuma masih agak2 ada yang susah juga… blh konsultasi via ym gak? email saya molin_89.. saya mau tanya2 beberapa hal lagi. makasi

(Comments wont nest below this level)
 
Comment by manjaNo Gravatar buccu-buccu.co.cc
2010-02-24 10:25:47

mantap sekali,,, sy suka ini

(Comments wont nest below this level)
 
Comment by rikoNo Gravatar
2010-02-28 06:09:31

UDAH NGIKTUIN SEMUA…. TAPI GAGAL… RAMBUTNYA.. TIDAK TERWARNAI SEMUA… HANYA BEBERRAPA BAGIAN RAMBUT SAJA YANG TEERWARNAI…. APANYA YG SALAH YA….????THANKS

(Comments wont nest below this level)
 
Comment by Sanny Rizky JatnikaNo Gravatar sanny.web.id
2010-03-01 11:06:41

Mungkin dicoba lagi yaa, biasanya ada bagian rambut yang tidak terseleksi.. atau mungkin anda tidak melakukan Duplikasi Layer Photo, silahkan dibaca lagi lebih teliti dan selamat mencoba :) maaf jika kurang memuaskan

(Comments wont nest below this level)
 
Comment by michaeldontlieNo Gravatar
2010-04-16 17:47:59

thanks tas ptunjuknya……

(Comments wont nest below this level)
 
Comment by kingaldyNo Gravatar
2010-04-28 06:27:53

makasih juragan,sangat membantu ini buat ane yang lagi pengin belajar tentang photoshop….. :beer

(Comments wont nest below this level)
 
Comment by jeckyl007No Gravatar
2010-05-01 01:47:31

thx banget tutorialnya mas…
bagus banget…
btw, sekalian mao tanya neh.. heheh
kalo mao tambahin selection ke mask pencet apa aja ya… (langkah 6-merapikan)
bisa dijelasin lebih detil gak? sory masih newbie ^^
thx

(Comments wont nest below this level)
 
Comment by nNaNo Gravatar
2010-05-01 11:46:40

itu pake adobe cs berapa ?
ko di adobe cs4 gak ada *magneticlassotol* ??

tahap2 nya beda ama adobe yang ada di laptop saya ..
jadi bingung cz saya pke adobe cs 4 ..

saya kurang ngerti ..

(Comments wont nest below this level)
 
Comment by Sanny Rizky JatnikaNo Gravatar sanny.web.id
2010-05-02 12:15:42

Lho Justru Magnetic Lasso Tool hanya ada di CS4+ (keatas) coba dech Klik Kanan > Lasso Tools nanti akan muncul 3 buah tools lainnya disitu… ayoooo…. :)

(Comments wont nest below this level)
 
Comment by rianNo Gravatar rian.com
2010-05-23 12:09:22

aq uda nyoba v og gag jdi yah…tlong bantu aq dund….

(Comments wont nest below this level)
 
Comment by dimasNo Gravatar
2010-06-01 10:23:04

wah da lgi gk ilmunya,bgi dung gan

(Comments wont nest below this level)
 
Comment by aFikNo Gravatar
2010-06-03 02:23:51

makasih penjelasannya,, karena lebih mendetail, kami para pemula lebih mengerti,, makasih karena masih rela ngetik banyak-banyak, untuk kejelasan tutorial ini … ;)

(Comments wont nest below this level)
 
Comment by Sanny Rizky JatnikaNo Gravatar sanny.web.id
2010-06-03 13:39:57

Sebetulnya saya sedih sekali sebagai Blogger, Designer & Net Preneur Part Timer… susah juga bagi2 waktu dengan kerjaan di kantor+keluarga…

Imbasnya saya jadi kurang produktif ngeblog nech… mohon dimaklum saja…

(Comments wont nest below this level)
 
Comment by Mey JaroniNo Gravatar facebook.com
2010-06-14 11:13:36

bagus ms tutorialnya

mey-jaroni.blogspot.com

(Comments wont nest below this level)
 
Comment by Supriadi_okNo Gravatar
2010-07-07 07:54:32

Ajiibbbbb,,…Thanks om, kueren bangett…ngett…Sudah sangat membantu saya belajar design

(Comments wont nest below this level)
 
Comment by Hentai GratisNo Gravatar downloadhentaigratis.blogspot.com
2010-07-25 12:07:33

wah..lumayan lengkap banget tutorialnya dan juga dalam bahasa yang mudah dimengerti oleh pemula seperti saya. thanks dude!!

(Comments wont nest below this level)
 
Comment by CaesarloveNo Gravatar
2010-08-19 00:48:00

T.O.P DhEg

(Comments wont nest below this level)
 
Your Name: (required)
Your E-mail: (required - never shown publicly)
Website:
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.
Comments are moderated before being shown up. So if your comment does not show up, please don't resubmit. We have received your comment and will approve/disapprove as required. Stupid and "SEO SPAM" will be deleted at my discretion
This site is using OpenAvatar based on

Blog Responses to this post:

blog comments powered by Disqus

[ SPONSOREDlistic ]

» Berminat pasang Iklan Premium di designerlistic.net? «

[ FLICKR PHOTOSTREAMlistic ]

    free-download-templates-design-desain-piagam-olah-raga-tenis-meja-poststicker-lebaran-designerlistic-net-300x250JoomlaTemplateTutor-v7-designerlistic-netJoomlaTemplateTutor-v24-designerlistic-nettrafficwindow-animated-550x550-v2xtrafficwindow-net-static-static-intros5tutorial-effect-retouch-foto-rambut-di-adobe-photoshop-postfacebook-iconic-designerlistic.netfree-download-vector-design-logo-manchester-united-mu-2009-2010-postfree-download-vector-design-logo-manchester-united-mu-2009-2010-thumbs