Tutorial Vexel dengan Photoshop

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 :

%name 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

%name Tutorial Vexel dengan Photoshop

2. Step 2

Duplicate layer dengan menekan tombol Ctrl+J, Letakkan layer aktif dilayer Background

%name Tutorial Vexel dengan Photoshop

Buat layer, tekan tombol Ctrl+Delete supaya layer tersebut terisi warna dan beri nama Background

%name Tutorial Vexel dengan Photoshop

%name Tutorial Vexel dengan Photoshop

3. Step 3
Klik Pentool, dengan ketentuan kaya gambar dibawah ini :
%name Tutorial Vexel dengan Photoshop

%name Tutorial Vexel dengan Photoshop

Barulah mulai tracing, kalo saya sih mulainya bagian rambutnya dulu, soalnya paling mudah

%name Tutorial Vexel dengan Photoshop

Nah kalo sudah selesai, klik tombol mata, itu yang dilingkari merah biar tau hasil yang ditracing tadi
%name Tutorial Vexel dengan Photoshop

hasilnya kaya gini nih

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

%name Tutorial Vexel dengan Photoshop

Tuh kan jadi ilang si garis lurus yang tadi, baru deh disambungin sampe ujung yang satunya lagi :3

%name Tutorial Vexel dengan Photoshop

Biar ngga terlalu banyak shape, klik Add to shape area atau tekan tombol (+)
%name 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

%name Tutorial Vexel dengan Photoshop
Dan beginilah hasilnya kalo dicek :3 , Tinggal tracing yang bagian lain dah :3
%name Tutorial Vexel dengan Photoshop

Dah jadi nih, hehehe :) kalo bagian bola matanya aya pake Ellipse Tool (U)
%name 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

%name 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

%name Tutorial Vexel dengan Photoshop

Saya buat bagian Shape dengan warna abu-abu sebagai warna dasar, lihat gambar diatas.

%name Tutorial Vexel dengan Photoshop

Dan diatasnya saya buat Shape dengan warna putih, tentunya lebih terang dari warna tadi.

%name 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 :D )
klik shape/layer tersebut, klik Layer->Create Clipping Mask atau Alt+Ctrl+G maaf ya kalo ngambarnya kurang jelas :(
%name Tutorial Vexel dengan Photoshop

coba perhatikan bagian layernya atau yang dilingkari merah dan perhatikan juga dibagian gambarnya, jadi lebih rapih kan??? Hehehe :D
%name 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

%name 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
%name Tutorial Vexel dengan Photoshop

Klik Brush Tool (B)
%name Tutorial Vexel dengan Photoshop

Opacity dan Flownya saya kurangin biar kelihatan transparan pada saat maskingnya :3

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

%name 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).
%name 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

%name Tutorial Vexel dengan Photoshop

Bagian kulit

Gunakan beberapa warna/tone berikut

%name Tutorial Vexel dengan Photoshop

%name Tutorial Vexel dengan Photoshop

%name Tutorial Vexel dengan Photoshop

%name Tutorial Vexel dengan Photoshop

%name Tutorial Vexel dengan Photoshop

%name Tutorial Vexel dengan Photoshop

Sebelum pake teknik Alpha Masking
%name Tutorial Vexel dengan Photoshop

Shape/layernya

%name Tutorial Vexel dengan Photoshop

Aktifkan kembali shape/layer untuk melihat bagian yang harus dimasking.

%name Tutorial Vexel dengan Photoshop
Dan inilah hasilnya.

%name Tutorial Vexel dengan Photoshop

Kalo udah tracing jangan lupa di Grup dulu biar kelihatan rapih :3

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

%name Tutorial Vexel dengan Photoshop

Selesai dah !!! :D

%name Tutorial Vexel dengan Photoshop

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.

18 comments

  1. Stepnya lengkap banget gan. Tapi butuh kesabaran kayaknya. Bagi pemula seperti saya, masih meraba2 mencoba untuk memahami dengan pelan2. :)

  2. Kurang ngerti tentang coloring nya gan. terus itu kan pas tracing mata, alis. hidung, mulut di jadiin satu layer, itu gimana cara supaya bisa di buat pisah/di buat group sendiri” kayak yang agan katakan.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.