Dasar-dasar Menggambar Vektor dengan Photoshop

Pengenalan Tool untuk menggambar Vektor

Oleh Sigit Eko S

Setelah banyak yang minta tutorial tentang gambar vektor adobe photoshop, baru kali ini saya sempet bikin tutorialnya.. Inipun gak langsung ke gambar vektor nya.. tapi saya akan bahas tentang tool nya dulu aja.. gimana mau dapet ikan kalo kita gak bisa cara pake pancing nya .. tul ga? :p .

Seejaatinyaaa .. (mengutip dari Republik Mimpi atau Insert Investigasi .. hehehe :p) untuk menggambar vektor itu menggunakan software-software yang sudah dikhususkan seperti Corel draw, Adobe Illustrator atau Freehand. Tapi kalau bisa menggabungkan image dan vektor di photoshop, wiihh.. hasil editan jadinya tambah Woookeh alias Top Markotop (mengutip dari wisata Kuliner ( Om Bondan) ) :p!

Ya udah skarang langsung aja. Tool apa aja sih yang digunain untuk menggambar vektor dengan photoshop..?

Tool nya yaitu Pen Tool Bersaudara.

Untuk Memunculkan tool -tool diatas ,  kita tinggal klik yang agak lama di pen tool, nanti keluar menu pilihannya.

Kalo kita sudah memilih  pen tool, di Option bar ada pilihan Shape Layer dan Path.

Shape layer :

Jika kita gambar menggunakan pen tool dan memilih shape layer. maka gambar yang dihasilkan otomatis akan berwarna sesuai warna yang dipilih. Dan otomatis di layer palette akan terbentuk 1 buah layer dengan nama shape 1.

kita bisa ubah gambar tersebut jadi Image dengan cara klik kanan di layer klik Rasterize layer.

Path

Kalo kita gambar suatu bentuk dengan menggunakan PATH maka gambar yang dihasilkan tidak ada warna nya ( tidak ke print ) dan hanya berupa garis bantu aja dan bisa diedit.

PenTool

Dengan pentool ini kita bisa bikin suatu bentuk bebas sesuai dengan keinginan kita.. Bisa juga berfungsi sebagai selection tool.

cara penggunaannya cukup Klik dan drag aja.

Klik : kalo mau bikin 1 titik dan lancip atau berbentuk sudut.

Drag : titik berbentuk lengkung.

Harus sering latian biar lancar.

Freeform Pen Tool

Fungsinya sama dengan PenTool tapi cara pake nya yang beda.

Cara pake nya dengan menekan terus Mouse sambil digeser sesuai bentuk yang pengen dibuat (DRAG)

Add Anchor Point Tool

Lambang tool ini ada tanda + nya. Fungsi nya untuk menambahkan titik di garis yang sudah jadi.

Cara pake nya : cuman tinggal klik di tempat yang mau ditambah titik nya.

Delete Anchor Point Tool

Lambang tool ini ada tanda Minus (-) nya.

Fungsinya untuk menghapus atau menghilangkan titik yang udah ada sebelumnya.

Cara pake nya : Klik di titik yang mau di hapus / dihilangkan.

Convert Point Tool

Fungsi tool ini untuk mengubah titik yang berbentuk sudut ke titik yang berbentuk lengkung dan juga Sebaliknya dari titik berbentuk lengkung ke titik berbentuk sudut..

Cara pake nya :

Lengkung ke Sudut : Cuman Klik di titik lengkung yang mau di jadiin titik sudut.

Sudut Ke Lengkung : Klik sambil geser (drag) ke kiri atau kanan atau atas atau bawah.

Setelah kita selesai gambar pake pentool biasanya ada yang kurang atau bentuknya kurang bagus. Kita gunakan path editor tool seperti Path selection tool dan direct selection tool.

Path Selection tool

Fungsinya untuk memindahkan gambar path kemanapun.

Caranya cuman Klik lalu drag ke tempat tujuan.. (jangan lupa bayar ongkos) hehehe.

Direct Selection Tool

Untuk mengedit bentuk gambar path yang udah ada.

Caranya dengan mengklik gambar path nya, sampai semua titik berwarna putih. Lalu klik salah satu titik yang mau diedit lalu geser.

Mungkin itu dulu aja teori nya..

Postingan selanjutnya saya coba edit foto digabung dengan Vector.

Sekarang pelajari sendiri dulu aja. otak atik.. klak klik.. hehehe..

Selamat Belajar!

INGIN MEMPUBLIKASIKAN ULANG POSTINGAN INI DI WEB / BLOG ANDA? <h2>Dasar-dasar Menggambar Vektor dengan Photoshop</h2> <h1>Pengenalan Tool untuk menggambar Vektor</h1> <p>Oleh <strong><a href="http://ilmuphotoshop.com/about/">Sigit Eko S</a></strong></p> <p>Setelah banyak yang minta tutorial tentang gambar vektor adobe photoshop, baru kali ini saya sempet bikin tutorialnya.. Inipun gak langsung ke gambar vektor nya.. tapi saya akan bahas tentang tool nya dulu aja.. gimana mau dapet ikan kalo kita gak bisa cara pake pancing nya .. tul ga? :p .</p> <p>Seejaatinyaaa .. (mengutip dari Republik Mimpi atau Insert Investigasi .. hehehe :p) untuk menggambar vektor itu menggunakan software-software yang sudah dikhususkan seperti Corel draw, Adobe Illustrator atau Freehand. Tapi kalau bisa menggabungkan image dan vektor di <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/">photoshop</a>, wiihh.. hasil editan jadinya tambah Woookeh alias Top Markotop (mengutip dari wisata Kuliner ( Om Bondan) ) :p!</p> <p>Ya udah skarang langsung aja. Tool apa aja sih yang digunain untuk menggambar vektor dengan photoshop..?</p> <p>Tool nya yaitu <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/">Pen Tool</a> Bersaudara.</p> <a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-tool.jpg"><img class="size-full wp-image-1349" title="path-tool" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-tool.jpg" alt="Pen Tool Bersaudara" width="204" height="184" /></a> <p>Untuk Memunculkan tool -tool diatas ,  kita tinggal klik yang agak lama di pen tool, nanti keluar menu pilihannya.</p> <p>Kalo kita sudah memilih  pen tool, di Option bar ada pilihan Shape Layer dan Path.</p> <h2><span style="text-decoration: underline;"><strong>Shape layer :</strong></span></h2> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/shape-layer.jpg"><img class="alignnone size-full wp-image-1351" title="shape-layer" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/shape-layer.jpg" alt="shape-layer" width="584" height="413" /></a></p> <p>Jika kita gambar menggunakan pen tool dan memilih shape layer. maka gambar yang dihasilkan otomatis akan berwarna sesuai warna yang dipilih. Dan otomatis di layer palette akan terbentuk 1 buah layer dengan nama shape 1.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/shape.jpg"><img class="alignnone size-full wp-image-1352" title="shape" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/shape.jpg" alt="shape" width="283" height="263" /></a></p> <p>kita bisa ubah gambar tersebut jadi Image dengan cara klik kanan di layer klik Rasterize layer.</p> <h2><span style="text-decoration: underline;"><strong>Path</strong></span></h2> <p><span style="text-decoration: underline;"><strong><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path.jpg"><img class="alignnone size-full wp-image-1347" title="path" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path.jpg" alt="path" width="489" height="482" /></a></strong></span></p> <p>Kalo kita gambar suatu bentuk dengan menggunakan PATH maka gambar yang dihasilkan tidak ada warna nya ( tidak ke print ) dan hanya berupa garis bantu aja dan bisa diedit.</p> <h2><span style="text-decoration: underline;"><strong><span style="text-decoration: underline;"><strong><span style="text-decoration: underline;"><strong><span style="text-decoration: underline;"><strong><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/pentools.jpg"><img class="alignnone size-full wp-image-1354" title="pentools" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/pentools.jpg" alt="pentools" width="34" height="26" /></a></strong></span></strong></span></strong></span> PenTool<span style="text-decoration: underline;"><strong><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/pentools.jpg"><br /> </a></strong></span></strong></span></h2> <p>Dengan pentool ini kita bisa bikin suatu bentuk bebas sesuai dengan keinginan kita.. Bisa juga berfungsi sebagai selection tool.</p> <p>cara penggunaannya cukup Klik dan drag aja.</p> <p><span style="text-decoration: underline;"><span style="color: #993300;"><strong>Klik :</strong></span></span> kalo mau bikin 1 titik dan lancip atau berbentuk sudut.</p> <p><span style="text-decoration: underline;"><strong><span style="color: #993300;">Drag :</span></strong></span> titik berbentuk lengkung.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/pen-tool.jpg"><img class="alignnone size-full wp-image-1350" title="pen-tool" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/pen-tool.jpg" alt="pen-tool" width="469" height="335" /></a></p> <p>Harus sering latian biar lancar.</p> <h2><span style="text-decoration: underline;"><strong><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/free-form-pen-tool.jpg"><img class="alignnone size-full wp-image-1356" title="free-form-pen-tool" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/free-form-pen-tool.jpg" alt="free-form-pen-tool" width="33" height="25" /></a> Freeform Pen Tool</strong></span></h2> <p>Fungsinya sama dengan <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/">PenTool</a> tapi cara pake nya yang beda.</p> <p>Cara pake nya dengan menekan terus Mouse sambil digeser sesuai bentuk yang pengen dibuat (DRAG)</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/freeform-pen-tool.jpg"><img class="alignnone size-full wp-image-1346" title="freeform-pen-tool" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/freeform-pen-tool.jpg" alt="freeform-pen-tool" width="469" height="321" /></a></p> <h2><span style="text-decoration: underline;"><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/add-anchor-point-tool1.jpg"><img class="alignnone size-full wp-image-1358" title="add-anchor-point-tool1" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/add-anchor-point-tool1.jpg" alt="add-anchor-point-tool1" width="29" height="26" /></a> Add Anchor Point Tool</span></h2> <p>Lambang tool ini ada tanda + nya. Fungsi nya untuk menambahkan titik di garis yang sudah jadi.</p> <p>Cara pake nya : cuman tinggal klik di tempat yang mau ditambah titik nya.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/add-anchor-point-tool.jpg"><img class="alignnone size-full wp-image-1342" title="add-anchor-point-tool" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/add-anchor-point-tool.jpg" alt="add-anchor-point-tool" width="424" height="362" /></a></p> <h2><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/delete-anchor-point-tool1.jpg"><img class="alignnone size-full wp-image-1359" title="delete-anchor-point-tool1" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/delete-anchor-point-tool1.jpg" alt="delete-anchor-point-tool1" width="30" height="26" /></a><span style="text-decoration: underline;"> Delete Anchor Point Tool</span></h2> <p>Lambang tool ini ada tanda Minus (-) nya.</p> <p>Fungsinya untuk menghapus atau menghilangkan titik yang udah ada sebelumnya.</p> <p>Cara pake nya : Klik di titik yang mau di hapus / dihilangkan.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/delete-anchor-point-tool.jpg"><img class="alignnone size-full wp-image-1344" title="delete-anchor-point-tool" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/delete-anchor-point-tool.jpg" alt="delete-anchor-point-tool" width="466" height="335" /></a></p> <h2><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/convert-point-tool1.jpg"><img class="alignnone size-full wp-image-1360" title="convert-point-tool1" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/convert-point-tool1.jpg" alt="convert-point-tool1" width="34" height="27" /></a><span style="text-decoration: underline;">Convert Point Tool</span></h2> <p>Fungsi tool ini untuk mengubah titik yang berbentuk sudut ke titik yang berbentuk lengkung dan juga Sebaliknya dari titik berbentuk lengkung ke titik berbentuk sudut..</p> <p>Cara pake nya :</p> <p>Lengkung ke Sudut : Cuman Klik di titik lengkung yang mau di jadiin titik sudut.</p> <p>Sudut Ke Lengkung : Klik sambil geser (drag) ke kiri atau kanan atau atas atau bawah.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/convert-point-tool.jpg"><img class="alignnone size-full wp-image-1343" title="convert-point-tool" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/convert-point-tool.jpg" alt="convert-point-tool" width="424" height="631" /></a></p> <p>Setelah kita selesai gambar pake pentool biasanya ada yang kurang atau bentuknya kurang bagus. Kita gunakan path editor tool seperti <strong><span style="text-decoration: underline;">Path selection tool</span> </strong>dan <span style="text-decoration: underline;"><strong>direct selection tool</strong></span>.</p> <h2><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-selection-tool1.jpg"><img class="alignnone size-full wp-image-1361" title="path-selection-tool1" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-selection-tool1.jpg" alt="path-selection-tool1" width="33" height="30" /></a><span style="text-decoration: underline;">Path Selection tool</span></h2> <p>Fungsinya untuk memindahkan gambar path kemanapun.</p> <p>Caranya cuman Klik lalu drag ke tempat tujuan.. (jangan lupa bayar ongkos) hehehe.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-selection-tool.jpg"><img class="alignnone size-full wp-image-1348" title="path-selection-tool" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-selection-tool.jpg" alt="path-selection-tool" width="389" height="226" /></a></p> <h2><span style="text-decoration: underline;"><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/direct-selection-tool1.jpg"><img class="alignnone size-full wp-image-1362" title="direct-selection-tool1" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/direct-selection-tool1.jpg" alt="direct-selection-tool1" width="35" height="28" /></a>Direct Selection Tool</span></h2> <p>Untuk mengedit bentuk gambar path yang udah ada.</p> <p>Caranya dengan mengklik gambar path nya, sampai semua titik berwarna putih. Lalu klik salah satu titik yang mau diedit lalu geser.</p> <p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/direct-selection-tool.jpg"><img class="alignnone size-full wp-image-1345" title="direct-selection-tool" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/direct-selection-tool.jpg" alt="direct-selection-tool" width="409" height="588" /></a></p> <p>Mungkin itu dulu aja teori nya..</p> <p>Postingan selanjutnya saya coba edit foto digabung dengan Vector.</p> <p>Sekarang pelajari sendiri dulu aja. otak atik.. klak klik.. hehehe..</p> <p>Selamat Belajar!</p> <p> Artikel <a href="http://ilmuphotoshop.com/2009/05/20/dasar-dasar-menggambar-vektor-dengan-photoshop/">Dasar-dasar Menggambar Vektor dengan Photoshop</a> ini dipersembahkan oleh <a href="http://ilmuphotoshop.com" title="Tutorial Photoshop Gratis">Tutorial Photoshop Gratis</a>. Kunjungi <a href="http://desktop.93vs.com" title="Wallpaper, Font, Desktop Theme Gratis"> Wallpaper, Font, Desktop Theme Gratis</a> Pokoknya Serba Gratis. Baca Juga <a href="http://photoshopedit.com" title="Adobe Photoshop Tutorial"> Adobe Photoshop Tutorials</a> </p>
*copy-paste kode di atas ke dalam form posting blog Anda

31 Responses to “Dasar-dasar Menggambar Vektor dengan Photoshop”

1. sul says:

   May 20, 2009 at 6:02 am

   siip bangettttttttttttttttttt…………
2. fazz says:

   May 20, 2009 at 9:00 am

   waduh..
   Akhrny kluar jg mas yg sya tunggu2,hehe..
   wlupun hny dsar2nya,tp sngat brmanfaat..

   Trima ksih mas…
3. k4nk says:

   May 20, 2009 at 9:20 am

   waw om nulis lagi hehehe

   om kok q mw bikin lengkung gtu kyak lari2 garis na ga bsa

   sesuai yg q ingin buat . kyk conto gmbr daun itu .

   pa ada yg di pencet2 jg di kibod om ?

   btw thx om plajaran na :d
4. misan says:

   May 21, 2009 at 2:42 am

   Om ajarin aku ilmu photoshop donk,,,, Om tolong kirim tutorial nya donk ke Email aku misan_xrpl1@yahoo.co.id oke Om??ajarin aku ya…….?
5. Argo says:

   May 21, 2009 at 2:59 am

   muantabs!!!!
6. hanz says:

   May 21, 2009 at 12:18 pm

   lama mat kluar nya……………………………………………………

   thanks ya om atas pelajaran nya………..
7. Rinsi Isnaeni says:

   May 24, 2009 at 5:23 am

   aaJiiiiiiiiiiiiiiiiibb, boleh ga om ajarin Q juga mw belajar nich..
   posting selanjutnya kirimin ya ke irinzie@yahoo.co.id

   makacih ya om pelajaran nya…
8. Om Adi says:

   May 25, 2009 at 7:54 am

   ini yang aku cari om….
   maksih n salam kenal yah
9. akbar says:

   May 26, 2009 at 3:17 pm

   keren………….., om ku mau jga belajar ni biar kayak ok
   klw bisa nanti kirim ke akbar_purba50@yahoo.co.id
   ya om………………………….
   makasih atas tutornya..
10. Photoshop Tutorial | Belajar Photoshop | tutorial photoshop | photoshop Menggambar Vektor (Vector) dengan Photoshop says:

    May 27, 2009 at 2:25 am

    [...] anggap semua udah baca postingan saya sebelumnya tentang dasar-dasar menggambar vektor.. Untuk yang sekarang saya posting cara menggambar vektor.. yaa.. sampel sederhana aja ya.. yang [...]
11. toni says:

    May 28, 2009 at 7:04 am

    kerennnn,,,mas ajarin cara bikin karikatur donk
12. LySsA says:

    May 30, 2009 at 11:11 pm

    uwhhhh
    kerennn
    ciephhhh
13. abdul wahid says:

    June 2, 2009 at 10:08 am

    wah yang ini baru tantangan buat gw…..
    pusinggggggggg!!!!
14. Nho2 says:

    June 4, 2009 at 2:41 am

    Dari 0,sampai dkt2 bisa gara2 tutorial mas Sigit,tq bgt Mas tlh berbagi ilmu.Semoga tutorial selanjutnya bisa lbh detil
15. Hend says:

    June 9, 2009 at 11:58 am

    bagus bagus bnget….tambah lagi dong.
    emmm kasi tau dong cara buat wajah manusia cadi mirip boneka.thanks yooo….
16. aan says:

    June 10, 2009 at 8:17 am

    makasih infonya mas…sangat membantu banget neh…soale masih tahap belajar
17. Dedy Luxe says:

    June 14, 2009 at 3:41 am

    makasih mas,, tapi aq lama g’ ngenet nih..
18. parjo_endut says:

    June 21, 2009 at 7:41 am

    thx y mas..
    membantu banget nee..
    d tunggu ilmu yang laennya..
19. odhe says:

    June 22, 2009 at 9:29 am

    MakaCih YAch Om,,,,,,,, BAgs BAngt Buat PeMuLa…
20. akmal says:

    June 28, 2009 at 3:58 am

    siiiiiiiiip laaah . . . .
    berkat mas di sekolah aku bisa pamer editan foto sama tmen-tmen. . . . . .
    hahahahahaahahahah,,,,,,,,,,,,,,
    maakasi . . . .
21. Pasaleman says:

    August 17, 2009 at 8:40 pm

    Cukup menguras otak juja yap…….
22. lisa says:

    August 23, 2009 at 1:54 pm

    aduhh…….
    agak rumit sedikit…………………..
    tetapi lumanyan juga, sudah ada yang ditauh, dari pada tidak sama sekali.
    ia….. gak
23. jarot says:

    September 4, 2009 at 1:39 pm

    makasi tas tutol nya, tapi sayang dasar banget, jadi malas bacanya….
24. BLaCk says:

    September 18, 2009 at 10:14 am

    om.. kirimin tutorial photoshop yang buat ngedit gambar.. ntu bisa d gabung gabungin.. pizz
25. abe says:

    September 25, 2009 at 7:36 am

    mantap bgt smua tutor yg anda berikan aq pelajari thanks bgt
26. Jaielani says:

    March 6, 2010 at 11:50 am

    pelit amat sih ilmu nya,….
27. apep says:

    March 18, 2010 at 10:29 pm

    makasih ya….
28. anin says:

    April 24, 2010 at 3:55 pm

    Pak tutorialnya top abiz..bahasanya asyik nd mdah di mengerti..klo bisa dibuatin ebook tutorial photoshop gratis gitu..hehe (request)
29. davisco says:

    September 2, 2010 at 4:10 pm

    perlu latihan tu supaya refleksnya pas…
30. radit says:

    September 5, 2010 at 5:21 am

    Keren bossss!!!!
    lebih keren lg kalo dibikin ebook, biar bisa dikoleksi hehehe ^^. thx so much!
31. jho says:

    November 27, 2010 at 9:09 pm

    buat nglengkungin kokg sa ya
    cuma pindah sudutnya ja
    …..????
32. her'san says:

    January 27, 2011 at 8:01 am

    . ssiplllagghh ! ssing ssalamett .