Cara Mengatur Jarak Tepat Antartitik di Sepanjang Jalur Vektor di Illustrator

Sebelum memasukkan angka, tentukan jarak mana yang dibutuhkan desain Anda. Dua ukuran yang terdengar mirip menghasilkan pengaturan berbeda: jarak pusat-ke-pusat, yang juga disebut pitch, dan jarak tepi-ke-tepi, yaitu celah yang terlihat di antara titik-titik yang berdekatan.

Untuk titik melingkar pada jalur lurus, misalkan D adalah diameter titik, P adalah pitch pusat-ke-pusat, dan E adalah celah tepi yang terlihat. Hubungan geometrisnya adalah P = D + E. Titik berukuran 4 pt dengan celah kosong 6 pt memerlukan pitch 10 pt.

Dengan dash sepanjang nol, kedua ujung bulat membentuk lingkaran. Ketebalan goresan menentukan diameternya, sedangkan pola dash menentukan posisinya di sepanjang jalur. Spesifikasi pengecatan SVG menjelaskan geometri ujung bulat ini secara eksplisit.

Hasil yang diinginkan pada jalur lurus	Diameter titik	Pitch pusat-ke-pusat	Gap Illustrator dengan Dash = 0
Jarak antarpusat 10 pt	4 pt	10 pt	10 pt
Celah terlihat 6 pt	4 pt	10 pt	10 pt
Celah terlihat sama dengan diameter titik	4 pt	8 pt	8 pt

Ukuran ini hanya contoh. Gunakan satuan yang sama dalam seluruh perhitungan, dan periksa satuan yang ditampilkan di aplikasi sebelum memasukkan setiap nilai. Tentukan juga apakah ukuran Anda mengikuti lengkungan: jalur melengkung menambahkan perbedaan lain yang dibahas di bawah.

Mulailah dengan satu jalur dan goresan polos dengan ketebalan seragam. Untuk garis dekoratif terbuka, hilangkan isian agar titik-titik terlihat jelas. Gunakan jalur uji lurus sederhana sebelum menerapkan pengaturan pada karya karakter yang sudah selesai.

1. Pilih jalur, lalu buka Window > Stroke.
2. Jika perlu, pilih Show Options dari menu panel.
3. Atur Weight goresan ke diameter titik yang diperlukan—misalnya, 4 pt.
4. Pilih Round Cap.
5. Aktifkan Dashed Line.
6. Masukkan 0 pt di kolom Dash pertama dan 10 pt di kolom Gap pertama.
7. Hapus entri dash/gap tambahan agar pola hanya berisi pasangan yang diinginkan.
8. Pilih Preserve exact dash and gap lengths.

Adobe mendokumentasikan urutan dash dan kontrol pelestarian di panel Stroke, sementara petunjuk ujung garisnya menyebut Round Cap sebagai perlakuan ujung setengah lingkaran. Tutorial garis bertitik CreativePro memberikan pengaturan dash nol secara spesifik.

Dengan pengaturan contoh di atas, hasilnya adalah titik 4 pt dengan interval 10 pt, menyisakan celah 6 pt di antara tepinya pada jalur uji lurus. Ubah Weight untuk mengubah ukuran titik; ubah Gap untuk mengubah pitch. Catat kedua nilai tersebut agar tampilannya dapat dibuat ulang di bagian lain karya.

Illustrator menyediakan opsi lain: Align dashes to corners and path ends, adjusting lengths to fit. Pengaturan ini memprioritaskan penyesuaian pola di lokasi tersebut. Adobe membedakannya dari pengaturan untuk mempertahankan panjang dash dan gap asli dalam petunjuk resminya.

Pilih pengaturan sesuai kebutuhan sebenarnya. Jika spesifikasinya menyebut “pusat titik setiap 10 pt”, pertahankan panjangnya. Jika kebutuhan visualnya adalah pola yang pas dengan rapi di kedua ujung, Anda dapat memilih penyesuaian, tetapi periksa interval yang dihasilkan alih-alih menganggap angka yang dimasukkan tetap sama.

Panjang jalur tidak selalu dapat menampung jumlah interval bulat. Ini adalah batasan geometris yang harus diatasi melalui panjang jalur, pitch, atau penataan titik ujung. Mengubah pengaturan perataan tidak dapat membuat ukuran yang saling bertentangan menjadi tepat secara bersamaan.

Misalkan sebuah jalur terbuka sepanjang 103 pt, dan titik-titik harus berjarak 10 pt. Jika pusat titik pertama berada di awal jalur, pusat-pusat berikutnya berada di 0, 10, 20, dan seterusnya hingga 100 pt. Hasilnya adalah 11 titik dan tersisa 3 pt antara pusat terakhir dan titik ujung.

Ada tiga cara praktis untuk menentukan hasilnya:

• Pertahankan pitch dan posisi awal: terima sisa 3 pt di ujung lainnya.
• Pertahankan pitch dan pusatkan deretan titik: tempatkan pusat titik pertama dan terakhir 1,5 pt dari masing-masing ujung.
• Pusat titik harus berada di kedua ujung: ubah rentang pusat menjadi 100 pt, atau gunakan sepuluh interval masing-masing 10,3 pt di sepanjang jalur asli yang panjangnya 103 pt.

Susunan terpusat merupakan sasaran penempatan; pengaturan dash/gap dasar saja tidak menentukan offset tersebut. Untuk konstruksi Illustrator yang sederhana, pertahankan jalur asli sebagai panduan dan buat jalur bertitik terpisah yang membentang dari posisi pusat pertama hingga terakhir yang diinginkan.

Ingat bahwa jarak dari pusat berbeda dengan jarak tepi yang terlihat. Titik berukuran 4 pt menonjol 2 pt dari pusatnya ke segala arah. Jika tepi luar titik pertama harus menyentuh batas, pusatnya harus berada 2 pt di dalam batas tersebut. Perhitungkan jarak ini sebelum menentukan posisi awal dan akhir jalur bertitik.

Jarak dash mengikuti jarak di sepanjang jalur. Spesifikasi SVG mendefinisikan nilai dash dan gap dengan cara tersebut dalam bagian tentang dash pada goresan. Pada jalur melengkung, jarak tempuh ini lebih panjang daripada jarak garis lurus antara dua pusat yang sama.

Untuk lingkaran contoh dengan jari-jari garis tengah 30 pt, dua pusat yang terpisah sepanjang busur 10 pt berjarak sekitar 9,954 pt jika diukur langsung. Dengan titik berukuran 4 pt, celah terlihat terpendeknya sekitar 5,954 pt, bukan 6 pt seperti pada jalur lurus. Ini adalah perhitungan geometris, bukan pengukuran aplikasi.

Untuk hiasan tepi, interval yang sama di sepanjang jalur sering kali merupakan spesifikasi yang berguna. Jika Anda memerlukan celah terlihat terpendek yang sama meski kelengkungan berubah, interval dash tetap tidak menjamin hasil tersebut. Tentukan ukuran yang penting sebelum menyesuaikan titik satu per satu; jika tidak, memperbaiki satu lekukan dapat merusak konsistensi interval di bagian lain.

Loop tertutup menambahkan persyaratan sambungan: interval antara titik terakhir dan pertama harus sama dengan interval lainnya. Untuk N titik dengan jarak merata pada loop sepanjang L, pitch yang diperlukan adalah P = L / N. Sebaliknya, pitch tetap hanya akan menutup dengan rata jika L / P merupakan bilangan bulat.

Sebagai contoh, garis tengah lingkaran sempurna dengan jari-jari 30 pt memiliki keliling sekitar 188,496 pt. Pitch 10 pt tidak membagi keliling tersebut secara merata. Jika memilih 19 titik, pitch yang diperlukan sekitar 9,920819 pt. Nilai-nilai ini merupakan contoh perhitungan; pembulatan pitch yang dimasukkan dapat menyisakan selisih kecil.

Gunakan aturan berikut: jika ukuran loop tetap, pilih jumlah titik bulat lalu hitung pitch-nya. Jika pitch tetap, sesuaikan panjang loop agar menjadi kelipatan bulat pitch tersebut. Periksa sambungannya setelah memasukkan nilai, terutama jika jalur telah diedit atau aplikasi menampilkan angka yang dibulatkan.

Periksa jalur uji sederhana terlebih dahulu, lalu amati lengkungan yang sudah selesai. Dengan begitu, Anda dapat membedakan pengaturan goresan yang keliru dari dampak kelengkungan atau penempatan titik ujung.

• Pastikan Dash pertama bernilai nol dan ujungnya bulat.
• Pastikan Weight, Gap, dan satuannya sesuai.
• Pastikan opsi untuk mempertahankan panjang persis telah dipilih.
• Pada segmen lurus, ukur jarak pusat-ke-pusat secara terpisah dari celah yang terlihat.
• Periksa kedua ujung terbuka atau sambungan loop tertutup.
• Periksa kembali ukurannya setelah perubahan ukuran atau pengeditan jalur.

Jangan memindahkan pengaturan antar aplikasi tanpa memeriksa perilaku yang didokumentasikan. Misalnya, dokumentasi goresan Figma merekomendasikan dash 1 px dengan ujung bulat untuk alur kerja garis bertitiknya dan menjelaskan perilaku khusus garis putus-putus di titik ujung. Ini berbeda dari metode dash nol di Illustrator.

Agar hasilnya dapat diulang, simpan spesifikasi singkat di samping karya yang sedang dikerjakan: diameter titik, pitch pusat, satuan pengukuran, perlakuan titik ujung, dan jumlah titik pada loop jika berlaku. Dengan mencatat keputusan tersebut, Anda dapat menyesuaikan detail bertitik pada karakter sambil mengetahui dengan tepat ukuran mana yang terdampak oleh setiap perubahan.

• Membuat garis bertitik atau putus-putus — Bantuan Adobe Illustrator
• Mengubah ujung dan sambungan garis di Illustrator — Bantuan Adobe Illustrator
• Cara Membuat Garis Bertitik di Illustrator — CreativePro
• Painting: Filling, Stroking and Marker Symbols — SVG 2, W3C
• Menerapkan dan menyesuaikan properti goresan — Figma Learn