Draw with the Pen tools

  1. Panduan Pengguna Photoshop
  2. Pengantar Photoshop
    1. Bermimpi. Wujudkan.
    2. Apa yang baru di Photoshop
    3. Edit foto pertama Anda
    4. Buat dokumen
    5. Photoshop | Pertanyaan Umum
    6. Persyaratan sistem Photoshop
    7. Berkenalan dengan Photoshop
  3. Photoshop dan produk serta layanan Adobe lainnya
    1. Bekerja dengan Illustrator karya seni di Photoshop
    2. Bekerja dengan file Photoshop di InDesign
    3. Materi Substance 3D untuk Photoshop
    4. Gunakan ekstensi Capture dalam aplikasi di Photoshop
  4. Photoshop di iPad (tidak tersedia di Tiongkok daratan)
    1. Photoshop di iPad | Pertanyaan umum
    2. Berkenalan dengan workspace
    3. Persyaratan sistem | Photoshop di iPad
    4. Membuat, membuka, dan mengekspor dokumen
    5. Tambahkan foto
    6. Bekerja dengan lapisan
    7. Gambar dan lukis dengan kuas
    8. Buat seleksi dan tambahkan mask
    9. Poles komposit Anda
    10. Bekerja dengan lapisan penyesuaian
    11. Sesuaikan tonalitas komposit Anda dengan kurva
    12. Terapkan operasi transformasi
    13. Pangkas dan putar komposit Anda
    14. Putar, geser, zoom, dan reset kanvas
    15. Bekerja dengan lapisan Tipe
    16. Bekerja dengan Photoshop dan Lightroom
    17. Dapatkan font yang hilang di Photoshop di iPad
    18. Teks Bahasa Jepang di Photoshop di iPad
    19. Kelola pengaturan aplikasi
    20. Pintasan sentuh dan gestur
    21. Pintasan keyboard
    22. Edit ukuran gambar Anda
    23. Livestream saat Anda berkarya di Photoshop di iPad
    24. Koreksi imperfeksi dengan Kuas Reparasi
    25. Buat kuas di Capture dan gunakan di Photoshop di iPad
    26. Bekerja dengan file Camera Raw
    27. Berkreasi dan bekerja dengan Objek Cerdas
    28. Sesuaikan eksposur dalam gambar Anda dengan Dodge dan Burn
    29. Perintah penyesuaian otomatis di Photoshop di iPad
    30. Coreng area dalam gambar Anda dengan Photoshop di iPad
    31. Tambah atau kurangi saturasi gambar Anda menggunakan alat Spons
    32. Isian berdasarkan konten untuk iPad
  5. Photoshop di web (tidak tersedia di Tiongkok daratan)
    1. Pertanyaan umum
    2. Persyaratan sistem
    3. Pintasan keyboard
    4. Tipe file yang didukung
    5. Pengantar workspace
    6. Buka dan bekerja dengan dokumen cloud
    7. Fitur AI generatif
    8. Konsep dasar pengeditan
    9. Tindakan Cepat
    10. Bekerja dengan lapisan
    11. Poles gambar dan hapus imperfeksi
    12. Buat seleksi cepat
    13. Peningkatan gambar dengan Lapisan Penyesuaian
    14. Pindahkan, transformasi, dan pangkas gambar
    15. Gambar dan lukis
    16. Bekerja dengan lapisan Tipe
    17. Bekerja dengan siapa saja di web
    18. Kelola pengaturan aplikasi
    19. Hasilkan Gambar
    20. Hasilkan Latar Belakang
    21. Gambar Referensi
  6. Photoshop (beta) (tidak tersedia di Tiongkok daratan)
    1. Mulai menggunakan aplikasi Creative Cloud Beta
    2. Photoshop (beta) di desktop
    3. Hasilkan gambar dengan prompt teks deskriptif
    4. Hasilkan latar belakang dengan prompt teks deskriptif
  7. AI generatif (tidak tersedia di Tiongkok daratan)
    1. Pertanyaan umum tentang AI generatif di Photoshop
    2. Generative Fill di Photoshop di desktop
    3. Generative Expand di Photoshop di desktop
    4. Generative Fill di Photoshop di iPad
    5. Generative Expand di Photoshop di iPad
    6. Fitur AI generatif di Photoshop di web
  8. Autentisitas konten (tidak tersedia di Tiongkok daratan)
    1. Kredensial konten di Photoshop
    2. Identitas dan asal usul untuk NFT
    3. Hubungkan akun untuk atribusi kreatif
  9. Dokumen Cloud (tidak tersedia di Tiongkok daratan)
    1. Dokumen cloud Photoshop | Pertanyaan umum
    2. Dokumen cloud Photoshop | Pertanyaan alur kerja
    3. Kelola dan bekerja dengan dokumen cloud di Photoshop
    4. Mutakhirkan penyimpanan cloud untuk Photoshop
    5. Tidak dapat membuat atau menyimpan dokumen cloud
    6. Atasi kesalahan dokumen cloud Photoshop
    7. Kumpulkan log sinkronisasi dokumen cloud
    8. Undang orang lain untuk mengedit dokumen cloud Anda
    9. Bagikan file dan beri komentar dalam aplikasi
  10. Workspace
    1. Dasar-dasar workspace
    2. Preferensi
    3. Belajar lebih cepat dengan Panel Temukan Photoshop
    4. Buat dokumen
    5. Letakkan file
    6. Pintasan keyboard default
    7. Kustomisasi pintasan keyboard
    8. Galeri alat
    9. Preferensi performa
    10. Gunakan alat
    11. Preset
    12. Kisi-kisi dan garis bantu
    13. Gestur sentuh
    14. Gunakan Bar Sentuh dengan Photoshop
    15. Kemampuan sentuh dan workspace yang dapat disesuaikan
    16. Pratinjau teknologi
    17. Metadata dan catatan
    18. Kemampuan sentuh dan workspace yang dapat disesuaikan
    19. Tempatkan gambar Photoshop di aplikasi lain
    20. Penggaris
    21. Tampilkan atau sembunyikan ekstra non-cetak
    22. Tentukan kolom untuk gambar
    23. Urungkan dan riwayat
    24. Panel dan menu
    25. Posisikan elemen dengan pengaitan
    26. Posisikan dengan alat Penggaris
  11. Desain aplikasi, web, dan layar
    1. Photoshop untuk desain
    2. Lembar kerja
    3. Pratinjau perangkat
    4. Salin CSS dari lapisan
    5. Halaman web irisan
    6. Opsi HTML untuk irisan
    7. Ubah tata letak irisan
    8. Bekerja dengan grafis web
    9. Buat galeri foto web
  12. Dasar-dasar warna dan gambar
    1. Cara mengubah ukuran gambar
    2. Bekerja dengan gambar raster dan vektor
    3. Ukuran dan resolusi gambar
    4. Dapatkan gambar dari kamera dan pemindai
    5. Buat, buka, dan impor gambar
    6. Lihat gambar
    7. Kesalahan Penanda JPEG tidak valid | Membuka gambar
    8. Melihat banyak gambar sekaligus
    9. Sesuaikan pemilih warna dan contoh warna
    10. Gambar dengan rentang dinamis tinggi
    11. Cocokkan warna di gambar Anda
    12. Konversi antar-mode warna
    13. Mode warna
    14. Hapus bagian gambar
    15. Mode paduan
    16. Pilih warna
    17. Sesuaikan tabel warna terindeks
    18. Informasi gambar
    19. Filter distorsi tidak tersedia
    20. Tentang warna
    21. Penyesuaian warna dan monokrom menggunakan saluran
    22. Pilih warna di panel warna dan contoh warna
    23. Sampel
    24. Mode Warna atau mode Gambar
    25. Semburat warna
    26. Tambahkan perubahan mode bersyarat ke tindakan
    27. Tambahkan contoh warna dari HTML CSS dan SVG
    28. Kedalaman bit dan preferensi
  13. Lapisan
    1. Dasar-dasar lapisan
    2. Pengeditan yang tidak destruktif
    3. Buat dan kelola lapisan dan grup
    4. Pilih, kelompokkan, dan tautkan lapisan
    5. Tempatkan gambar ke dalam bingkai
    6. Opasitas lapisan dan paduan
    7. Lapisan mask
    8. Aktifkan Filter Cerdas
    9. Komp lapisan
    10. Pindahkan, tumpuk, dan kunci lapisan
    11. Lapisan mask dengan mask vektor
    12. Kelola lapisan dan grup
    13. Efek lapisan dan gaya
    14. Edit mask lapisan
    15. Ekstraksi aset
    16. Tampilkan lapisan dengan mask pemotongan
    17. Hasilkan aset gambar dari lapisan
    18. Bekerja dengan Objek Cerdas
    19. Mode paduan
    20. Gabungkan beberapa gambar ke dalam potret grup
    21. Gabungkan gambar dengan Lapisan Padukan Otomatis
    22. Sejajarkan dan distribusikan lapisan
    23. Salin CSS dari lapisan
    24. Muat seleksi dari batas lapisan atau mask lapisan
    25. Knockout untuk memunculkan konten dari lapisan lain
  14. Seleksi
    1. Mulai menggunakan seleksi
    2. Buat seleksi dalam komposit Anda
    3. Pilih dan Mask workspace
    4. Pilih dengan alat marquee
    5. Pilih dengan alat laso
    6. Sesuaikan seleksi piksel
    7. Pindah, salin, dan hapus piksel yang dipilih
    8. Buat mask cepat sementara
    9. Pilih rentang warna dalam gambar
    10. Konversi antara jalur dan batas seleksi
    11. Dasar-dasar saluran
    12. Simpan seleksi dan mask saluran alfa
    13. Pilih area gambar dalam fokus
    14. Gandakan, bagi, dan gabungkan saluran
    15. Penghitungan saluran
  15. Penyesuaian gambar
    1. Ganti warna objek
    2. Warp perspektif
    3. Kurangi blur goyangan kamera
    4. Contoh kuas reparasi
    5. Ekspor tabel pencarian warna
    6. Sesuaikan ketajaman dan blur gambar
    7. Pahami penyesuaian warna
    8. Terapkan penyesuaian Kecerahan/Kontras
    9. Sesuaikan detail bayangan dan sorotan
    10. Penyesuaian level
    11. Sesuaikan rona dan saturasi
    12. Sesuaikan vibrance
    13. Sesuaikan saturasi warna di area gambar
    14. Lakukan penyesuaian tonal cepat
    15. Terapkan efek warna khusus ke gambar
    16. Sempurnakan gambar Anda dengan penyesuaian keseimbangan warna
    17. Gambar dengan rentang dinamis tinggi
    18. Lihat histogram dan nilai piksel
    19. Cocokkan warna pada gambar Anda
    20. Pangkas dan luruskan foto
    21. Ubah gambar berwarna menjadi hitam dan putih
    22. Penyesuaian dan lapisan isian
    23. Penyesuaian kurva
    24. Mode paduan
    25. Gambar target untuk ditekan
    26. Sesuaikan warna dan rona dengan eyedropper Level dan Kurva
    27. Sesuaikan eksposur HDR dan toning
    28. Dodge dan burn area gambar
    29. Buat penyesuaian warna selektif
  16. Adobe Camera Raw
    1. Persyaratan sistem Camera Raw
    2. Apa yang baru di Camera Raw
    3. Pengantar Camera Raw
    4. Buat panorama
    5. Lensa yang didukung
    6. Efek vinyet, grain, dan kabut dalam Camera Raw
    7. Pintasan keyboard default
    8. Koreksi perspektif otomatis pada Camera Raw
    9. Filter Radial dalam Camera Raw
    10. Pengaturan Camera Raw
    11. Buka, proses, dan simpan gambar dalam Camera Raw
    12. Perbaiki gambar dengan alat Penghapus Spot yang Disempurnakan dalam Camera Raw
    13. Putar, pangkas, dan sesuaikan gambar
    14. Sesuaikan rendering warna dalam Camera Raw
    15. Proses versi dalam Camera Raw
    16. Lakukan penyesuaian lokal di Camera Raw
  17. Perbaikan dan restorasi gambar
    1. Hapus objek dari foto Anda dengan Isian Berdasarkan Konten
    2. Patch dan Pindahkan Berdasarkan Konten
    3. Poles dan perbaiki foto
    4. Koreksi distorsi dan noise gambar
    5. Langkah-langkah pemecahan masalah dasar untuk memperbaiki sebagian besar masalah
  18. Penyempurnaan dan transformasi gambar
    1. Ganti langit dalam gambar Anda
    2. Transformasikan objek
    3. Sesuaikan pemangkasan, rotasi, dan ukuran kanvas
    4. Cara memangkas dan meluruskan foto
    5. Buat dan edit gambar panorama
    6. Bungkus gambar, bentuk, dan jalur
    7. Titik Lenyap
    8. Penskalaan berdasarkan konten
    9. Ubah gambar, bentuk, dan jalur
  19. Menggambar dan melukis
    1. Lukis pola simetris
    2. Gambar persegi panjang dan modifikasi opsi goresan
    3. Tentang menggambar
    4. Gambar dan edit bentuk
    5. Alat melukis
    6. Buat dan modifikasi kuas
    7. Mode paduan
    8. Tambahkan warna ke jalur
    9. Edit jalur
    10. Lukis dengan Kuas Pencampur
    11. Preset kuas
    12. Gradasi
    13. Interpolasi gradasi
    14. Seleksi, lapisan, serta jalur isian dan goresan
    15. Gambar dengan alat Pena
    16. Buat pola
    17. Buat pola menggunakan Pembuat Pola
    18. Kelola jalur
    19. Kelola pustaka pola dan preset
    20. Gambar atau lukis dengan tablet grafis
    21. Buat kuas bertekstur
    22. Tambahkan elemen dinamis ke kuas
    23. Gradasi
    24. Lukis goresan bergaya dengan Kuas Riwayat Seni
    25. Lukis dengan pola
    26. Sinkronkan preset di beberapa perangkat
    27. Migrasikan preset, tindakan, dan pengaturan
  20. Teks
    1. Tambahkan dan edit teks
    2. Mesin Teks Terpadu
    3. Bekerja dengan font OpenType SVG
    4. Format karakter
    5. Format paragraf
    6. Cara membuat efek tipe
    7. Edit teks
    8. Spasi garis dan karakter
    9. Tipe Arabic dan Hebrew
    10. Font
    11. Pecahkan masalah font
    12. Tipe Asia
    13. Buat tipe
  21. Filter dan efek
    1. Gunakan Galeri Blur
    2. Dasar-dasar filter
    3. Referensi efek filter
    4. Tambahkan Efek Pencahayaan
    5. Gunakan filter Sudut Lebar Adaptif
    6. Gunakan filter Cat Minyak
    7. Gunakan filter Likuifikasi
    8. Efek lapisan dan gaya
    9. Terapkan filter tertentu
    10. Coreng area gambar
  22. Menyimpan dan mengekspor
    1. Simpan file Anda di Photoshop
    2. Ekspor file Anda di Photoshop
    3. Format file yang didukung
    4. Menyimpan file dalam format grafis
    5. Pindahkan desain antara Photoshop dan Illustrator
    6. Simpan dan ekspor video dan animasi
    7. Simpan file PDF
    8. Perlindungan hak cipta Digimarc
  23. Manajemen Warna
    1. Memahami manajemen warna
    2. Menjaga warna tetap konsisten
    3. Pengaturan warna
    4. Rona ganda
    5. Bekerja dengan profil warna
    6. Mengelola warna dalam dokumen untuk tampilan online
    7. Mengelola warna dalam dokumen saat mencetak
    8. Mengelola warna dalam gambar yang diimpor
    9. Proofing warna
  24. Desain aplikasi, web, dan layar
    1. Photoshop untuk desain
    2. Lembar kerja
    3. Pratinjau Perangkat
    4. Salin CSS dari lapisan
    5. Halaman web irisan
    6. Opsi HTML untuk irisan
    7. Ubah tata letak irisan
    8. Bekerja dengan grafis web
    9. Buat galeri foto web
  25. Video dan animasi
    1. Pengeditan video di Photoshop
    2. Edit lapisan video dan animasi
    3. Gambaran umum video dan animasi
    4. Pratinjau video dan animasi
    5. Lukis bingkai di lapisan video
    6. Impor file video dan rangkaian gambar
    7. Buat animasi bingkai
    8. Animasi 3D Creative Cloud (Pratinjau)
    9. Buat animasi timeline
    10. Buat gambar untuk video
  26. Mencetak
    1. Cetak objek 3D
    2. Cetak dari Photoshop
    3. Cetak dengan menajemen warna
    4. Lembar Kontak dan Presentasi PDF
    5. Cetak foto dalam tata letak paket gambar
    6. Cetak warna spot
    7. Cetak gambar ke mesin cetak komersial
    8. Tingkatkan kualitas cetakan warna dari Photoshop
    9. Pecahkan masalah pencetakan | Photoshop
  27. Otomatisasi
    1. Membuat tindakan
    2. Buat grafik berbasis data
    3. Pembuatan skrip
    4. Proses batch file
    5. Mainkan dan kelola tindakan
    6. Tambahkan tindakan bersyarat
    7. Tentang tindakan dan panel Tindakan
    8. Alat Rekam dalam tindakan
    9. Tambahkan perubahan mode bersyarat ke tindakan
    10. Kit alat Photoshop UI untuk plug-in dan skrip
  28. Pemecahan masalah
    1. Masalah yang diperbaiki
    2. Masalah yang diketahui
    3. Optimalkan performa Photoshop
    4. Pemecahan masalah dasar
    5. Pecahkan masalah kerusakan atau macet
    6. Pecahkan masalah program
    7. Pecahkan masalah kesalahan gores disk penuh
    8. Pecahkan masalah driver grafis dan GPU
    9. Temukan alat yang hilang
    10. Photoshop 3D | Pertanyaan umum seputar fitur yang dihentikan

Photoshop provides multiple Pen tools to suit your use cases and creative style:

  • The Curvature Pen tool lets you intuitively draw curves and straight segments.
  • The standard Pen tool lets you draw straight segments and curves with great precision.
  • The Freeform Pen tool lets you draw paths as if you were drawing with pencil on a piece of paper. 
  • The Magnetic Pen options let you draw a path that snaps to the edges of the defined areas in your image. 
  • The Content-Aware Tracing tool lets you automate the process for tracing images. (Technology Preview)

Use the Shift+P key combination to cycle through the tools in the Pen group.

Cycle through the Pen tools using the Shift+P key combination

You can use the pen tools in conjunction with the shape tools to create complex shapes. For more information about the modes in which you can draw with the Pen tools, see Drawing modes.

Note:

Before drawing with the Pen tool, you can create a new path in the Paths panel to automatically save the work path as a named path.

Content-Aware Tracing Tool

The Content-Aware Tracing Tool is being introduced as a Technology Preview in the October 2020 release of Photoshop and lets you create vector paths and selections by simply hovering over the edges of your image and clicking.

You can enable the Content-Aware Tracing Tool in Preferences > Technology Previews and then restart Photoshop.

 

Try out the Content-Aware Tracing Tool by following the below five simple steps:

 

  1. From the Pen tools group, select the Content-Aware Tracing Tool.

    Content-Aware Tracing Tool
    Content-Aware Tracing Tool

  2. Hover the cursor over the edge of an object to highlight it.

    Content-Aware Trace Pen Tool
    Highlight image edges

    Note:

    Different zoom levels will affect how Photoshop sees your image and thus how the tool identifies edges.

    For instance, if you're working with a lower resolution image, zooming out may help Photoshop easier identify an edge. Zooming in (100% or more) will result in the tool using the default 1-1 pixel resolution for identifying the edges.

  3. Click on the highlighted section to create a path.

    Content-Aware Tracing Tool
    Click highlighted edges to create a path

  4. To add to the path, hover over an adjacent edge to highlight a new section and hold the Shift key while clicking to extended the path. The pink line that appears indicates that you're adding a new section to the existing path.

    Content-Aware Tracing Tool
    Hold Shift and click to extend your path

  5. To delete an area from the path, hold down the Alt key (Windows) or Option key (Mac) while you click. You can also click and drag in a direction to remove larger sections.

    Content-Aware Trace Pen Tool
    Use Alt or Option while clicking to delete part of the path

Detail

While adjusting the Detail slider, Photoshop displays a preview of the edges that Photoshop sees. Moving the slider to the right increases the amount of edges Photoshop detects and moving to the left decreases the amount of detected edges.

Detail Slider
Detail slider

Tracing

Tracing modes (Detailed, Normal, and Simplified) adjust how detailed or textured the image is prior to processing the tracing.

Tracing
Tracing modes

Use Tracing together with the Detail slider to achieve your desired edges.

Curvature Pen tool

The Curvature Pen tool lets you draw smooth curves and straight line segments with equal ease. Create custom shapes in your designs or define precise paths to effortlessly fine-tune your images using this intuitive tool. While doing so, create, toggle, edit, add, or remove smooth or corner points without ever having to switch tools.

  1. From the Pen tools group, select the Curvature Pen tool.

  2. To create the first anchor point, click or tap anywhere in the document.

  3. Click/tap again to define the second anchor point and complete the first segment of the path. Click once (default) if you want the next segment of your path to be curved. Double-click if you want to draw a straight segment next.

    Note:

    The first segment of your path always appears as a straight line on the canvas initially. Depending on whether you draw a curved or a straight segment next, Photoshop adjusts it later. If the next segment you draw is curved, Photoshop makes the first segment curve smoothly in relation to the next segment.

  4. (Curved path) Using a mouse or on a touch device, drag the pointer to draw the next segment of your path. While the mouse button is pressed down, optimize the curve of the segment. The previous segment is automatically adjusted to keep the curve smooth.

    Optimize the curve of the segment while the mouse button is pressed down.

  5. (Curved path) Release the mouse button to drop the anchor point and complete the second segment.

  6. Draw additional segments and complete the path.

  7. When you're done drawing, press the Esc key.

Tips for working with the Curvature Pen tool

  • While dropping an anchor point, click once if you want the next segment of your path to be curved. Double-click if you want to draw a straight segment next. Photoshop creates smooth or corner points accordingly.
  • To convert a smooth anchor point to a corner point, or vice versa, double-click the point.
  • To move an anchor point, simply drag it around.
  • To delete an anchor point, click it and then press the Delete key. While the anchor point is deleted, the curve is retained and suitably adjusted in relation to the remaining anchor points.
Extra anchor point

Extra anchor point deleted; the curve is suitably adjusted

  • Drag an anchor point to adjust the curve. When you adjust a path segment in this manner, the adjoining path segments are automatically modified (rubber-band effect).
  • To introduce an additional anchor point, simply click in the middle of a path segment.
"Rubber band effect"

Pen tool

Draw straight line segments

The simplest path you can draw with the standard Pen tool is a straight line, made by clicking the Pen tool to create two anchor points. By continuing to click, you create a path made of straight line segments connected by corner points.

Photoshop Pen tool
Clicking the Pen tool creates straight segments.

  1. Select the Pen tool.
  2. Position the Pen tool where you want the straight segment to begin, and click to define the first anchor point (do not drag).
    Note:

    The first segment you draw will not be visible until you click a second anchor point. (Select the Rubber Band option in Photoshop to preview path segments.) Also, if direction lines appear, you’ve accidentally dragged the Pen tool; choose Edit > Undo, and click again.

  3. Click again where you want the segment to end (Shift-click to constrain the angle of the segment to a multiple of 45°).
  4. Continue clicking to set anchor points for additional straight segments.

    The last anchor point you add always appears as a solid square, indicating that it is selected. Previously defined anchor points become hollow, and deselected, as you add more anchor points.

  5. Complete the path by doing one of the following:
    • To close the path, position the Pen tool over the first (hollow) anchor point. A small circle appears next to the Pen tool pointer  when it is positioned correctly. Click or drag to close the path.

    • To leave the path open, Ctrl-click (Windows) or Command-click (Mac OS) anywhere away from all objects.

    To leave the path open, you can also select a different tool.

Draw curves with the Pen tool

You create a curve by adding an anchor point where a curve changes direction, and dragging the direction lines that shape the curve. The length and slope of the direction lines determine the shape of the curve.

Curves are easier to edit and your system can display and print them faster if you draw them using as few anchor points as possible. Using too many points can also introduce unwanted bumps in a curve. Instead, draw widely spaced anchor points, and practice shaping curves by adjusting the length and angles of the direction lines.

  1. Select the Pen tool.
  2. Position the Pen tool where you want the curve to begin, and hold down the mouse button.

    The first anchor point appears, and the Pen tool pointer changes to an arrowhead. (In Photoshop, the pointer changes only after you’ve started dragging.)

  3. Drag to set the slope of the curve segment you’re creating, and then release the mouse button.

    In general, extend the direction line about one third of the distance to the next anchor point you plan to draw. (You can adjust one or both sides of the direction line later.)

    Hold down the Shift key to constrain the tool to multiples of 45°.

    Photoshop Drawing the first point in a curve pen tool
    Drawing the first point in a curve

    A. Positioning Pen tool B. Starting to drag (mouse button pressed) C. Dragging to extend direction lines 

  4. Position the Pen tool where you want the curve segment to end, and do one of the following:
    • To create a C‑shaped curve, drag in a direction opposite to the previous direction line. Then release the mouse button.

    Photoshop pen tool second point in a curve
    Drawing the second point in a curve

    • To create an S‑shaped curve, drag in the same direction as the previous direction line. Then release the mouse button.

    Photoshop pen tool Drawing an S curve
    Drawing an S curve

    Note:

    To change the direction of the curve sharply, release the mouse button, and then Alt-drag (Windows) or Option-drag (Mac OS) the direction point in the direction of the curve. Release the Alt (Windows) or Option (Mac OS) key and the mouse button, reposition the pointer where you want the segment to end, and drag in the opposite direction to complete the curve segment.

  5. Continue dragging the Pen tool from different locations to create a series of smooth curves. Note that you are placing anchor points at the beginning and end of each curve, not at the tip of the curve.
    Note:

    Alt-drag (Windows) or Option-drag (Mac OS) direction lines to break out the direction lines of an anchor point.

  6. Complete the path by doing one of the following:
    • To close the path, position the Pen tool over the first (hollow) anchor point. A small circle appears next to the Pen tool pointer  when it is positioned correctly. Click or drag to close the path.

    • To leave the path open, Ctrl-click (Windows) or Command-click (Mac OS) anywhere away from all objects or select a different tool.

Draw straight lines followed by curves

  1. Using the Pen tool, click corner points in two locations to create a straight segment.
  2. Position the Pen tool over the selected endpoint. A small diagonal line, or slash, appears next to the Pen tool. To set the slope of the curved segment you’ll create next, click the anchor point, and drag the direction line that appears.

    Photoshop pen tool Drawing a straight segment followed by a curved segment
    Drawing a straight segment followed by a curved segment (part 1)

    A. Straight segment completed B. Positioning Pen tool over endpoint C. Dragging direction point 

  3. Position the pen where you want the next anchor point; then click (and drag, if desired) the new anchor point to complete the curve.
    Photoshop pen tool Drawing a straight segment followed by a curved segment
    Drawing a straight segment followed by a curved segment (part 2)

    A. Positioning Pen tool B. Dragging direction line C. New curve segment completed 

Draw curves followed by straight lines

  1. Using the Pen tool, drag to create the first smooth point of the curved segment, and release the mouse button.
  2. Reposition the Pen tool where you want the curved segment to end, drag to complete the curve, and release the mouse button.
  3. Select the Convert Point tool from the toolbox, and then click the selected end point to convert it from a smooth point to a corner point.
    Note:

    Press Alt (Windows) or Option (Mac OS) to temporarily change the Pen tool to the Convert Point tool.

  4. Select the Pen tool from the toolbox, position the Pen tool where you want the straight segment to end, and click to complete the straight segment.

Draw two curved segments connected by a corner

  1. Using the Pen tool, drag to create the first smooth point of a curved segment.
  2. Reposition the Pen tool and drag to create a curve with a second smooth point; then press and hold Alt (Windows) or Option (Mac OS) and drag the direction line toward its opposing end to set the slope of the next curve. Release the key and the mouse button.

    This process converts the smooth point to a corner point by splitting the direction lines.

  3. Reposition the Pen tool where you want the second curved segment to end, and drag a new smooth point to complete the second curved segment.
Photoshop pen tool Drawing two curves
Drawing two curves

A. Dragging a new smooth point B. Pressing Alt/Option to split direction lines while dragging, and swinging direction line up C. Result after repositioning and dragging a third time 

Finish drawing a path

  1. Complete a path in one of the following ways:
    • To close a path, position the Pen tool over the first (hollow) anchor point. A small circle appears next to the Pen tool pointer  when it is positioned correctly. Click or drag to close the path.

    • To leave a path open, Ctrl-click (Windows) or Command-click (Mac OS) anywhere away from all objects.

Settings in the Options bar

When you use the standard Pen tool, the following options are available in the options bar:

  • Auto Add/Delete, which lets you add an anchor point when you click a line segment or delete an anchor point when you click it.
  • Rubber Band, which lets you preview path segments as you move the pointer between clicks. To access this option, click the pop-up menu to the right of the Custom Shape icon.

Freeform Pen tool

The Freeform Pen tool lets you draw as if you were drawing with a pencil on paper. Anchor points are added automatically as you draw. You do not determine where the points are positioned, but you can adjust them once the path is complete. To draw with greater precision, use the Pen tool.

  1. Select the Freeform Pen tool .

  2. To control how sensitive the final path is to the movement of your mouse or stylus, click the inverted arrow next to the shape buttons in the options bar, and enter a value between 0.5 and 10.0 pixels for Curve Fit. A higher value creates a simpler path with fewer anchor points.

  3. Drag the pointer in the image. As you drag, a path trails behind the pointer. When you release the mouse, a work path is created.

  4. To continue the existing freehand path, position the pen pointer on an end point of the path, and drag.

  5. To complete the path, release the mouse. To create a closed path, drag the line to the initial point of the path (a circle appears next to the pointer when it is aligned).

Draw using the magnetic pen options

The Magnetic Pen is an option of the Freeform Pen tool that lets you draw a path that snaps to the edges of defined areas in your image. You can define the range and sensitivity of the snapping behavior, as well as the complexity of the resulting path. The Magnetic Pen and Magnetic Lasso tools share many of the same options.

  1. To convert the Freeform Pen tool to the Magnetic Pen tool  , select Magnetic in the options bar, or click the inverted arrow next to the shape buttons in the options bar, select Magnetic, and set the following:
    • For Width, enter a pixel value between 1 and 256. The Magnetic Pen detects edges only within the specified distance from the pointer.

    • For Contrast, enter a percentage value between 1 and 100 to specify the contrast required between pixels for that area to be considered an edge. Use a higher value for low-contrast images.

    • For Frequency, enter a value between 0 and 100 to specify the rate at which the Pen sets anchor points. A higher value anchors the path in place more quickly.

    • If you are working with a stylus tablet, select or deselect Pen Pressure. When this option is selected, an increase in pen pressure causes the width to decrease.

  2. Click in the image to set the first fastening point.
  3. To draw a freehand segment, move the pointer or drag along the edge you want to trace.

    The most recent segment of the border remains active. As you move the pointer, the active segment snaps to the strongest edge in the image, connecting the pointer to the last fastening point. Periodically, the Magnetic Pen adds fastening points to the border to anchor previous sections.

    Photoshop pen tool fastening points, and continue tracing
    Click to add fastening points, and continue tracing.

  4. If the border doesn’t snap to the desired edge, click once to add a fastening point manually and to keep the border from moving. Continue to trace the edge and add fastening points as needed. If you make a mistake, press Delete to remove the last fastening point.
  5. To dynamically modify the properties of the Magnetic Pen, do one of the following:
    • Alt-drag (Windows) or Option-drag (Mac OS) to draw a freehand path.

    • Alt-click (Windows) or Option-click (Mac OS) to draw straight segments.

    • Press the open square bracket key ([) to decrease the Magnetic Pen width by 1 pixel; press the close square bracket key (]) to increase the pen width by 1 pixel.

  6. Complete the path:
    • Press Enter (Windows) or Return (Mac OS) to end an open path.

    • Double-click to close the path with a magnetic segment.

    • Hold down Alt (Windows) or Option (Mac OS), and double-click to close the path with a straight segment.

Dapatkan bantuan lebih cepat dan lebih mudah

Pengguna baru?