Tutorial Photoshop Mengubah Foto Menjadi Gambar Kartun

Turning Rihanna Photo into Cartoon

 

Daftar Isi Tutorial:

 

Anda sering bertanya-tanya dalam hati bagaimana cara membuat foto-foto kartun keren seperti yang banyak bertebaran di internet? Penasaran ingin mencoba membuat foto kartun sendiri tapi tidak tahu caranya? Mencoba mencari-cari tutorial Photoshop yang menjelaskan cara pembuatannya tapi tidak menemukan yang cocok dengan selera Anda?

Tenang, sekarang Anda sudah menemukannya!

Di tutorial ini akan dijelaskan langkah-langkah untuk mengubah foto favorit Anda menjadi gambar kartun dengan menggunakan Photoshop.

Namun sebelumnya yang musti Anda ingat adalah bahwa proses pembuatan foto kartun (kartunisasi foto) adalah suatu kegiatan yang membutuhkan kesabaran dan waktu yang lama. Akan tetapi hasilnya memang akan sangat memuaskan.

Masih tetap berkeinginan untuk mencobanya?

Baiklah kalau begitu, mari kita mulai…

 

Pada tutorial ini kita akan menggunakan foto Rihanna.

 

Ini foto aslinya

foto asli rihanna

Dan ini adalah hasil akhir tutorial ini nanti

foto kartun rihanna

 

 

Pertama-tama, download dahulu foto asli Rihanna di sini.

 

Langkah 1: Mempersiapkan ‘kanvas kerja’

 

layers1. Buka foto asli Rihanna di Adobe Photoshop. (Tutorial ini memakai Adobe Photoshop CS. Saya tidak memiliki Adobe Photoshop versi lain, tapi saya rasa langkah-langkah yang akan dijelaskan dalam tutorial ini berlaku juga di versi-versi lainnya)

Dalam memilih foto yang akan dikartunkan, pilihlah foto yang tajam (fokus) dan detil wajahnya terlihat dengan jelas. Foto yang buram, agak kabur, atau yang cenderung gelap, bukanlah pilihan yang bagus. Semakin besar resolusi foto adalah semakin baik.

 

layers2. Pada ‘Layers Palette’, drag and drop layer ‘background’ ke button ‘New Layer’ new layer untuk membuat duplikat layer tsb.

Ubahlah nama layer baru tsb menjadi ‘original’. (Untuk merubah nama layer, klik kanan pada nama layer dan pilih menu Layer Properties).

Layer ‘original’ kita pakai untuk ‘menyimpan’ foto aslinya, agar jika sewaktu-waktu dibutuhkan maka gambar aslinya masih ada.

 

 

layers3. Kuncilah layer ini (klik tombol ‘lock all’ lock all ), dan matikan visibility-nya.

 

 

 

 

 

layers4. Double click layer ‘background’. Klik ‘OK’.

 

 

 

 

 

 

5. Buatlah layer baru. Ubah namanya menjadi ‘background’. Kita akan memakai layer ini sebagai warna latar belakang untuk foto kartun kita. Isilah layer ini dengan warna oranye menggunakan tool Paint Bucket.

canvas

 

6. Pindahkan layer ini ke posisi paling bawah.

Sampai dengan tahap ini layer-layer kita terlihat sebagai berikut:

canvas

 

 

Langkah 2: Menghilangkan Bagian Gambar yang Tidak Diinginkan

 

Pisahkan objek foto yang ingin dikartunkan dari background foto. Hapuslah bagian-bagian foto yang tidak ingin dikartunkan.
Gunakanlah tool Pen untuk keperluan ini. Jika Anda belum tahu cara menggunakan tool Pen untuk memilih objek gambar, mungkin sebaiknya Anda lihat dulu tutorial Melissa Evans ini.

Dengan tool Pen, buatlah satu path di sekeliling objek (dalam contoh ini adalah Rihanna), ubahlah path tsb menjadi selection (tombol: ctrl + Enter), inverse selection tsb (tombol: ctrl + shift + i), hapus (tombol: del), kemudian hilangkan garis selection (tombol: ctrl + D).

Catatan: Sebenarnya Anda juga bisa memakai tool Eraser, Magic Eraser, ataupun Background Eraser untuk keperluan ini (yang memang akan jauh lebih cepat), namun hasilnya tidak akan terlihat rapi.

clear unwanted parts

 

 

Langkah 3: Membuat ‘Outline’ Objek Gambar

 

Langkah selanjutnya adalah membuat ‘outline’ objek gambar kita.

canvas1. Buatlah duplikat layer ‘Layer 0’ (drag and drop layer ini ke tombol ‘create a new layer’ create new layer).

Ubahlah nama layer menjadi ‘outline’.

 

 

 

 

 

2. Menu: Image :: Adjustments :: Shadow/Highlight…
Klik tombol OK.

Langkah yang ini tidak harus Anda lakukan. Namun seringkali langkah ini akan membuat hasil outline kita nantinya menjadi lebih tajam.

 

default colors3. Pastikan warna di color palette adalah hitam untuk foreground dan putih untuk background. (Ketik ‘d’ jika warna di color pallete bukan warna default tsb).

 

 

4. Ubah gambar menjadi outline dengan menggunakan filter Photocopy.

photocopymenu: Filter :: Sketch :: Photocopy…

Set ‘Detail’ ke 3.

Set ‘Darkness’ ke 8.

Klik tombol ‘OK’

 

 

after photocopy Nilai / angka untuk ‘Detail’ tergantung pada foto yg diproses. Biasanya nilai ‘2’ memberikan hasil yang terbaik.

Bereksperimenlah dengan settingan ‘Detail’ ini. Hasil yang kita inginkan adalah outline gambar Rihanna terlihat detil namun tidak sampai menyebabkan outline terlihat ‘kotor’ penuh bercak hitam.

 

 

5. Ubah garis-garis outline menjadi garis hitam solid.

menu: Image :: Adjustments :: Threshold…

thresholdGeserlah slider ke kanan dan kiri, sambil dilihat previewnya, sampai preview yang tampil terlihat paling bagus (outline terlihat detil akan tetapi tidak kotor penuh bercak).

Klik tombol OK jika Anda sdh puas dengan hasilnya.

 

 

 

Nah, kita sudah mendapatkan outline yang kita harapkan.

Sampai di tahap ini, inilah hasil yang kita peroleh..

after threshold

 

Berikutnya kita akan menambahkan shading agar gambar terlihat memiliki ‘kedalaman’, dan selanjutnya ke tahap pewarnaan.

Lanjutkan ke bagian berikutnya dari tutorial ini.

 

Daftar Isi Tutorial:

 


73 Comments

Maulidiyah Putri

Nov 2015 at 1:49 pm

Awesome!!!
boleh dicoba nih (y)

    AUAH

    Sep 2017 at 11:53 pm

    GA KEREN BIASA AJA

Rian Febrian

Des 2015 at 8:12 pm

Saya mengalami Sedikit masalah saat melakukan Seleksi

    cartoonized.net

    Jan 2016 at 4:15 pm

    Proses melakukan seleksi objek foto memang memerlukan ketelitian dan ketelatenan.
    Namun jika Anda tidak membutuhkan kepresisian dalam menseleksi objek, Anda bisa coba menggunakan tool Eraser. Jauh lebih mudah dan lebih cepat daripada menggunakan tool Pen.

admcilepeng129

Jan 2016 at 1:15 am

cara mengedit dengan photo shop

amel

Feb 2016 at 5:25 pm

kenapa munculnya gambar original terus yaa

    cartoonized.net

    Feb 2016 at 4:17 pm

    Anda mengalami masalah di langkah berapa, dan nomor berapa?

oyong ilham

Feb 2016 at 1:07 pm

Keren tutorialnya ,.. Pembahsannya lengkap langkah demi langkah … Akan coba saya terapkan.

Ris Wa

Feb 2016 at 2:20 pm

Assa masussai

sem

Feb 2016 at 9:34 pm

Saya kesulitan cara potong gambar dari background nya gan, help 😃

ryan wahyu

Feb 2016 at 4:58 pm

Pake adobe yang apa dan versi berapa ini?

    cartoonized.net

    Feb 2016 at 4:11 pm

    Tutorial ini dibuat menggunakan Adobe Photoshop CS.

Harry

Mar 2016 at 11:33 am

Pada menu filter nya trus sketch gak bisa keluar filter foto copy..mohon pencerahan nya

    cartoonized.net

    Mar 2016 at 4:09 pm

    Anda memakai Photoshop versi berapa?

      ilham lg bingung

      Mei 2016 at 9:42 pm

      photoshop cs6 ga ada filter sketch photocopy nya -,-

        cartoonized.net

        Mei 2016 at 9:05 am

        Cari di menu Filter :: Filter Gallery.
        Semua filter ada di situ dan dipisah per kategori filter.

        Buka folder (kategori) Sketch.
        Cari Photocopy di situ.

Azzahra

Mar 2016 at 7:50 am

Apakah Saya Bisa Merubah Foto Saya Sendiri Menjadi Foto Kartun

lahiya

Mar 2016 at 8:06 am

nyoba ah bikin gambar nya juga di photoshop

nanda

Mar 2016 at 10:17 am

kereeennnn…
thanks buat tutornya..

http://www.smartkiosku.com

cicit

Apr 2016 at 10:36 am

saya kesulitan proses shading, harus dimulai darimana ya? terimakasih untuk bantuannya dan tutorialnya

xcode

Apr 2016 at 9:36 pm

mas tutorial diatas hanya di perntukan untuk 1 Objek ya ? Kalo dalam 1 photo ada 2 Objek (2 Wajah) gimana ya om ?

    cartoonized.net

    Apr 2016 at 9:15 am

    Caranya sama saja, 1 maupun 2 objek.

    Hanya saja kalau telaten dan mau lebih bagus hasilnya, untuk proses pembuatan outline-nya bisa bikin dua kali. Bikin outline yang bagus untuk object pertama di layer Outline 1. Kemudian bikin outline yang bagus untuk objek kedua di layer Outline 2. Setelah itu gabungkan keduanya menjadi satu layer outline.

    Untuk shadingnya juga demikian. Jika telaten dan ingin lebih bagus hasilnya, bikin shading yang berbeda untuk 2 objek tsb.

fendi

Apr 2016 at 11:14 am

mas tutorialnya mantap, lengkap dan detail
sya mau coba mas nya ini pake ps cs brapa biar saat pengerjaan tidak membingungkan
sya coba pake ps cs3 dan ps cs5, tidak bisa persis sama ini tutorialnya ada beberapa menu yg hilang, jadi pemula merasa bingung, terima kasih atas jawabannya

    cartoonized.net

    Apr 2016 at 11:33 am

    Tutorial ini dibuat menggunakan Photoshop CS (di belakang ‘CS’ belum ada imbuhan angka). Photoshop CS adalah program versi lama, sebelum ada CS3 dan CS5).

Wahyu Chandra

Apr 2016 at 6:26 pm

kalo misalnya pen tool diganti dengan selection tool bisa gak gan?

    cartoonized.net

    Apr 2016 at 9:56 pm

    Tujuan yang ingin dicapai adalah menghilangkan background di sekeliling Rihanna.
    Untuk itu yang perlu kita lakukan adalah memisahkan Rihanna dari background.

    Untuk memisahkannya kita perlu men-‘seleksi’ Rihanna.
    Cara men-seleksi-nya terserah kita.

    Jika dengan menggunakan ‘selection tool’ Rihanna bisa ter-seleksi, bisa terpisah dari background, maka cara itu bisa dipakai juga.

Blacklist

Apr 2016 at 6:56 pm

Ada link untuk download Adobe Photoshop CS? soalnya pake CS3-CS6 Gabisa ngikutin tutorialnya

    cartoonized.net

    Apr 2016 at 10:01 pm

    Mohon maaf, kami tidak memiliki link yang dimaksud.

    Jika waktunya memungkinkan akan kami coba untuk menulis ulang tutorial ini menggunakan CS3. 🙂

    muti

    Jun 2016 at 3:36 pm

    bisa kok

ria bunda

Apr 2016 at 10:01 am

Trima kasih, ilmunya sangat bermanfaat dan sudah terbukti hasilnya

bagas

Mei 2016 at 12:29 am

min menu menu: Filter :: Sketch :: Photocopy… emang tidak adakah di adobe photoshop cc 2015 ?

    cartoonized.net

    Mei 2016 at 9:03 am

    Coba cari di menu Filter :: Filter Gallery.
    Kemudian pilih folder Sketch
    Cari Photocopy di folder itu.

octavazp

Mei 2016 at 5:11 pm

mas, pada langkah dua seleksi kita klik di layee yang mana?

    cartoonized.net

    Mei 2016 at 8:48 am

    Layer 0

kuni

Jun 2016 at 4:38 am

untuk photoshop cs6, filter photocopy tidak ditemukan, bagaimana ya ?

    cartoonized.net

    Jun 2016 at 6:43 am

    Mohon maaf, kami tidak punya photoshop cs6 sehingga tidak dapat mencobanya.

    Tapi coba Anda cari di menu Filter :: Filter Gallery jika menu itu ada.
    Semua filter ada di situ dan dipisah per kategori filter.

    Buka folder (kategori) Sketch.
    Cari Photocopy di situ.

ZidniRyi

Jun 2016 at 12:02 pm

Makasih tutorialnnya
; zlearn99.blogspot.com

srimartini

Jun 2016 at 7:47 am

gambarnya harus yang berukuran besar ya ?

    cartoonized.net

    Jun 2016 at 9:08 am

    Betul.
    Teknik mengkartunkan foto menggunakan filter photoshop ini memerlukan foto asli berukuran besar agar detil2 wajah bisa ‘muncul’.

      muti

      Jun 2016 at 3:33 pm

      gan kalau mau bikin outline nya pakai brush gimana tuh, muti udah coba tapi pas ngewarnainnya nggak bisa, kalau pakai filter nghak sesuai selera gan

unim

Jun 2016 at 5:44 pm

keren tutorialnya mudah dipahami dan hasilnya juga tidak jauh dari ekspektasi bagi pemula kek ane gini gan~
next tutor yang keren sangat ditunggu spy banyak belajar ke mastah~

vista

Jul 2016 at 2:01 pm

Aku kesulitan di langkah ke 5, di photoshopCS punyaku ga ada paint bucket tool ? Gimana carany biar bisa. Mksh

    cartoonized.net

    Jul 2016 at 10:56 am

    “Paint Bucket tool” ada di tombol yang sama dengan “Gradient tool”.
    Coba klik dan tahan sebentar tombol Gradient tool, nanti akan muncul pilihan paint bucket tool.

Geervin

Jul 2016 at 2:30 pm

Bang ini bisa pesan buat gak ? Kalo bisa boleh minta Line id atau semacam nya kak ?

ascomp

Jul 2016 at 10:04 am

saya bingung membuat layer baru… gmn caranya

    cartoonized.net

    Jul 2016 at 8:48 am

    Tombol “Create New Layer” ada di “Layers Palette”.
    (Layers Palette biasanya letaknya di kanan bawah layar).

    Membuat layer baru bisa juga menggunakan kombinasi tombol Ctrl-Shift-N.

Arief

Agu 2016 at 1:21 pm

Kok ga muncul ya gan foto nya masih yg ori nya aja sy ada problem d layer pny agan ada tanda brush sm mata d layers saya cm ada tanda mata aja

    cartoonized.net

    Agu 2016 at 2:07 pm

    Simbol “mata” pada layer “original” di-klik biar hilang simbol “mata”nya.
    Kalau simbol “mata”nya hilang, layer “original” tidak akan ditampilkan.
    Kalau layer original tidak ditampilkan, layer-layer di bawahnya akan kelihatan (tidak tertutup layer original lagi).

wandi

Agu 2016 at 8:55 am

Makasi banget gan tutorialnya. membantu banget. lagi edit edit foto pacar hahhaa…

Suernikurniawati

Sep 2016 at 11:41 am

saya kesusahan di langkah 2, setelah saya seleksi gak bisa di del, muncul kotak dialog yg menyebutkan gak bisa menggunakan del. Itu bagaimana yaa?
Sama saya nyoba gak bisa membuat cliping mask, kalo saya tekan ctrl + klik outline yg keluar grup
Terima kasih, ditunggu jawabannya

gelasmurah.com

Sep 2016 at 3:19 pm

saya menggunakan adobe photoshop untuk memperbaiki foto terutama untuk cetak gelas, kualitasnya bagus juga menggunakan adobe photoshop untuk Cetak gelas murah

Refaldo Situmorang

Okt 2016 at 4:32 pm

Izin nyimak gan
Kunjungi blog saya gan http: // www . refaldo-situmorang . blogspot . co .id

Taruna Psikologi

Okt 2016 at 11:15 pm

siipp makaasih gan ,,bisa di coba nih caranya… lumayan gampang kok cuma ane 4x nih bacanya baru paham heheehhe

tarunapsikologi . blogspot . com

iksan nurdiansyah

Nov 2016 at 8:24 am

sipp makasih tutornya nanti saya coba…

Rafli

Nov 2016 at 11:26 am

oke gan makasih ane jadi ngarti skrng

okta

Nov 2016 at 12:31 pm

download photoshop cs6 aja , tinggal klik filter,klik filter gallery,klik ok udah selesai

boz ocid

Nov 2016 at 11:39 am

selamat siang, agan.
saya sudah sampai di bagian 4, tetapi muncul permasalahan di filter sketch tidak aktif, saya menggunakan photoshop cs 3. Mohon bimbingannya.
salam

    cartoonized.net

    Nov 2016 at 12:20 pm

    Susunan layernya apakah sudah sama seperti contoh ilustrasi?
    Dan apakah layer yang sedang aktif adalah layer Outline?

      boz ocid

      Nov 2016 at 10:39 am

      iya, sudah sesuai agan. sama persis dengan yg di tutorial. ketika saya klick filter, sketch nya tidak aktif, padahal panel lain seperti blur aktif.
      apakah ada kontak WA yang bisa dibagi gan?
      0813 2773 7900

prediksi bola

Des 2016 at 6:52 pm

trimakasih atas info nya boss

update truss info terbaru nya ya boss..

jangan lupa mampir ke http: // prediksibola1 . com

HaroldNup

Jan 2017 at 3:32 pm

I’ve not identified what I desired

ary

Jan 2017 at 6:17 pm

Di photoshop cc bisa nggk ?

Emma Ida

Feb 2017 at 12:37 pm

makasih . saya berhasil editnya. hanya saja kurang maksimal di pewarnaan rambut. rambutnya hitam,outlinenya hitam. jdi pekat deh .hehe. udah gitu foto yg sy edit poninya halus. jdi ribet deh.wkwkw

    cartoonized.net

    Mar 2017 at 8:53 am

    Hasilnya akan bisa maksimal jika foto aslinya berukuran besar.
    Kalau ingin detil rambut bisa muncul dengan bagus coba pakai foto close up.

Sher

Mar 2017 at 8:12 am

mau ngasih warna ke daerah wajah tpi malah semua layer nya ygbl twarnain , gimana caranya supaya hanya wajah aja yg diwarnain ? Mohon pencerahannya

DImDImm

Apr 2017 at 3:44 pm

Kok Langkah No 4 saya gk ada yahh di Photoshop saya

ZAYNEI

Apr 2017 at 2:48 pm

Untuk yang mau belajar buat effect Cartoo di android silahkan kunjungi blog saya di http://zayneiart.blogspot.co.id/2017/04/cartoon-myself-tutorial.html

Mira

Apr 2017 at 9:28 am

Ga bisa hapus background ?? Mohon bantuannya !! Terimakasih

PercyJedly

Jul 2017 at 2:03 am

214813

fanya

Agu 2017 at 9:03 am

izin copas gan…

Leave a Reply

Cari

Available Languages

Sponsored Links

Komentar Terakhir