TUTORIAL · SESI 3

Latihan Pen Tool: Membuat Ilustrasi Garis Sederhana

Pen Tool adalah alat paling fundamental dalam desain vektor. Kuasai anchor point dan direction handle lewat latihan klik dan seret langsung di halaman ini, sebelum mempraktikkannya di Illustrator.

AMengenal Anchor Point dan Path

Setiap objek yang dibuat dengan Pen Tool disebut Path — rangkaian titik yang disebut Anchor Point, dihubungkan oleh garis yang disebut Segment. Segment bisa berupa garis lurus atau kurva, tergantung cara anchor point-nya dibuat.

Anchor Point Segment (Kurva) Direction Handle

Anggota utama sebuah path: anchor point, segment, dan direction handle yang mengatur lengkungan.

Corner Point

Dibuat dengan sekali klik (tanpa menyeret). Menghasilkan segmen berupa garis lurus di kedua sisinya.

Smooth Point

Dibuat dengan klik dan seret (drag). Memunculkan direction handle yang membuat segmen di sekitarnya melengkung.

BMembuat Garis Lurus dengan Pen Tool

Pen Tool P

Segmen garis lurus dibuat dengan sekali klik pada tiap titik, tanpa menyeret kursor.

  1. Tekan P untuk mengaktifkan Pen Tool.
  2. Klik satu titik di Artboard sebagai anchor pertama.
  3. Klik titik kedua di lokasi berbeda — akan terbentuk garis lurus penghubung.
  4. Lanjutkan klik titik berikutnya, lalu tekan Enter untuk mengakhiri path terbuka, atau klik kembali ke anchor pertama untuk menutup path.

Coba langsung: klik di dalam kotak berikut untuk menempatkan anchor point Anda sendiri, sama seperti menggunakan Pen Tool di Illustrator.

Klik di dalam kotak untuk menambah anchor point. Titik hijau adalah anchor pertama Anda.

CMembuat Kurva dengan Direction Handle

Untuk membuat segmen melengkung, klik pada anchor point lalu seret (jangan langsung lepas) sebelum berpindah ke titik berikutnya. Semakin panjang direction handle diseret, semakin tajam lengkungannya. Coba geser kedua handle oranye di bawah ini untuk merasakan efeknya secara langsung.

Seret lingkaran oranye (direction handle) untuk mengubah bentuk kurva antara dua anchor point hitam.

DLatihan: Ilustrasi Daun Sederhana

Gabungkan garis lurus dan kurva untuk membuat satu ilustrasi daun lengkap dengan tulang daunnya.

Langkah 1–3 · Bentuk Daun

  1. Tekan P, lalu klik-seret di titik bawah daun untuk membuat anchor pertama sekaligus direction handle.
  2. Klik-seret di titik atas daun untuk membuat anchor kedua, sehingga terbentuk sisi kurva pertama.
  3. Klik kembali ke anchor pertama (kursor akan menampilkan lingkaran kecil) untuk menutup path menjadi bentuk daun utuh.

Langkah 4–5 · Tulang Daun

  1. Tekan P kembali, klik (tanpa menyeret) di pangkal daun, lalu klik di ujung daun untuk membuat garis lurus tulang utama.
  2. Tekan Enter untuk mengakhiri garis tersebut sebagai path terbuka yang terpisah dari bentuk daun.

Langkah 6–7 · Sentuhan Akhir

  1. Beri warna fill hijau pada bentuk daun, dan warna stroke hijau tua pada garis tulang daun.
  2. Simpan file dengan nama: NamaSiswa_Sesi3_IlustrasiDaun, format .ai.

ETips & Trik

TombolFungsi
PMengaktifkan Pen Tool.
Enter / EscMengakhiri path yang sedang dibuat sebagai path terbuka.
Klik di anchor awalMenutup path menjadi bentuk tertutup (closed path).
Alt/Option + Drag anchorMembuat direction handle asimetris, sehingga kurva di kedua sisi anchor bisa berbeda bentuk.
Shift + CMengaktifkan Convert Anchor Point Tool untuk mengubah Corner Point menjadi Smooth Point atau sebaliknya.
AMengaktifkan Direct Selection Tool untuk memilih dan menggeser anchor point atau handle yang sudah dibuat.
Ctrl/Cmd + ZMembatalkan anchor point terakhir yang baru saja ditempatkan.

Saran Praktik

Kalau kurva yang dihasilkan terlihat kaku atau bergelombang tidak rapi, biasanya direction handle-nya terlalu panjang. Coba tarik handle lebih pendek di laboratorium kurva pada Bagian C untuk merasakan perbedaannya sebelum mempraktikkannya di Illustrator.

Video: Pen Tool dan Anchor Point di Adobe Illustrator

Halaman sedang disiapkan