Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

Embed Size (px)

Citation preview

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    1/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html

    INSANOO BLOGTips, Trik, Info, Photoshop Tutorials,

    Useless Stuff

    MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    Mengubah foto menjadi kartun vector dengan photoshop

    Berikut ini saya akan memberikan tutorial membuat kartun dengan menggunakan photoshop.

    Alat & bahan yang saya gunakan:

    1. Photo yang akan kita edit

    2. Adobe Photoshop CS6

    3. Segelas kopi hangat

    stepnya sbb:

    1. Buka photoshop dan import foto yang akan kita edit

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.htmlhttp://www.insanoo.com/

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    2/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 2

    2. Klik image-auto tone-auto contrast-auto color

    3. Pilih pen tool dan pada bagian atas pilih mode shape

    http://4.bp.blogspot.com/-pOAz-1NOirw/Utq2OSB9mCI/AAAAAAAAAQk/jSYj8xdZW2w/s1600/auto+kontras+dan+tone.jpghttp://2.bp.blogspot.com/-AJQfz-QCPqQ/UtrQrb9FfiI/AAAAAAAAAVY/qtTtHN_AHF0/s1600/fashion-king-kang-young-gul.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    3/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 3

    4. Dengan menggunakan pen tool, mulailah membuat pola/base untuk kepala. Untuk memudahkan anda ketika menggunakan pen tool, anda bisa

    membuat agar layer lebih transparan dengan menset opacitynya ke 0

     

    http://3.bp.blogspot.com/-vka_dBmDPZI/Utq44u5fccI/AAAAAAAAAQ8/5PTyZXGxevc/s1600/buat+pola+kepala.jpghttp://3.bp.blogspot.com/-vGPCFGiuC0g/Utq32nf9BkI/AAAAAAAAAQ0/8kn4F5-B3Yk/s1600/atur+opacity+shape+ke+0.jpghttp://2.bp.blogspot.com/-iyopQYjlXfc/Utq24KPqKWI/AAAAAAAAAQs/c0X-G6vJOzY/s1600/pilih+shape.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    4/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 4

    5. Setelah pola kepala selesai anda buat, silahkan ganti nama layer shape dengan nama kepala dan set kembali opacitynya ke 100

    6. Dobel klik thumbnail layer kepala kepala dan set warnanya #f5e0d1

    7. Berikutnya membuat rambut seperti pada step sebelumnya dengan menggunakan pen tool. Sebelumnya sembunyikan dulu layer kepala

    dengan mengklik gambar mata pada area layer

    http://1.bp.blogspot.com/-IpnF9T7j7Wo/Utq5Nln5m_I/AAAAAAAAARE/oNkhGqTowPg/s1600/hasil+pemberian+warna.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    5/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 5

    8. Berikutnya adalah membuat alis, mata, serta beberapa garis pada wajah yang berwarna hitam. Untuk membuat beberapa shape dalam satu

    layer, pilih combine shapes pada opsi pen tool. Beri nama layer ini bagian hitam.

    http://3.bp.blogspot.com/-uKqs_StIxT8/Utq71npRZ8I/AAAAAAAAARg/-PSMEEPbLvs/s1600/combain+shape.jpghttp://4.bp.blogspot.com/-44CyrYw_de4/Utq5cb7ck6I/AAAAAAAAARM/DNvCeAVsELw/s1600/pola+rambut.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    6/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 6

     

    kurang lebih hasilnya seperti ini

    http://2.bp.blogspot.com/-k8NPvf-cTlI/Utq7ziKNyJI/AAAAAAAAARc/E2B2mkjZ-_4/s1600/bagian+hitam.jpghttp://1.bp.blogspot.com/-05-f-zFqFDc/Utq74w0nWzI/AAAAAAAAARs/DdIcbvyO5fY/s1600/pembuatan+alis.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    7/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 7

    9. Berikutnya pilih layer background dan copy layer tersebut dengan menekan ctrl + J. Klik image-adjustment-posterize dan set levelnya ke 4

    dengan begitu kita akan lebih mudah dalam pewarnaan kontur

    10. Dengan menggunakan pen tool buat pola seperti gambar dibawah ini, kemudian ganti nama layernya K1

    http://1.bp.blogspot.com/-_xU2UAhamp8/Utq9_2-aHlI/AAAAAAAAASA/UvW1EpisAC8/s1600/posterize.jpghttp://1.bp.blogspot.com/-wlsiB_I9Pbc/Utq80bcZ1KI/AAAAAAAAAR0/OcizmMG1ar8/s1600/hasil+sementara.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    8/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 8

    11. Seperti pada step sebelumnya buat pola seperti gambar berikut dan ganti namanya menjadi K2

    http://2.bp.blogspot.com/-qI4r-s3yQgc/Utq-eLcFfRI/AAAAAAAAASU/XKg1BJ_mr9E/s1600/k2.jpghttp://3.bp.blogspot.com/-l_-yQWOEOTk/Utq-YQ8JLAI/AAAAAAAAASI/Ll-ODF72BEY/s1600/k1.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    9/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 9

    12. Layer K3

    13. Layer K4

    http://3.bp.blogspot.com/-XCW4NK6tXmE/Utq_GEYfRLI/AAAAAAAAASg/5sWCR2v1VNk/s1600/k3.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    10/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 10

    14. Atur susunan layernya dari K1, K4, K3, K2 dan untuk lebih memudahkan, masukkan semu layer K ini dalam satu grup.

    15. Beri warna pada layer K. Klik thumbnail K1, kemudian ambil sampel warna dari layer kepala. Kemudian pilih warna yang sedikit lebih terang

    dari warna layer kepala pada color picker. Sedangan untuk K2, warnanya harus lebih gelap dari layer kepala. Untuk K3, warnanya lebih gelap dari

    K2. Untuk K4 warnanya lebih gelap dari K3.

    http://2.bp.blogspot.com/-8rPRIC7jGzA/Utq_59AL0dI/AAAAAAAAASs/NwAaSIytapA/s1600/layer+order.jpghttp://2.bp.blogspot.com/-_ZGzhPNXu9A/Utq_eraMzxI/AAAAAAAAASk/1yJWh3MtT-Y/s1600/k4.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    11/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 1

    pewarnaan layer k1

     Pada proses pewarnaan layer K ini, hasilnya kurang lebih seperti ini

    http://4.bp.blogspot.com/-PFCn_FVDGdY/UtrCEWuMJFI/AAAAAAAAATM/Wm8_juGP6dg/s1600/pewarnaan+k1-2.jpghttp://4.bp.blogspot.com/-r36l8dQZP8s/UtrCEMkK8iI/AAAAAAAAATA/uAVZ-cOuLsQ/s1600/pewarnaan+k1.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    12/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 12

    hasil pewarnaan

    16. Berikutnya adalah membuat bibir. Pilih pen tool, dan buatlah bibir dengan warna #dbacbb, untuk efek highlight bibir gunakan warna yang

    sedikit lebih terang dari warna bibir. Sedangkan untuk layer gigi cukup gunakan warna putih. Atur posisi layer ini agar berada dibawa layer K

    http://1.bp.blogspot.com/-22SWoP0cRtw/UtrD0etcuqI/AAAAAAAAATU/Esu4KW0qAe4/s1600/bibir&gigi.jpghttp://4.bp.blogspot.com/-UyhOQF8f_G4/UtrCCWiL_qI/AAAAAAAAAS8/zKm7cx4yyq8/s1600/hasil+sementara2.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    13/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 13

    17. Klik layer bagian hitam kemudia pilih pentool. Buatlah shape untuk mata dan beri warna seperti gambar dibawah

    18. Buat shape highlight pada rambut dan beri warna sepert gambar ini

    http://4.bp.blogspot.com/-JppVm7x1nqc/UtrFBOIi2zI/AAAAAAAAATk/QR9qlIfHglE/s1600/mata.jpghttp://3.bp.blogspot.com/-m4gbCPwmW4Y/UtrEoASBmSI/AAAAAAAAATc/zZaRCzJiCPs/s1600/layerorder.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    14/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 14

    19. Buat layer baru dan ubah namanya menjadi garis telinga, pilih pen tool namun ganti modelnya dari shape ke path dan buat pola seperti

    gambar dibawah.

    http://4.bp.blogspot.com/-ZVipPBIdRIA/UtrF7RCawDI/AAAAAAAAAT8/YfL9lufQpWo/s1600/garis+telinga.jpghttp://2.bp.blogspot.com/-kdxTyTiDqzo/UtrFxGClGQI/AAAAAAAAAT0/yomAfKLM_ng/s1600/pilih+path.jpghttp://2.bp.blogspot.com/-_HmBwZolOoM/UtrXSYlx1NI/AAAAAAAAAVo/11PMPOkKues/s1600/highlight+rambut.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    15/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 15

    Pilih brush dengan mode hard rounded pressure size rubah ukurannya menjadi 3 px. Pilih kembali pentool, klik kanan pilih stoke path kemudian

    pilih brush dan ceklis simulate pressure lalu ok. Pada layer yang sama buatlah bola mata dengan menggunkan brush

    20. Berikutnya adalah membuat baju. Pilih pentool dengan mode shape dan buatlah model bajunya. Klik thumbnailnya dan beri warna #131212.

    Brikutnya buat shape baru dengan warna yang lebih gelap.

    21. Buat layer baru untuk pola baju, gunakan lasso tool dan poligonal lasso tool. Klik kanan dan fil dengan warna #cae0e7. Gunakan brush untuk

    membuat garis pada pola tersebut

    http://1.bp.blogspot.com/-vVtrB-kOkuE/UtrGnOUkP8I/AAAAAAAAAUE/D0IMzDSePJM/s1600/baju.jpghttp://4.bp.blogspot.com/-17w1X4W4mLE/UtrFT_nB8hI/AAAAAAAAATw/MFzeW0K7FuQ/s1600/highlight+rambut.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    16/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 16

    22. Hapus layer background dan background copy karena 2 layer ini sudah tidak kita butuhkan lagi. kemudian klik kanan pada salah satu layer dan

    pilih merge visible ato flatten imge. Dobel klik layer yang sudah dimerge tadi untuk membuka layer style. pilih stroke & ubah sizenya menjadi 2

    http://4.bp.blogspot.com/-yX0shv6Vh5c/UtrIeo8UeNI/AAAAAAAAAUY/tZaHZG9Kbjw/s1600/pola+baju1.jpghttp://4.bp.blogspot.com/-DH8f21B0lQs/UtrINS-2g5I/AAAAAAAAAUQ/KYvpYdY_hNI/s1600/pola+baju.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    17/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 17

    dengan posisi inside

    23. Buat layer baru untuk backround dan beri warna orange atau warna lain yang anda mau dengan menggunakan paint bucket.

    Klik layer-new fill layer-gradient. Klik gradient untuk membuka gradient editor kemudian pilih yang red-green, ok. Rubah angle menjadi 180, ok. Set

    blending layer tersebut overlay dan merge semua layer. Kemudian save as sesuai keinginan anda.

    http://3.bp.blogspot.com/-YnOt7MroaPw/UtrMn7nHSwI/AAAAAAAAAUw/LEjVK4aG2Fw/s1600/bgr+ornge.jpghttp://4.bp.blogspot.com/-K-cxcE193o0/UtrJqqwy7EI/AAAAAAAAAUk/aqd_bOc6Q8E/s1600/stroke.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    18/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    http://www.insanoo.com/2014/01/membuat-gambar-kartun-dengan-photoshop.html 18

    http://2.bp.blogspot.com/-tfWI9M5UamE/UtrNZZ93ErI/AAAAAAAAAVA/zBMk7t1ocmg/s1600/set+angel+gradient.jpghttp://4.bp.blogspot.com/-nXxe1E0kMsA/UtrM_j5n-_I/AAAAAAAAAU4/umlZekIBbok/s1600/gradientfill.jpg

  • 8/17/2019 Mengubah Foto Menjadi Kartun Vektor Dengan Photoshop

    19/19

    5/19/2016 MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP

    Final Image

    Silahkan download file dibawah ini sebagai acuan agan :)

    http://2.bp.blogspot.com/-iL1H8yx5Mn4/UtrOkFnM4rI/AAAAAAAAAVM/wdaSbHMh2X4/s1600/blndingopt.jpg