Tutorial Vexel dengan Photoshop

59689 views

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

[sociallocker id=”2985″]

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 😀 )
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  😀
%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 !!! 😀

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

Mampir ke sini ya :

Visit More 🙂
http://shadowness.com/Fadliibnumalik
http://fadli910.deviantart.com/

Mau Share atau Oder juga boleh :
fadliibnumalik@gmail.com
085724835978

Mahir – Tutorial  Vexel dengan Photoshop

Kata kunci artikel:

tutorial vector photoshop,Tutorial vexel,vexel art,vexel,tutorial vexel photoshop,cara membuat vexel,vector vexel,tutorial vexel photoshop cs3,tutorial vexel photoshop cs6,tutorial vector vexel photoshop,cara membuat vexel art,vector vexel tutorial step by step,tutorial vector vexel,tutorial vexel art,cara membuat vexel di photoshop
(Visited 98,174 times, 4 visits today)

Tags: #tutorial membuat vexel art #tutorial vexel art #vector vexel tutorial photoshop #vexel tutorial illustrator #vexel tutorial photoshop cs3 #vexel tutorial photoshop cs5

  1. author

    adit2 years ago

    gan tutorial smudge ps cs5 dong

    Reply
  2. author

    Hafizh2 years ago

    Nggak Jelas Nih…..
    Kurang ngerti

    Reply
  3. author

    vishal1 year ago

    Hi.

    Reply
  4. author

    tutorial891 year ago

    hasil akhirnya keren mas bro… perlu ketelitian dan kesabaran nih kayanya.

    Reply
  5. author

    ridwan hudiono1 year ago

    waww… hasil yang halusss… saya biasanya pake photoshop sama corel gan.. biar sesuai namanya vector & pixel.. hehe..he..

    Reply
  6. author

    Mister Katak1 year ago

    Mantap gan tutorialnya membantu sekali buat ane yang masih belajar.

    Mister katak

    Reply
  7. author

    anto1 year ago

    bwatin versi videonya gan.. yg slow motion 🙁

    Reply
  8. author

    Kang Ghani1 year ago

    terimakasih ya gan atas tutorialnya..
    agak susah juga ya gan kalau masih pemula kayak saya 😀

    Reply
  9. author

    wira10 months ago

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

    Reply
  10. author

    sakod10 months ago

    mantap gan tutorial nya, harus butuh kesabaran banyak nih 😀 hehe

    Reply
  11. author

    Imran Rahman Surbakti8 months ago

    gak ngerti setting pen toolnya gimana sih? saya pakai versi CC 2015 jadinya beda tampilannya

    Reply
  12. author

    baiem7 months ago

    Om minta file psd nya gak om maaf om pengen blajar vector

    Reply
  13. author

    Sifarid7 months ago

    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.

    Reply
  14. author

    Anto Tunggal5 months ago

    Keren hasilnya.
    Punya saya masih belepotan nih, izin belajar terus

    Reply

Leave a reply "Tutorial Vexel dengan Photoshop"