Cara Melakukan

Alat Pemilihan Bagian 2: Menguasai Bar Kontrol & Panel Transformasi

Pengantar

Lanjutan dari seri Alat Pemilihan ini membahas Control Bar dan mitra terpresisinya—Transform Panel. Anda akan belajar cara menerapkan pengeditan numerik, tepat untuk ukuran, rotasi, posisi, kemiringan, dan visibilitas sehingga logo, ikon, dan tata letak Anda dapat ditempatkan dengan presisi.

Ringkasan Control Bar

Control Bar (di sisi kanan pada desktop, di bagian bawah pada ponsel) menyesuaikan diri dengan alat yang aktif. Saat Alat Pemilihan aktif, Anda akan melihat:

  • Transform: ukuran tepat, penyesuaian sudut, posisi, kemiringan, visibilitas.
  • Objek: urutan lapisan, grup/batal grup, balik, masker klip.
  • Sesuaikan: sesuaikan dengan kanvas atau objek target.
  • Atur: jarak linier atau tata letak grid.

Panel umum (tersedia di semua alat) meliputi Boolean, Stroke, Shadow, Layers, Settings, Document, dan Export.

Panel Transformasi: Kontrol Presisi

Gunakan Panel Transformasi untuk melakukan pengeditan numerik yang tepat pada pemilihan Anda:

  • Kunci (gembok): Saat dikunci, mengubah Lebar akan memperbarui Tinggi secara proporsional (dan sebaliknya). Buka kunci untuk mengatur setiap dimensi secara bebas.
  • Lebar & Tinggi: Ketik nilai tepat untuk ukuran piksel yang presisi. Gabungkan dengan kunci untuk penskalaan proporsional.
  • Rotasi: Vector Ink memperlakukan sudut yang disimpan objek sebagai direset saat dilepas. Gunakan bidang ini untuk menggeser atau menerapkan delta tepat (misalnya, masukkan 90 untuk memutar 90°). Bidang ini secara otomatis kembali ke 0 setelahnya.
  • Posisi (X, Y): Koordinat relatif terhadap dokumen. Atur X=0 untuk menempel ke tepi kiri, Y=0 ke tepi atas. Tombol panah menggeser dalam increment 10 piksel.
  • Kemiringan: Terapkan kemiringan horizontal/vertikal menggunakan tombol panah. Seperti rotasi, kemiringan diterapkan sebagai delta (tidak dilacak secara permanen sebagai sudut langsung).
  • Visibilitas: Atur opasitas dari 0 (tersembunyi) hingga 1 (sepenuhnya terlihat) untuk alur kerja fokus dan tampilan cepat.

Resep Cepat

  1. Skalakan logo secara proporsional: Kunci gembok → atur lebar yang tepat (misalnya 512) → tinggi akan diperbarui secara otomatis.
  2. Putar dengan nilai tepat: Di Rotasi, masukkan 45 (atau gunakan panah) → putaran diterapkan; bidang kembali ke 0 (perilaku yang diharapkan).
  3. Sesuaikan dengan tepi kanvas: Atur X=0 untuk tepi kiri, Y=0 untuk tepi atas. Gabungkan dengan panel Align untuk penyesuaian pusat akhir.
  4. Buat efek miring halus: Terapkan penyesuaian Skew kecil (misalnya, beberapa ketukan) untuk memiringkan teks atau bentuk secara konsisten.
  5. Fokus edit lapisan: Atur sementara Visibility objek terdekat menjadi 0.2–0.4 saat Anda menyesuaikan elemen utama, lalu kembalikan ke 1.

Tips Pro & Hal yang Perlu Diperhatikan

  • Rotasi nol disengaja: Anggap bidang ini sebagai kontrol "putar oleh". Butuh akurasi pivot? Atur Anchor terlebih dahulu (menu aksi Alat Pemilihan), lalu putar.
  • Grid yang presisi piksel: Gunakan penyesuaian Position (penyesuaian 10 piksel) untuk dengan cepat menempatkan baris/kolom; selesaikan dengan Arrange → Grid.
  • Proporsi bergeser? Pastikan padlock aktif, atau gunakan tindakan Constrain Alat Pemilihan saat menyeret.
  • Miringkan untuk perspektif: Miringkan ringan + pergeseran rotasi kecil dapat meniru perspektif pada kartu UI datar atau badge tanpa efek kompleks.

Latihan 2 Menit

  1. Gambarlah persegi panjang. Di Transform, kunci proporsi dan atur W=320. Masukkan 15 di Rotation.
  2. Atur X=0, Y=0 untuk menempel di pojok kiri atas, lalu geser panah X/Y dua kali untuk menggeser 20 px.
  3. Terapkan dua ketukan Skew horizontal untuk kemiringan halus, lalu atur Visibility menjadi 0.8 untuk pratinjau di atas tata letak yang ramai.

Desain dengan Angka, Bukan Tebakan

Gabungkan panel Transform dengan fitur Target Selection, Align, dan Anchor dari Alat Pemilihan untuk membangun sistem yang bersih dan dapat diulang. Siap mencobanya pada proyek nyata? Buka Vector Ink dan atur logo atau tata letak UI berikutnya dengan kontrol numerik yang presisi.

Related