Lewati ke konten utama

Alat Menggambar

Rive menyediakan seperangkat alat menggambar vektor yang lengkap. Gunakan Pen tool untuk menggambar path kustom, alat bentuk prosedural (rectangle, ellipse, polygon, star, triangle) untuk menempatkan bentuk siap pakai, dan pengeditan vertex untuk menyempurnakan path titik per titik.

Pen Tool

Pen tool memungkinkan Anda menggambar bentuk kustom apa pun dengan menempatkan titik-titik (vertex) di kanvas.

Tekan P untuk mengaktifkan Pen tool, atau pilih dari menu Create Tools di Toolbar.

  • Klik untuk menempatkan vertex lurus (titik sudut tajam).
  • Klik dan seret untuk menempatkan vertex melengkung dengan bezier handle (lengan kontrol yang membentuk kurva).
  • Tekan Esc untuk mengakhiri path tanpa menutupnya.
  • Klik vertex pertama untuk menutup path.

Tipe Handle Vertex

Setiap vertex melengkung memiliki dua bezier handle. Terdapat dua mode handle:

ModePerilaku
MirroredMenggerakkan satu handle akan menyesuaikan handle di sisi sebaliknya secara simetris. Default untuk kurva halus.
StraightKedua handle bergerak secara independen. Digunakan untuk perubahan arah yang tajam.

Pintasan Pen Tool

AksiPintasan
Pisahkan handle saat menggambarAlt/Opt
Beralih tipe handle pada vertexCtrl/Cmd + klik vertex
Hapus sebuah handleCtrl/Cmd + klik handle
Pisahkan sebuah handleAlt/Opt + klik handle
Hapus sebuah vertexAlt/Opt + klik vertex
Duplikat vertexAlt/Opt + seret

Bentuk Prosedural

Bentuk prosedural adalah bentuk geometris siap pakai yang dapat Anda tempatkan di kanvas dan sesuaikan dengan properti numerik — tanpa perlu menggambar titik per titik secara manual.

Pilih shape tool dari Toolbar (atau tekan tombol pintasan), lalu klik dan seret di Stage untuk menggambarnya.

BentukPintasan
RectangleR
EllipseO
Triangle
Polygon
Star

Setiap tipe bentuk menampilkan propertinya sendiri di Inspector: corner radius untuk rectangle, inner/outer radius untuk star, jumlah titik untuk polygon dan star, dan sebagainya. Semua properti ini dapat dianimasikan.

Edit Vertex

Pengeditan vertex memungkinkan Anda memindahkan titik dan handle individual pada path mana pun.

Pilih path di Hierarchy, lalu tekan Enter untuk masuk ke mode pengeditan vertex. Vertex dan handle pada path dapat dipilih dan diseret.

Tekan Esc untuk keluar dari pengeditan vertex dan kembali ke level shape.

Fill dan Stroke

Setiap layer shape dapat memiliki satu atau lebih fill dan stroke. Pilih sebuah shape untuk melihat opsi fill dan stroke di Inspector.

  • Fill — Warna solid, linear gradient, radial gradient, atau image fill.
  • Stroke — Atur warna, lebar, cap (butt, round, square), dan join (miter, round, bevel).
  • Blend Mode — Mengontrol cara warna shape tersebut berbaur dengan elemen di bawahnya.

Baik fill maupun stroke sepenuhnya dapat dianimasikan.

Clipping

Clipping path menutupi satu objek dengan objek lain — seperti pemotong kue yang menyembunyikan semua bagian di luar tepi pemotong.

Objek di atas berperan sebagai clip mask. Hanya area di dalam clip shape yang tetap terlihat.

Untuk melakukan clipping: tempatkan sebuah shape di atas objek yang ingin dipotong, pilih keduanya, lalu gunakan opsi Clipping di Inspector.

Procedural Shapes

Jelajahi semua tipe bentuk prosedural dan properti animasinya.

Fill and Stroke

Detail tentang tipe fill, stroke cap dan join, serta blend mode.