0
Tutorial Membuat Vector di Photoshop / Membuat Foto Menjadi Kartun – Alhamdulillah akhirnya postingan yang saya buat sedikit demi sedikit ini selesai dan bisa saya publish. Hari ini saya akan berbagi tutorial Membuat Vector di Photoshop atau Membuat Foto Menjadi Kartun. Mungkin bagi anda yang sudah berpengalaman dalam bindang desaign grafis tentu anda sudah tidak asing lagi dengan salah satu teknik desaign grafis yang cukup populer ini. Biasanya teknik vector digunakan untuk membuat kartun dan pada dasarnya kebanyakan orang-orang membuat vector menggunakan Corel Draw atau Adobe Illustrator, tetapi ada juga beberapa orang yang menggunakan Photoshop. Biasanya teknik vector di Photoshop digunakan untuk membuat foto menjadi kartun.

Baiklah, sekarang kita akan belajar menggunakan teknik vector untuk membuat foto asli menjadi kartun. Tapi, sebelum kita mulai, pastikan anda telah mengusai penggunaan Pen Tool (P), karena dalam proses pembuatan vector menggunakan photoshop, hampir seluruh langkah-langkahnya menggunakan Pen Tool (P). Apabila anda belum mahir menggunakan Pen Tool (P), silahkan anda baca postingan saya yang berjudul Dasar Photoshop: Mengenal Selelction Tool & Cara Menggunakanya. Sebagai contoh, disini saya akan menggunakan foto dari salah satu model dan juga actor luar negeri Aliana Taylor “Ali” Lohan. Ok! Mari kita mulai.


Bahan :
Hasil Akhir

tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

STEP 1

Buka gambar Ali Lohan, pertama kita akan membuat bagian wajah dan leher, caranya buatlah layer baru (Ctrl + Shif + N) dengan nama “Wajah & Leher”. Selanjutnya buatlah pola kira-kira seperti gambar dibawah ini menggunakan Pen Tool (P).

cara membuat pola vector wajah dan leher menggunakan pen tool - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Kemudian kita akan mewarnai pola yang telah dibuat, caranya atur terlebih dahulu warna foreground menjadi warna kulit (#FFE7C0). Setelah itu, klik kanan pada gambar kemudian pilih Fill Path > Ok.

warnai pola vector yang telah dibuat dengan pen tool menggunakan fill path - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Maka hasilnya akan seperti gambar dibawah ini.

hasil fill path dari pola vector wajah yang telah dibuat - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

STEP 2

Selanjutnya bagian rambut, buat lagi layer baru dengan nama “Rambut” diatas layer ”Wajah & Leher”. Atur warna foreground menjadi warna hitam (#000000). Selanjutnya gunakan lagi Pen Tool (P) untuk membuat pola rambut, tapi sebelumnya non-aktifkan terlebih dahulu Layer Visibility (klik icon kecil bergambar mata disebelah kiri thumbnail layer) pada layer “Wajah & Leher” agar lebih memudahkan anda untuk mengikuti pola rambut dari gambar asli yang akan di edit.

membuat pola vector rambut menggunakan pen tool - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Jika sudah, aktifkan kembali Layer Visibility pada layer “Wajah & Leher” kemudian klik kanan lagi pada gambar lalu pilih Fill Path > OK, maka anda akan meihat hasilnya seperti gambar dibawah ini.

hasil fill path dari pola vector rambut yang telah dibuat - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

STEP 3

Sekarang kita akan membuat alis, non-aktifkan kembali Layer Visibility pada layer “Wajah & Leher”, kemudian buatlah layer baru diatasnya dengan nama “Alis”. Klik Brush Tool (B), lalu atur diameter-nya menjadi 9px dan hardness-nya 0%. Selanjutnya gunakan kembali Pen Tool (P) dan buatlah garis-garis mengikuti gambar alis dari foto Ali Lohan, seperti contoh gambar dibawah ini.

membuat pola garis vector alis menggunakan pen tool - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Selanjutnya pastikan pengaturan foreground anda adalah warna hitam (#000000). Aktifkan kembali Layer Visibility pada layer “Wajah & Leher” klik kanan pada gambar lalu pilih Stroke Path, kemudian pada kotak pilihan silahkan anda pilih Brush dan jangan lupa untuk memberikan tanda centang pada pilihan Simulate Pressure, setelah itu klik OK.

warnai pola vector yang telah dibuat dengan pen tool menggunakan stroke path - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Maka anda akan mendapatkan hasil seperti contoh gambar dibawah ini.

hasil stroke path dari pola vector alis yang telah dibuat - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

STEP 4

Berikutnya adalah membuat bagian mata dan kita akan ita mulai dari mata kiri, non-aktifkan terlebih dahulu layer “Wajah & Leher” dan buatlah layer baru (Ctrl + Shift + N) diatasnya dengan nama “Mata 1”, kemudian untuk warna foreground adalah (#000000). Buatlah pola menggunakan Pen Tool (P) seperti contoh gambar dibawah ini. Kemudian klik kanan pada gambar lalu pilih Fill Path > Ok.

cara membuat vector mata di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Buat lagi layer baru dengan nama “Mata 2" dibawah layer “Mata 1” dan atur warna foreground-nya menjadi (#B77664). Gunakan Pen Tool (P) untuk membuat pola seperti contoh gambar dibawah ini. Selanjutnya berikan warna, caranya masih sama dengan langkah sebelumnya, yaitu klik kanan pada gambar lalu pilih Fill Path , tapi sebelum meng-klik tombol OK, pada pilihan Rendering atur terlebih dahulu feather radius-nya menjadi 1 px , kemudian silahkan klik tombol OK .

cara membuat vector mata menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Kali ini buat layer baru dibawah layer “Mata 2” dengan nama “Mata Putih”, karena kita akan membuat bagian mata yang berwarna putih dan caranya masih sama dengan langkah sebelumnya, yaitu membuat pola terlebih dahulu, kemudian diberi warna dengan cara melakukan klik kanan pada gambar, kemudian pilih fill Path > OK. dan untuk warna foreground-nya adalah #FFFFFF.

cara membuat vector mata menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

STEP 5

Sekarang non-aktifkan Layer Visibility pada layer “Mata Putih”, kemudian kita akan membuat bagian bola mata. Buatlah layer baru dengan nama “Bola Mata 1” diatas layer “Mata Putih”, dan buatlah pola menggunakan Pen Tool (P) atau Ellipse Tool (U) dan atur warna foreground-nya menjadi #1E1302. seperti biasa klik kanan gambar kemudian pilih Fill Path dan atur feather radius-nya menjadi 1 px lalu klik OK.

cara membuat vector bola mata di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Selanjutnya, buat lagi layer baru dengan nama “Bola Mata 2” dan ulangi langkah sebelumnya untuk memberikan warna, tapi kali ini pola-nya sedikit lebih kecil dan untuk warna Foreground-nya adalah #311E03.

cara membuat vector bola mata di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Sekarang buat lagi layer baru dengan nama “Bola Mata 3” diatas layer “Bola Mata 2”. Klik Brush Tool (B) lalu atur diameter-nya menjadi 5 px dan hardness 0% kemudian atur warna foreground menjadi #DD8C1B. Selanjutnya buatlah pola seperti gambar dibawah ini.menggunakan Pen Tool (P), setelah itu klik kanan pada gambar dan pilih Stroke Path dan jangan lupa untuk memberikan tanda centang pada pilihan Simulate Pressure, lalu klik OK.

membuat vector bola mata di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Gandakan layer (CTRL + J) “Bola Mata 3”, maka akan muncul layer baru dengan nama “Bola Mata 3 copy” . Putrlah beberapa derajat layer “Bola Mata 3 copy” menggunakan Free Transform Tool (CTRL + T) seperti contoh gambar dibawah ini. Jika sudah, gabungkan layer (Marge Layer) “Bola Mata 3” dan “Bola Mata 3 copy” dan ubah kembali nama layernya menjadi “Bola Mata 3”, kemudian atur opacity layernya menjadi 35%.

membuat vector bola mata menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Berikutnya buat lagi layer baru dengan nama “Bola mata 4” dan atur warna foreground menjadi #BE8D4B.Selanjutnya buatlah pola seperti gambar dibawah menggunakan Pen Tool (P), lalu klik kanan pada gambar dan pilih Fill Path dan atur feather radius-nya menjadi 1 px lalu klik OK. Kemudian kurangi opacity layernya menjadi 18%.

membuat vector kartun bola mata menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

STEP 6

Ok! Langkah berikutnya adalah membuat pupil mata, buatlah layer baru dengan nama “Pupil”, silahkan anda non-aktifkan Layer Visibility mulai dari layer “Bola Mata1” sampai “Bola Mata 4”. Selanjutnya atur warna Foregroud menjadi hitam (#000000) gunakan Pen Tool (P) atau Ellipse Tool (U) untuk membuat pola lingkaran seperti gambar dibawah ini. Jika sudah, silahkan anda beri warna dengan menu Fill Path dan pastikan feather radius-nya adalah 1 px.

membuat vector pupil mata menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Selanjutnya kita akan membuat cahaya pada bola mata, silahkan non-aktifkan Layer Visibility pada layer “Pupil” dan perhatikan pada bagian bola mata foto Ali Lohan. Nah! silahkan anda buat layer baru dengan nama “Glow” kemudian gunakan Brussh Tool (B) dengan diameter sekitar 15px dan hardness 0%, jangan upa atur warna foreground menjadi warna putih (#FFFFFF) dan silahkan anda brush sesuai dengan cahaya pada bagian bola mata foto Ali Lohan. Jika sudah, aktifkan kembali Layer Visibility mulai dari layer “Pupil” hingga layer “Mata Puith”.

membuat vector cahaya pupil mata menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

STEP 7

Selanjutnya kita akan membuat garis pada kelopak mata bagian atas, buatlah layer baru dengan nama “Garis Mata” diatas layer “Glow” , kemudian klik Brush Tool (B) atur diameter-nya menjadi 9 px dan hardness 0%. Kemudian atur warna foreground-nya menjadi #000000. Selanjutnya gunakan Pen Tool (P) dan buatlah garis seperi gambar dibawah. Setelah itu klik kanan pada gambar dan pilih Stroke Path dan jangan lupa berikan tanda centang pada pilihan Simulate Pressure, kemudian klik OK.

membuat vector kelopak mata menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Ok, kita lanjut ke tahap berikutnya yaitu mebuat bulu mata, buatlah layer baru diatas layer “Garis mata” dengan nama “Bulu Mata” selanjutnya atur warna foreground menjadi warna hitam (#00000). Buatlah pola bulu mata mengikuti bagian bulu mata dari foto asli Ali Lohan menggunakan Pen Tool (P) dan jika sudah, aktfikan kembali Layer Visibility pada layer “Wajah & Leher” dilanjutkan dengan memberi warna pada pola bola mata yang telah dibuat melalui menu Fill Path dengan feather radius sebesar 3 px, kemudian klik OK.

membuat vector bulu mata menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Gabungkan semua layer mata, mulai dari layer “Mata 1” sampai layer “Mata putih” kedalam satu group layer dengan nama “Mata Kiri”, untuk menghemat tempat pada layer palette. Nah,sekarang vector mata sebelah kiri sudah jadi.

hasil dari membuat vector mata di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Dan untuk membuat vector pada mata kanan, silahkan ulangi langkah-langkah mulai dari STEP 4 sampai STEP 7. Jika sudah, maka hasilnya kira-kira seperti contoh gambar dibawah ini.

hasil dari membuat vector mata menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

STEP 8

Baiklah, langkah selanjutnya adalah membuat hidung. Non-aktifkan kembai Layer Visibility pada layer “Wajah & Leher” kemudian buatlah layer baru diatasnya dengan nama “Hidung 1”. Atur warna foreground menjadi #E1AC7B, lalu buatlah pola seperti gambar dibawah ini menggunakan Pen Tool (P). Jika sudah, beri warna melalui menu Fill Path dengan feather radius sebesar 3 px, kemudian klik OK.

cara membuat vector hidung di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Buat lagi layer baru dengan nama “Hidung 2” dan kemudian ulangi langkah sebelumnya, tapi kali ini dengan pola berbeda dan untuk warna foreground adalah #000000.

cara membuat vector hidung menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Selanjutnya atur opacity layer “Hidung 1” dan“Hidung 2” masing-masing 50%, kemudian satukan kedua layer tersebut kedalam sebuah group layer dengan nama “Hidung”.

STEP 9

Ok! Kita lanjut ke tahap berikutnya, yaitu membuat vector pada bagian bibir, silahkan anda non-aktifkan Layer Visibility pada layer “Wajah & Leher” terlebih dahulu. Buatlah layer baru dengan nama “Bibir 1” diatas layer “Wajah & Leher”, kemudian buatlah pola berbentuk bibir (mengikuti foto asli) menggunakan Pen Tool (P). Atur warna foreground menjadi #EB9883, jika sudah klik kanan pada gambar dan pilih Fill Path, atur feather radius sebesar 0 px kemudian klik OK.

membuat vector bibir di photoshop  - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Buatlah layer baru dengan nama “Bibir 2” diatas layer “Bibir 1”. Atur warna foreground menjadi #D98068,selanjutnya buatlah garis seperti gambar dibawah ini menggunakan Pen Tool (P). jika sudah, silahkan beri warna pada pola yang telah dibuat melalui menu Fill Path dengan ukuran feather radius sebesar 3 px.

membuat vector bibir menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Kurangi opacity layer “Bibir 1” sekitar 58% dan non-aktifkan Layer Visibility pada layer “Bibir 2” lalu buat lagi layer baru dibawah layer “Bibir 2” dengan nama “Bibir 3”, kemudian atur warna foreground menjadi #E99C79. Selanjutnya buatlah pola kira-kira seperti gambar dibawah , kemudian ulangi langkah yang sama dengan sebelumnya untuk memberikan warna pada pola yag telah dibuat.

cara membuat vector bibir menggunakan photoshop  - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Berikutnya buat lagi layer baru dengan nama “Bibir 4” dibawah layer “Bibir 3” dan masih sama dengan langkah sebelumnya, tapi kali ini warna foreground-nya adalah #FBBDA9 dan untuk polanya seperti contoh gambar dibawah ini.

cara membuat vector bibir di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Buatlah layer baru dengan nama “Bibir 5” diatas layer “Bibir 2” kemudian non-aktifkan Layer Visibility pada layer “Bibir 3” dan “Bibir 4” lalu lanjutkan dengan cara yang sama seperti sebelumnya, tapi untuk warna foreground-nya adalah #A65142 dan polanya seperti gambar dibawah ini.

cara membuat kartun vector bibir di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Ok, jika sudah silahkan aktifkan kembali Layer Visibility pada layer “Bibir 2”, “Bibir 3”, dan “Bibir 4”, serta kembalikan opacity layer “Bibir 1” menjadi 100%. Kemudian buatlah layer baru dengan nama “Lips Shadow” dibawah layer “Bibir 1”, atur warna foreground menjadi #E7BD97. Selanjutnya buatlah pola kira-kira seperti gambar dibawah , kemudian ulangi langkah yang sama dengan sebelumnya untuk memberikan warna pada pola yag telah dibuat.

cara membuat kartun vector bibir menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Sekarang gabungkan semua layer bibir, mulai dari layer “Lips Shadow” hingga “Bibir 1” kedalam satu grup layer dengan nama “Bibir”. aktifkan Layer Visibility pada layer “Wajah & Leher”, nah sekarang vector untuk bagian bibir telah selesai.

hasil dari membuat vector bibir di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

STEP 10

Selanjutnya kita akan memberikan beberapa paduan warna kulit untuk wajah agar vector terlihat lebih dinamis, biasanya proses ini disebut tracing. Pertama non-aktifkan Layer Visibility pada layer “Wajah & Leher”, lalu gandakan layer (CTRL + J) “Background” (foto asli Asli Lohan). Maka akan muncul layer baru dengan nama “Background copy”, klik layer tersebut dan masuk ke menu Image > Adjustment > Posterize, atur Level-nya menjadi 4 kemudian klik OK.

tracing wajah vector di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Setelah memberikan efek Posterize pada layer “Background copy”, maka anda akan melihat terdapat beberapa campuran warna pada foto Ali Lohan. Nah, warna-warna tersebutlah yang akan kita jadikan patokan untuk melakukan proses tracing atau memberikan beberapa paduan warna kulit pada wajah. Namun, dari beberapa warna yang terbentuk dari hasil Posterize, dalam tutorial ini kita hanya akan fokus pada 4 warna saja, diantaranya warna merah, hijau, kuning, dan merah muda. Perhatikan gambar dibawah ini.

tracing wajah vector menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Terlebih dahulu kita persiapkan beberapa paduan warna kulit, dibawah ini saya sudah sediakan beberapa jenis warna-warna kulit.

jenis jenis warna kulit untuk membuat vector - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Ok! Sekarang kita mulai dari warna pertama, yaitu merah. Buatlah layer baru dengan nama “1” diatas layer “Wajah & Leher”, kemudian silahkan anda membuat pola mengikuti warna merah. Jika sudah, atur warna foreground menjadi warna kulit nomor 1 sesuai pada gambar sebelumnya (#EAB788). Selanjutnya klik kanan pada gambar kemudian pilih Fill Path dan atur feather radius-nya menjadi 20 px, lalu klik OK.

proses tracing wajah vector menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Silahkan anda terpakan langkah sebelumnya untuk 3 warna berikutnya, yaitu hijau, kuning, dan merah muda dan sesuaikan dengan warna kulit seperti contoh pada gambar warna kulit sebelumnya. Yang perlu anda ingat juga adalah setiap warna satu layer, dan letakkan setiap layer baru yang anda buat dibawah layer sebelumnya, contohnya anda tadi telah membuat layer “1” untuk warna pertama (merah), maka untuk warna ke-2 (hijau) anda buat layer baru dengan nama “2” dibawah layer “1”, dan begitu seterusnya hingga layer ke-4. Jika sudah, maka hasilnya kira-kira seperti contoh gambar dibawah ini.

proses tracing wajah vector di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

STEP 11

Non-aktifkan Layer Visibility pada layer-layer yang kita buat untuk tracing wajah, yaitu layer “1” hingga layer “4” dan buatlah layer baru dengan nama “Glow” diatas layer “1”, kemudian atur warna foreground menjadi #FFF5EC lalu buatlah pola seperti gambar dibawah ini. Dan jika sudah, silahkan beri warna melalui menu Fill Path dengan feather radius-nya sebesar 30 px. Selanjutnya masuk ke menu Filter - Gaussian Blur dan atur radius-nya sekitar 36 px , lalu klik OK. Kurangi opacity layernya menjadi 58%.

teknik tracing wajah vector menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Selanjutnya adalah membuat efek bayanang antara dagu dan leher, Non-aktifkan Layer Visibility pada layer “Background copy” dan buatlah layer baru dengan nama “Shadow” diatas layer “Glow” kemudian atur warna foreground menjadi #000000 dilanjutkan dengan membuat pola kira-kira seperti gambar dibawah ini. Jika sudah, aktifkan kembali Layer Visibility pada layer yang kita buat untuk tracing wajah, yaitu layer “1” hingga layer “4” , silahkan anda anda masuk ke menu Fill Path dengan feather radius-nya sebesar 3 px untuk memberi warna pada poa bayangan yang telah dibuat. Selanjutnya silahkan anda beri sedikit sentuhan Filter Gaussian Blur dengan radius sebesar 9px, setelah itu atur opacity layernya menjadi 20%.

teknik tracing bayangan wajah vector menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Jika sudah, silahkan anda satukan mulai dari layer “Wajah & Leher” hingga layer “Shadow” kedalam satu group layer dengan nama “Wajah & Leher”. Nah! proses untuk tracing pada wajah telah selesai dan mari kita lanjut ketahap berikutnya, yaitu tracing pada rambut.

STEP 12

Baiklah, kita masuk ketahap akhir dari tutorial ini, yaitu membuat efek pada rambut. Kita mulai dengan membuat efek garis-garis rambut pada bagian rambut sebelah kanan, pertama nonaktifkan Layer Visibility pada group layer “Wajah & Leher” dan kurangi opacity layer “Rambut” kira-kira 50% sampai 40%. Klik Brush Tool (B) dan atur diameter-nya menjadi 5 px dan hardness sebesar 0%. Ok, sekarang perhatikan bagian yang berwana putih pada rambut dari foto asli Ali Lohan. Buatlah layer baru dengan nama layer “1” kemudian silahkan gunakan Pen Tool (P) anda untuk membuat pola bergaris-garis mengikuti bagian yang berwarna putih pada rambut Ali Lohan, seperti contoh gambar dibawah ini. Selanjutnya atur warna foreground menjadi warna putih (#FFFFFF) dan jika sudah, klik kanan pada gambar dan pilih Stroke Path, pastikan anda memberi tanda centang pada pilihan Simulate Pressure dan dilanjutkan dengan meng-klik OK. Jangan lupa kurangi opacity layernya menjadi 25%.

teknik tracing bayangan wajah vector menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

jika efek garis yang telah anda buat dari hasil Stroke Path terihat kurang, anda dapat menggandakan (CTRL + J) layer dari hasil Stroke Path tersebut, kemudian anda geser kekanan atau kekiri menggunakan Free Transform Tool (CTRL + T).

Baiklah, silahkan anda lanjutkan membuat garis-garis pada bagian rambut yang lainnya dengan mengulangi langkah sebelumnya dan sama dengan pada saat proses tracing pada wajah di STEP 10, usahakan setiap satu bagian rambut yang akan anda buatkan garis adalah satu layer, sebagai contoh disini saya membuat 4 layer dan hasilnya kira-kira seperti gambar dibawah ini.

teknik membuat vector dan tracing rambut menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Berikutnya non-aktifkan Layer Visibility pada layer-layer yang anda buat untuk membuat efek garis rambut, kemudian untuk layer “Background copy” silahkan anda aktifkan kembali Layer Visibility-nya.Buatlah layer baru dengan nama “Glow” dan letakkan posisinya paling atas diantara semua layer/group pada layer palette.Kemudian perhatikan lagi bagian putih pada bagian rambut Ali Lohan, silahkan gunakan Pen Tool (P) untuk membuat pola mengikuti bagian putih tersebut.

cara membuat vector rambut di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Jika sudah, pastikan warna foreground anda adalah warna putih (#FFFFFF), dan silahkan anda warnai pola yang telah anda buat melalui menu Fill Path dengan feather radius-nya sebesar 3 px, lalu klik OK. Kemudian atur opacity layernya menjadi 30%.

cara membuat vector rambut menggunakan photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Nah, aktifkan kembali layer-layer Layer Visibility pada layer-layer yang anda buat untuk membuat efek garis rambut dan juga pada group layer “Wajah & Leher” dan untuk layer “Background” dan “Background copy” silahkan anda nonaktifkan kembali Layer Visibility-nya. Selanjutnya satukan semua layer rambut mulai dari layer “Glow” hingga layer Rambut” kedalam sebuah group layer dengan nama “Rambut”.

hasil vector dan tracing rambut di photoshop - tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Ok, sekarang kita telah selesai membuat vector dari foto Ali Lohan yang telah kita ubah menjadi kartun, silahkan anda berikan background sesuai dengan selera anda.

tutorial membuat vector di photoshop - membuat foto menjadi kartun dengan photoshop

Ok, itulah tadi Tutorial Membuat Vector di Photoshop / Membuat Foto Menjadi Kartun, semoga bisa bermanfaat untuk anda. Dan pesan dari saya adalah tutorial diatas hanyalah sebuah contoh, dan saya sarankan jangan terlalu terpaku pada tutorial, maksudnya adalah anda tidak harus benar-benar mengikuti tutorial diatas secara keseluruhan, silahkan berimprovisasi mulai dari, pola hingga warna-warna sesuai dengan kreatifitas anda untuk melatih kemampuan anda dalam mengolah photoshop. Dan apabila ada yang kurang anda mengerti dari tahap-tahap diatas dibawah ini saya sediakan Video Tutorial Membuat Vector di Photoshop / Membuat Foto Menjadi Kartun, ok saya sudahi dulu postingan hari ini, wassalam.
=====
Tutorial Vexel

Tutorial Vexel dengan Photoshop Created By Fadli Ibnu Malik - Sebelumnya saya ucapkan terima kasih kepada pembaca yang sudah pada mampir lihat serta belajar dari tutor saya ini. Oke disini saya kasih beberapa tahapannya, ini hasil dari pengalaman saya dalam membuat vector, jadi mohon maaf kalau misalkan tutorial saya ini kelihatan sama tekniknya sama orang lain, karena saya juga belajar dari orang lain, tapi disini saya hanya berbagi pengalaman saya serta ilmu yang saya dapatkan dari berbagai referensi yang saya dapat. Dan ini dia step by stepnya :
 Tutorial  Vexel dengan Photoshop
1. Step 1
Pertama buka dulu foto yang akan diedit jadi vector, dengan menekan tombol Ctrl+O atau klik File->Open
 Tutorial  Vexel dengan Photoshop
2. Step 2
Duplicate layer dengan menekan tombol Ctrl+J, Letakkan layer aktif dilayer Background
 Tutorial  Vexel dengan Photoshop
[sociallocker id="2985"]
Buat layer, tekan tombol Ctrl+Delete supaya layer tersebut terisi warna dan beri nama Background
 Tutorial  Vexel dengan Photoshop
 Tutorial  Vexel dengan Photoshop
3. Step 3
Klik Pentool, dengan ketentuan kaya gambar dibawah ini :
 Tutorial  Vexel dengan Photoshop
 Tutorial  Vexel dengan Photoshop
Barulah mulai tracing, kalo saya sih mulainya bagian rambutnya dulu, soalnya paling mudah
 Tutorial  Vexel dengan Photoshop
Nah kalo sudah selesai, klik tombol mata, itu yang dilingkari merah biar tau hasil yang ditracing tadi
 Tutorial  Vexel dengan Photoshop
hasilnya kaya gini nih
 Tutorial  Vexel dengan Photoshop
4. Step 4
Lanjut ke bagian lain, jangan lupa letakkan layer aktifnya di Background yang udah dibuat tadi
Di step ini saya buat Line Art nya dulu saya di mulai dari mata nih, oh ya ada tips nih dari saya kalo mau buat yang lancip tracing seperti biasa tekan tombol Alt sambil klik kembali, atau lebih jelasnya klik yang dilingkari merah itu.
 Tutorial  Vexel dengan Photoshop
Tuh kan jadi ilang si garis lurus yang tadi, baru deh disambungin sampe ujung yang satunya lagi :3
 Tutorial  Vexel dengan Photoshop
Biar ngga terlalu banyak shape, klik Add to shape area atau tekan tombol (+)
 Tutorial  Vexel dengan Photoshop
Disini saya ngetrace keseluruhan matanya dulu terus yang tengahnya dilubangin pake Subtract from shape area atau lebih tepatnya pake tombol (-), ingat ya kalo mau cara kaya gini klik dulu bagian yang mau lubanginnya lihat pada gambar untuk lebih jelasnya dah :3
 Tutorial  Vexel dengan Photoshop
Dan beginilah hasilnya kalo dicek :3 , Tinggal tracing yang bagian lain dah :3
 Tutorial  Vexel dengan Photoshop
Dah jadi nih, hehehe icon smile Tutorial  Vexel dengan Photoshop kalo bagian bola matanya aya pake Ellipse Tool (U)
 Tutorial  Vexel dengan Photoshop
Biar ngga ribet saya suka di grup dulu, tinggal kilk layer yang mau grup terus tekan Ctrl+G, saya beri nama grup tersebut Hair untuk Shape 1 dan Line Art untuk Shape 2
 Tutorial  Vexel dengan Photoshop
5. Step 5
Di langkah ke 5 ini, bagian coloringnya gan. Saya mulai dari bagian matanya dulu ya! Mohon maaf juga nih bagi agan agan/sis disini saya ngga pake Posterize, soalnya udah kebiasaan saya nih :3 dulu sih sempet pake tapi semakin lama semakin ke sini saya jadi ngga pake nih. :3 (sedikit curhat :D)
untuk coloring tempatkan layernya di bawah Line Art tadi gan, kalo diatasnya ya jelas bakal ke tutup nantinya :3
 Tutorial  Vexel dengan Photoshop
Saya buat bagian Shape dengan warna abu-abu sebagai warna dasar, lihat gambar diatas.
 Tutorial  Vexel dengan Photoshop
Dan diatasnya saya buat Shape dengan warna putih, tentunya lebih terang dari warna tadi.
 Tutorial  Vexel dengan Photoshop
INTINYA DALAM COLORING HAL YANG HARUS DIPERHATIKAN ITU, SHAPE/LAYER YANG PALING ATAS PAKE WARNA YANG LEBIH GELAP ATAU LEBIH TERANG DARI SHAPE/LAYER DASAR.
Nah kalo terjadi seperti ini, bahkan saya sering begini kalo males tracing (intinya sih biar cepet nyambungin si shapenya icon biggrin Tutorial  Vexel dengan Photoshop )
klik shape/layer tersebut, klik Layer->Create Clipping Mask atau Alt+Ctrl+G maaf ya kalo ngambarnya kurang jelas icon sad Tutorial  Vexel dengan Photoshop
 Tutorial  Vexel dengan Photoshop
coba perhatikan bagian layernya atau yang dilingkari merah dan perhatikan juga dibagian gambarnya, jadi lebih rapih kan??? Hehehe icon biggrin Tutorial  Vexel dengan Photoshop
 Tutorial  Vexel dengan Photoshop
Lanjut ke bagian bola matanya, oh iya sebelumnya tadi di grup dulu bagian matanya.
Untuk bagian bola mata saya tempatin shape/layernya diatas line art kalo dibawah soalnya bakalan ketutup ama line artnya, saya pake warna coklat untuk warna bola matanya :3
 Tutorial  Vexel dengan Photoshop
Lakukan tracing seperti tadi, dan ingat bagian atas biasanya bagian paling terang :3
Bagian cahayanya saya pake shape/layer putih kaya gambar dibawah ini :
Klik Add layer mask lihat lingkaran merah
 Tutorial  Vexel dengan Photoshop
Klik Brush Tool (B)
 Tutorial  Vexel dengan Photoshop
Opacity dan Flownya saya kurangin biar kelihatan transparan pada saat maskingnya :3
 Tutorial  Vexel dengan Photoshop
saya masking bagian bagian tertentunya biar keliatan halusnya :3 dan lihat shape/layer yang dilingkari terdapat perbedaan ama yang lainnya. Teknik ini disebut Alpha Masking.
 Tutorial  Vexel dengan Photoshop
Didalam masking settingan Foreground yang hitam itu buat ngehapus, dan yang putih (Background) buat ngembaliin warna yang dimasking tadi, jadi kalo mau ngembaliin masking yang sempet kehapus tinggal balik aja settingan Foreground dan Background nya atau bisa juga pake Eraser Tool (E).
 Tutorial  Vexel dengan Photoshop
Begitu seterusnya saya gunain di bagian bibir dan kulit, saya pake Clipping Mask sama Alpha Masking Dan untuk Alpha Masking hanya dibagian tertentu saja :3
 Tutorial  Vexel dengan Photoshop
Bagian kulit
Gunakan beberapa warna/tone berikut
 Tutorial  Vexel dengan Photoshop
 Tutorial  Vexel dengan Photoshop
 Tutorial  Vexel dengan Photoshop
 Tutorial  Vexel dengan Photoshop
 Tutorial  Vexel dengan Photoshop
 Tutorial  Vexel dengan Photoshop
Sebelum pake teknik Alpha Masking
 Tutorial  Vexel dengan Photoshop
Shape/layernya
 Tutorial  Vexel dengan Photoshop
Aktifkan kembali shape/layer untuk melihat bagian yang harus dimasking.
 Tutorial  Vexel dengan Photoshop
Dan inilah hasilnya.
 Tutorial  Vexel dengan Photoshop
Kalo udah tracing jangan lupa di Grup dulu biar kelihatan rapih :3
 Tutorial  Vexel dengan Photoshop
6. Step 6
Step terakhir nih bagian rambutnya :3
Untuk rambut saya tracing manual gan pake tips yang lancip itu, dan seperti biasa layer paling atas paling gelap, jangan lupa kalo bagian rambut bikinnya dibagian grup yang udah diberi nama Hair tadi.
 Tutorial  Vexel dengan Photoshop
Selesai dah !!! icon biggrin Tutorial  Vexel dengan Photoshop
 Tutorial  Vexel dengan Photoshop
[/sociallocker]
Mungkin hanya itu yang bisa saya bagikan dari pengalaman saya sendiri, mohon maaf apabila dalam tutorial ini terdapat kesalahan baik dalam penulisan atau pun hal lainnya, karena disini juga saya masih belajar dalam hal ngevector dan terimakasih pada agan agan/sis yang udah pada mampir liat serta belajar dari tutor saya ini. Sumber
=====
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
kang young gul, fashion king

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

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

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

pola/base untuk kepala

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
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
menyembunyikan mbunyikan layer kepala

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.

membuat alis, mata, serta beberapa garis pada wajah yang berwarna hitam
membuat alis, mata, serta beberapa garis pada wajah yang berwarna hitam
 membuat alis, mata, serta beberapa garis pada wajah yang berwarna hitam
kurang lebih hasilnya seperti ini

membuat alis, mata, serta beberapa garis pada wajah yang berwarna hitam


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
image-adjustment-posterize

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

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

12. Layer K3

13. Layer K4

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.
pewarnaan layer k1


 Pada proses pewarnaan layer K ini, hasilnya kurang lebih seperti ini
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

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

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. 

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

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 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. 


MENGUBAH FOTO MENJADI KARTUN VEKTOR DENGAN PHOTOSHOP
Final Image

Silahkan download file dibawah ini sebagai acuan agan :) Sumber


Posting Komentar

 
Top