Tutorial Menggunakan Pen Tool pada Photoshop

Photoshop | December 3rd, 2009

Menggunakan Pen Tool adalah kemampuan dasar yang harus dimiliki jika ingin menggambar dengan Photoshop. Karya seni seperti vexel membutuhkan teknik dasar Pen Tool untuk bisa membuatnya. Pen Tool juga bermanfaat ketika kita akan membuat karya yang membutuhkan garis-garis atau ketika ingin membuat seleksi. Disini akan saya berikan tutorial sederhana dalam menggunakan Pen Tool.

Tutorial menggunakan pen tool pada photoshop

Pengenalan Bagian-bagian Pen Tool

Sebelum memulai pilih Pen Tool yang terletak pada menu vertikal sebelah kiri jendela Photoshop dan perhatikan bagian-bagian Pen tool berikut. Setiap bagian yang perlu akan saya beri penjelasan mengenai fungsinya masing-masing.

Tutorial menggunakan pen tool pada photoshop

Opsi untuk Pen Tool

Tedapat tiga pilihan yang terdapat dalam kotak. Pilihan yang berfungsi ketika menggunakan Pen Tool hanyalah bagian pertama dan kedua saja, sedangkan bagian ketiga hanya berfungsi ketika menggunakan Rectangle Tool atau sejenisnya.

1. Shape Layers

Dengan memilih Shape Layers maka setiap titik yang kita buat akan dihubungkan membentuk sebuah bidang (shape). Jika antara garis path dan garis yang menghubungkan titik pertama dan terakhir membentuk sebuah area, maka secara otomatis area tersebut akan terpenuhi dengan warna foreground.

Tutorial menggunakan pen tool pada photoshop

2. Paths

Pada opsi Paths setiap titik yang dihubungkan akan membentuk path dan tidak membentuk bidang secara langsung. Opsi inilah yang sering digunakan untuk membuat garis-garis vektor. Dalam tutorial ini opsi inilah yang paling banyak akan kita bahas.

Tutorial menggunakan pen tool pada photoshop

Rubber Band

Mengaktifkan Rubber Band akan sangat membantu karena akan menunjukkan bagaimana bentuk shape selanjutnya sebelum menambahkan Anchor Point.

Opsi Penggabungan Area Path

Disini terdapat empat bentuk penggabungan, masing-masing akan mebuat area yang berbeda jika dua atau lebih path area digabungkan. Untuk lebih jelasnya perhatikan gambar beikut.

Tutorial menggunakan pen tool pada photoshop

Cara Pertama Menggunakan Pen Tool

Ada dua cara untuk menggunakan Pen Tool. Cara pertama buat path baru dengan mengklik ujung kiri atas huruf U, tarik ke kanan dan klik lagi pada sudut lain yang ada di sebelah kanan titik yang pertama. Zoom in agar didapat hasil yang lebih akurat.

Tutorial menggunakan pen tool pada photoshop

Ulangi langkah ini untuk membuat path ke bawah sampai pada titik sebelum lengkungan. Untuk bagian lengkungan mulai dari titik terakhir, klik pada bagian tengah lengkungan, tahan klik dan tarik kursor ke kanan sampai path melengkung dengan rapi.

Tutorial menggunakan pen tool pada photoshop

lanjutkan dengan cara yang sama sampai titik yang terakhir berhimpitan dengantitik yang pertama.

Cara Kedua Menggunakan Pen Tool

Sebenarnya yang membedakan cara pertama dan kedua hanyalah pada bentuk melengkungnya, sedangkan untuk garis yang lurus sama saja dengan cara yang pertama. Jadi pertama buat path untuk garis lurusnya. Klik pada titik permulaan melengkung, lalu klik lagi pada bagian tengah lengkungan. Disini tidak perlu ditahan dan ditarik. Tekan Ctrl dan klik untuk menyudahi path.

Tutorial menggunakan pen tool pada photoshop

Tambahkan Anchor Point pada bagian tengah garis path di bagian lengkungan dengan klik kanan pada path dan pilih Add Anchor Point. Tekan Ctrl, klik Anchor Point yang baru dan tahan lalu geser ke sudut kiri bawah sampai posisinya sesuai lengkungan.

Tutorial menggunakan pen tool pada photoshop

dapat juga dilakukan dengan Add Anchor Point Tool.

Menggunakan Path yang Sudah Jadi

Dari langkah yang diatas kita selesaikan path tersebut sampai membentuk huruf U. Path yang sudah jadi dapat digunakan untuk membuat Vector Mask, mendefinisikan Custom Shape, membuat seleksi, memenuhinya dengan warna dan Stroke Path. Klik kanan pada path untuk memunculkan pilihannya.

Tutorial menggunakan pen tool pada photoshop

Create Vector Mask

Dengan path yang sudah jadi kita dapat mengkrop layer dengan Vector Mask layaknya seleksi untuk Layer Mask.

Tutorial menggunakan pen tool pada photoshop

Define Custom Shape

Kita bisa membuat shape sendiri dengan path yang sudah kita buat. Jadi selanjutnya jika ingin membuat path yang sama tinggal menggunakan shape tersebut. Caranya klik kanan pada path, pilih Define Custom Shape, beri nama shape baru ini, tekan OK.

Tutorial menggunakan pen tool pada photoshop

Make Selection

Klik kanan pada path lalu pilih Make Selection untuk mebuat seleksi yang bentuknya seperti path yang kita buat.

Tutorial menggunakan pen tool pada photoshop

Fill Path

Dari path kita juga bisa mengisi areanya dengan warna tetentu. Bisa dengan warna foreground, background, pattern atau warna lain yang bisa kita pilih sendiri. Kita juga bisa mengatur Blending Mode dan Opacitynya.

Tutorial menggunakan pen tool pada photoshop

Stroke Path

Stroke Path digunakan untuk membuat garis dengan bentuk sepeti path, bisa dengan Brush atau lainya.

Tutorial menggunakan pen tool pada photoshop

Demikian tutorial dasar menggunakan Pen Tool pada Photoshop, selamat mencoba dan jangan lupa subscribe ke Grafisia RSS feed.

25 Comments

  1. rianty says:

    tutorial yg sangat bagus untuk pen tool

    mkasi tipsnya…

  2. narsis says:

    lengkap habis, komplit.. hehe, mantap nih bro!!

    great post!!

  3. anif says:

    keren,
    suwun kang ilmune

  4. pati - jogja pp 40rb says:

    wah ternyata juga bisa pake corel gan,,, tapi sarannya jangan gunain mouse laptop ato mouse ecek2,,, susah benerrr….

  5. primus abdullah says:

    Wah thanks tutorialnya keren banget, tapi ada kesulitan pd saat buat garis dengan PEN TOOL trus tak klik kanan tapi kenapa gak aktif STROKE PATH ya? gimana caranya STROKE PATH bisa aktif terus? bantu aku ya, butuh banget nih, terima kasih

    • habieb says:

      stroke path tdk aktif kemungkinan karena layer yg sedang aktif d layer window adl layer yg kita tdk bs mnggunakan brush padanya misal adjustment layer atau text layer sebelum di rasterize.jika ingin stroke path aktif pastikan layer yg aktif adl layer yg bs kita gunakan brush padanya spt layer biasa atau text layer setelah di rasterize.

  6. dwi says:

    Kenapa setelah di clik kanan yang muncuk cuma delete patf, stroke path, fill path, make selection, ada duplicate path tapi tidak aktif. Bagaimana bisa memunculkan create factor mask dan define custom shape?

    • habieb says:

      klo klik kanannya pada path d paths window (sblah layer dan channel window) memang munculnya seperti itu.tp klo seperti contoh diatas,mengaktifkan pen tool dan klik kanannya pada dokumen (bukan pd paths window) dua pilihan yg ditanyakan akan muncul

  7. dini says:

    maaf, create vektor mask saya ada dipilihan nya tapi tidak aktive sehingga tidak dapat saya gunakan, bagaimana meng-aktive-kan nya?

    terimakasi

    • habieb says:

      itu kemungkinan karena tidak ada satu layerpun yang aktif, coba klik salah satu layer di layer window kemudian coba create vector mask sekali lagi

  8. sachoa putri nutnum says:

    bisa. bisa..
    :D

  9. wau…….. tutorial yg sngat bagus ‘n bermanfaat sudah lama saya mencari tentang ini bahkan sudah hampir 1thn ini..
    terimakasih… atas ilmunya …

  10. Kade says:

    sangat membantu gan…

    ane dr dulu kesulitan make pen tool

  11. ay13v says:

    4 jempol untuk anda … !

  12. Thanks berat buat infornya,,, karang udah bisa buat garis melengkung pake pen tool,, tutorialnya easy understanded banget :)

  13. Shinta says:

    Oke banget Ka tutorialnya, detail dan mudah dimengerti. Bisa ngga sih Ka tool-tool yang lain dibahas lebih lengkap, kaya brush, type, dan penggunaan blending mode. Emang ngga mudah sih bikin tutorial, sampe tutorial di Painthink banyak do copaz orang.

  14. kickymaulana says:

    wah, mantap, ijin bookmark

  15. ikal says:

    saya mmtong gmbar mnggunakn pen tool stlah selasai saya ingin memindahkan tu gambar tapin stlah di pindah kn hnya bntuk garisnya saja yang ada
    gimana tu

  16. Capten_Kribo says:

    canggiH

Leave a Reply