Tempat mempelajari Photoshop dengan mudah
Pada tutorial photoshop kali ini, akan saya gunakan untuk membahas cara membuat efek kartun. Seperti yang pernah saya janjikan pada akhir tutorial Photoshop membuat efek komik. Dan seperti yang saya utarakan di halaman awal, bahwa efek ini lumayan rumit pembuatannya. Untuk dapat membuat efek ini, sebelumnya harus lebih dulu memahami penggunaan palet layer, pembuatan garis dan shape dengan Pen tools, dan pemilihan warna. Selain itu, jika mempunyai pengetahuan tentang anatomi wajah / tubuh manusia, akan merupakan sebuah ketrampilan tambahan yang berguna.
Pada efek kartun kali ini, kita akan membuat banyak bentuk-bentuk secara manual menggunakan Pen Tools. Tehnik seperti ini ada juga yang menyebut sebagai tracing. Sebenarnya, tehnik seperti ini akan lebih cocok bila dijalankan pada Adobe Illustrator. Namun karena pokok bahasan kita adalah Photoshop, maka sekarang kita coba menggunakan Photoshop saja, walaupun tentunya cara pembuatannya akan lebih rumit.
Jika ingin melihat contoh lain dari gambar trace ini, beberapa hari yang lalu pernah saya buatkan. Bisa dilihat di Galeri halaman 2.
Langkah pembuatan trace pada foto
Langkah 1
Bukalah sebuah foto dengan Photoshop. Pada contoh tutorial ini, saya menggunakan foto Mas Wasidi aka Si Kecil.
Langkah 2
Karena kondisi foto ini terlalu gelap, maka agar lebih nampak perbedaan antara daerah gelap dan terangnya, maka saya atur dulu pewarnaannya menggunakan Image > Adjustment > Shadow Highlights.
Langkah 3
Duplikat layer background ini, agar kita mempunyai cadangan foto yang aslinya. Untuk jaga-jaga, siapa tahu nanti membutuhkan gambar aslinya. Dan memang akhirnya kita juga butuh foto aslinya, untuk membuat bentuk-bentuk yang agak rumit, misalnya mata dan bibir.
Cara untuk menduplikat ini bisa dengan Ctrl + J, atau dengan menarik nama layer ke arah icon Create New Layer.
Langkah 4
Pilih menu Image > Adjustment > Posterize. Isikan nilai yang kecil. Misalnya 4.
Tujuan langkah ini adalah untuk mengurangi jumlah warna yang digunakan.
Langkah 5
Duplikat lagi layer foto yang sudah diposterize ini. Ubah blending option menjadi Darken.
Pilih menu Filter > Blur > Gaussian Blur. Atur nilai Radius secukupnya, sambil melihat gambar aslinya (jangan melihat gambar preview pada kotak dialog Gaussian Blur). Tujuan langkah ini adalah untuk membuat agar muncul perbatasan yang lebih tegas pada tiap warna yang ada.
Langkah 6
Sekarang kita mulai langkah pembuatan layer untuk melakukan trace.
Buatlah sebuah layer baru, dengan cara melakukan klik pada icon Create a new layer (di gambar dibawah ini saya tandai dengan lingkaran merah) . Kemudian ubahlah nilai opacity pada layer ini hingga 0% (saya tandai dengan lingkaran biru).
Langkah 7
Pilih Pen tools pada tool box photoshop (lingkaran merah pada gambar tutorial photoshop di bawah ini).
Kemudian lakukan pengaturan pada option bar. Pilihlah icon Shape layers (gambar lingkaran biru). Klik icon segitiga geometri option (gambar lingkaran hijau), kemudian beri tanda cek pada pilihan Rubber Band.
Di sebelah kanan dari pengaturan tersebut, terdapat beberapa icon lagi (gambar lingkaran ungu). Tentunya sudah Anda pelajari pada tutorial photoshop sebelum ini. Jika belum, silahkan dibaca dulu pada Cara Pembuatan Shape.
Sedangkan tentang penggunaan pen tool bisa dibaca pada Tutorial Photoshop yang judulnya Membuat Seleksi Dengan Path.
Langkah 8
Buatlah bentuk shape menggunakan Pen tool. Buatlah mengikuti bentuk wajah pada foto.
Buatlah garis path ini melingkar hingga menyambung dari titik awal sampai akhir, sehingga terjadi sebuah bentuk bangun.
Langkah 9
Ulangi langkah ke-6 dan ke-7, namun kali ini buatlah bentuk shape pada area warna yang lain. Setiap bentuk shape dibuat pada sebuah layer baru.
Jumlah bentuk shape yang dibuat kita batasi antara 2 sampai 4 warna saja.
Langkah 10
Ubahlah nilai opacity pada layer-layer shape yang sudah kita buat tadi. Opacity kita buat hingga 100%. Sehingga nampak foto tertutupi oleh warna-warna.
Untuk mengubah warna pada setiap layer shape, lakukan dengan cara melakukan klik 2 kali pada thumbnail layer-nya. Kemudian pilih salah satu warna.
Sebagai panduan dalam memilih warna-warna kulit, berikut ini saya sertakan beberapa warna yang bisa Anda gunakan.
Ubahlah setiap warna pada semua bagian wajah tersebut.
Saat membuat bentuk shape pada area warna yang lain, jika ada layer yang menutupi sehingga kita kesulitan untuk menentukan bentuk shape, maka untuk sementara icon mata pada layer yang menutupi bisa dimatikan dulu atau di kurangi dulu opacity-nya.
Kemudian ulangilah lagi membuat bentuk shape pada semua bagian tubuh, hingga keseluruhan foto tertutup oleh bentuk-bentuk shape.
Pada bagian mata dan bibir, karena bagian ini termasuk bagian pokok dalam mengenali wajah seseorang, kita perlu mematikan dulu beberapa icon mata pada palet layer. Sehingga kita bisa membuat trace dengan melihat bentuk aslinya yang belum ter-posterize.
Untuk bagian jenggot, saya menggunakan Brush tool berukuran kecil yang disapukan pada gambar dengan pengaturan Brush preset Scattering.
Langkah 11
Untuk membuat latar belakang pada foto, buatlah sebuah layer baru yang diletakkan pada urutan sebelah bawah dari bentuk-bentuk shape tersebut. Layer baru ini bisa diisi warna sesuka Anda, dengan memilih menu Edit > Fill.
Warna tidak harus putih, Anda bisa juga menggunakan warna-warna lain, misalnya dengan Gradient Tools seperti berikut ini.
Jika semua gambar akan dijadikan satu, bisa dilakukan dengan memilih menu Layer > Flatten Image.
Selamat mencoba tutorial membuat kartun dengan Photoshop ini.
Tutorial yang terkait
trus berkarya ya….
tanks atas bagi2 ilmunya
alhamdulillah terima kasih akhirnya udah dijelasin
Buat Kaconk: Terima kasih atas komentarnya.
Buat fakhry: Terima kasih atas komentarnya.
suwun mas ilmu nya berguna bgt!!!
pangeran seng balez….
nah ini yang aq tunggu2.
thnx very much ya…
sukses ja bwt mbah dewo
Buat hamdan: Matur nuwun ugi.
Buat Fabri: Maaf kalau lama menunggu, karena memang ada beberapa tutorial yang harus saya dahulukan agar bisa menjadi acuan saat membuat efek tersebut.
mo tanya lagi nich, gimana ya cara cari bingkai foto yang beragam (bingkai majalah,penjara dll) apa itu beli?
CIHUIIII,,, KERENN MBAHHH!!
SUKSES SELALUU PA’ DHE ?
Buat fakhry: Yang harus beli ada, yang tinggal download juga ada. Cari saja di Google / Yahoo dengan kata kunci: free photoshop frames.
Buat gilang: Terima kasih atas komentarnya.
wah mas foto modelnya kok kaya temen saya … cakep benget deh … boleh kenalan gak ?idiiihhh berondong tuch berjenggot lagi aiiihhhh gak kuku dech eke ….
Buat ryan: Silahkan saja kalau mau kenalan. Pada nama model foto yang super ganteng tersebut sudah saya sediakan tautan ke blognya.
—
Was! Iki lho ono sing arep kenalan karo kowe.
bgs mas, trs berkarya yah..
Buat dzy: Terima kasih atas komentarnya.
yeeei, Q udah bisa bkin efek kartun. asyik bgt coz Q bisa mengisi wktu luang drpd sekedar nonton TV. sukses s’lalu ya!
thank you dab…
banyak belajar dari situs ini…
bagi bagi ilmu terus ya:)
Buat gaby: Terima kasih atas komentarnya. Saya ikut senang juga atas keberhasilannya.
Buat murid’e sinyo: Terima kasih juga atas komentarnya.
Thank you..!! bro.. jujur aq baru tau lo..yach sebagai pemula utk nambah2x ilmu…!!!
gimana klu u gantian aq ajarin theknik gitar klasik he he he he..
Semoga segala sesuatu yang baik di tambahkan oleh Tuhan dalam kehidupanmu amin..!!!!
Succsess mbah.>!!!
Buat Cahaya_pagie: Sip! Ajarin ganti ya, aku sudah 2 tahun lebih tidak nggitar.
Terima kasih atas komentarnya. Amiin.
Bagus Banget, Tutor-2nya mudah dimengerti dan diikutin, Thanks bangedh,,, Mbah,,,matur suwun Mbaaaahhh..
Buat Kisum: Terima kasih kembali. Silahkan digunakan untuk belajar photoshop.
oh gitu toh caranya, saya kira photoshop ga bisa bikin kartun
Buat Agung: Itu cuma rekaan saya saja. Kalau ingin membuat dengan lebih detil, bisa mencoba menggunakan Adobe Illustrator. Kalau Adobe Illustrator saya masih dalam taraf belajar.
mas tutornya ada yang pdf gak..? kaloo gada adin sih mas kan gak kewarnet mulu..( he…He…)
Buat Ades: Saya tidak menyediakan pdf-nya. Disimpan saja halamannya dengan File > Save Page As (pada Mozilla).
Kalau saya buatkan pdf-nya, takutnya nanti tidak berkunjung lagi kesini ..
Saya membuat blog selain memberikan tutorial gratis, juga untuk mencari tambahan uang agar saya masih kuat nulis terus. Kalau blog ini tidak dikunjungi kan saya jadi repot malahan.
mas. ajarin dong cara masukin wajah kita ke foto orang laen……. ari tunggu ya mas emailnya……..
Buat ARI: Kedua foto dibuka dulu. Gambar wajah diseleksi, kemudian dengan Move tool ditarik ke arah foto yang lain.
mantap mas… aku salut aku jg pernah bikin Iwan Fals di Corel Draw
Buat mucks: Iya, CorelDraw bisa juga digunakan untuk membuat gambar seperti di tutorial ini.
waahhh…….
iki seng ta enteni….
sui ga’ mbukak email….
lage’ mbukak lah kok ono penjenengan muncul mbah…
heheheeee…..
iki seng ta enteni mbah….
matur sembanuwon sanget mbah nggeh….
ta entosi sing lianipun mbah….
respect….
Buat kiki: Matur nuwun ugi kagem kiki. Sanes wekdal kulo serataken malih sanesipun.
Mantap bos..banyak ilmunya nih blog
Buat kawel: Terima kasih atas komentarnya.
Keren Mbah, aku dah coba pi blum berhasil…
knpe ya ?
apa krn aku cobanya habiz tarawih trus ngantukz deh, nih tak baca lagi semoga bisa paham
Buat aisalwa: Inti dari tutorial ini cuma membuat layer yang bentuknya area warna tertentu pada wajah. Dicoba dulu pelan2. Yang biasa terjadi adalah kesalahan saat memilih layer2nya.
—
Jika memang kesulitan membuat efek ini, saya akan membuka layanan baru di blog ini, yang terkait dengan efek foto kartun. Ditunggu beberapa minggu lagi ya, sekarang masih saya matangkan dulu rencananya.
keren mas, aq pengen bljr ni…
Buat muzaidin: Silahkan dipelajari.
bos makasih banget ilmunya cuman q mash awam banget, jadi masih bingung. oya ini pake photosop, q pake adobe photosop 7.0 ko kalau plih adjusmemt gak ada shadow and haiglaignya sc?thanx
Buat fahrur: Mulai adanya di Photoshop CS, photoshop 7.0 memang belum ada. Gunakan saja Level / Curves sebagai gantinya.
lha ini yang slma ini aku cai mas. pingin buat efek gbr kartun.
Mas di photoshop 7.0 kok ga ada menu shadows highlight di ajustment gimana mas tulung dung di topik dah lama aku cari, sori ngerepotin
mbah. saya sudah coba tutorial yg diatas. sangat berguna dan mudah. cuma pengen nannya cara buat kaca mata bagai mana? susah kalau di potoshop saya kurang mengerti membuat kacamata jadi kartun. mohon di jawab penting ini mbah
thx
Buat elang: Silahkan dibuat kartunnya.
Buat Iksan: Sudah dijawab diatas.
Buat zduyz: Buat bentuk kacanya biasa saja, beri warna hitam / putih sesuai warna kacamata aslinya.Kemudian opacity dikurangi. Contohnya bisa dilihat di mbahdewo.com/galeri/galeri-2, disitu ada foto yang berkacamata.
bermanfaat sekali mas , btw punya 2 website ya . website yg 1 nya lagi yg ada tutorial photo terbakar kalo ga salah .
^_^
mantabh lah..
Buat Arya: Kalau yang dimaksudkan adalah sadewo-photology, memang materi Photoshop-nya saya lanjutkan di sini.
mbah dewo …. saya ikut nimbrung yach, saya orang baru di dunia blog…masih bingung masalh blog…
makasih atas tutorialnya, tutorial mbah saya masukin ke blog saya…
maaf yach klo ada kesalahan…
Buat Fikrun: Sayang lho, kalau cuma diisi materi hasil copy paste. Malu dong kopi paste, kalau bisa jangan dilakukan.
Wah mbah gw dah bisa!! tapi kesulitannya pada seleksinya, Bisa nggak dibuat lebih 3 dimensi?
Buat Fakhry: Kok pakai seleksi? Jika maksudnya langkah yang seperti menyeleksi menggunakan pen tool, itu bukan untuk membuat seleksi tapi membuat bentuk shape.
Sudah pasti kalau tidak bisa dibuat 3 dimensi.
menggunakan adobe ilustrator gimana ya??
Buat Fakhry: Kalau sudah terbiasa ya sama saja saat menggunakan Photoshop. Berhubung saya juga masih belajar Illustrator, maka tidak bisa menuliskan tutorialnya. Contoh hasil saya dengan Illustrator bisa dilihat di Galeri halaman 2.
good read ni mas
nah klo ada tutor yg lebih jelas
buat sama2 belajar kasi juga referensinya ya
thanks
Buat xp.vexels: Terima kasih juga atas komentarnya.
thanks to mbah dewo…
ak yg td nya buta ama photsop skrg brtmbh ilmunya..
gara” beljr dri tutor nya mbah dewo..
T.O.P B.G.T
Buat ihwan: Terima kasih juga atas komentarnya.
Mbah..karyanya emang mantap, jarang ada orang berbagi ilmu rahasia seperti ini..
Sekali lagi terima kasih banyak atas sumbangan rahasia-nya, terus berkarya dan tetap ajari kita-kita yang newbie ini
Buat suriyadi: Halah.. seperti pendekar saja pakai ilmu rahasia.
Dulu karena mencoba-coba saja, karena dapat pesanan dari pak idubsatub.
thank’s yach mbah, empu, eyang PS ats ilmunya….
Buat bayu: Terima kasih kembali mas bayu.
maturnuwun sanget mbah atas ilmunya…semoga ilmu mbah tambah tinggi,sungguh beruntung saya menemukan website mbah…haturnuhun pisan.
Buat aries: Terima kasih juga atas komentar dan doanya.
Aha, ini salah satu tuts tracing termudah yang pernah saya temukan! Berguna bagi newbie macam saya. Nuwun.
Buat Gun: Terima kasih juga atas komentarnya.
wedeh…..
itu vector bukan mbah ??
selama bentuk shape belum dirasterize / di flatten image, itu masih vektor.
mbah,,mbah,,,,
warna kulitnya itu namanya apa yaa???????
koq tak cocok²in dengan wrna dari photoshop g ada yang sama yaaaaaa ???
apa mataku yang blawurr???
Itu membuatnya pakai photoshop juga kok, di photoshop pasti ada warnanya. Memang tidak ada namanya, makanya saya sertakan gambar warnanya biar bisa dipakai langsung.