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:

 


50 Comments

Maulidiyah Putri

Nov 2015 at 1:49 pm

Awesome!!!
boleh dicoba nih (y)

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…

Leave a Reply

Cari

Available Languages

Sponsored Links

Komentar Terakhir