Cara Menetapkan Jarak Tepat antara Titik di Sepanjang Laluan Vektor dalam Illustrator

Sebelum memasukkan nombor, tentukan jarak yang diperlukan oleh reka bentuk anda. Dua ukuran yang kedengaran serupa menghasilkan tetapan yang berbeza: jarak pusat ke pusat, juga dipanggil pic, dan jarak tepi ke tepi, iaitu ruang kosong yang kelihatan antara titik bersebelahan.

Bagi titik bulat pada laluan lurus, biarkan D ialah diameter titik, P ialah pic pusat ke pusat dan E ialah jarak tepi yang kelihatan. Hubungan geometri ialah P = D + E. Titik 4 pt dengan ruang kosong 6 pt memerlukan pic 10 pt.

Dengan dash panjang sifar, kedua-dua hujung bulat membentuk bulatan. Lebar strok menentukan diameternya, manakala corak dash menentukan kedudukannya di sepanjang laluan. Spesifikasi lukisan SVG menerangkan geometri hujung bulat ini secara jelas.

Hasil yang dikehendaki pada laluan lurus	Diameter titik	Pic pusat ke pusat	Illustrator Gap dengan Dash = 0
Pusat berjarak 10 pt	4 pt	10 pt	10 pt
Ruang kosong 6 pt yang kelihatan	4 pt	10 pt	10 pt
Ruang kosong yang kelihatan sama dengan diameter titik	4 pt	8 pt	8 pt

Ini ialah dimensi ilustrasi. Gunakan satu unit yang sama sepanjang pengiraan, dan semak unit yang dipaparkan dalam aplikasi sebelum memasukkan setiap nilai. Nyatakan juga sama ada ukuran anda mengikut lengkung: laluan melengkung menimbulkan perbezaan tambahan yang dibincangkan di bawah.

Mulakan dengan satu laluan dan strok seragam biasa. Untuk garisan hiasan terbuka, buang isian supaya anda dapat memeriksa titik dengan jelas. Gunakan laluan ujian lurus yang ringkas sebelum menggunakan tetapan pada karya seni watak yang telah siap.

1. Pilih laluan dan buka Window > Stroke.
2. Jika perlu, pilih Show Options daripada menu panel.
3. Tetapkan Weight strok kepada diameter titik yang diperlukan—contohnya, 4 pt.
4. Pilih Round Cap.
5. Aktifkan Dashed Line.
6. Masukkan 0 pt dalam medan Dash pertama dan 10 pt dalam medan Gap pertama.
7. Kosongkan entri dash/gap tambahan supaya corak hanya mengandungi pasangan yang dikehendaki.
8. Pilih Preserve exact dash and gap lengths.

Adobe mendokumenkan jujukan dash dan kawalan pemeliharaan dalam panel Stroke, manakala arahan hujungnya mengenal pasti Round Cap sebagai rawatan hujung separuh bulatan. Tutorial garis bertitik CreativePro memberikan tetapan dash sifar yang khusus.

Dengan tetapan ilustrasi di atas, hasilnya ialah titik 4 pt pada sela 10 pt, meninggalkan jarak 6 pt antara tepinya pada laluan ujian lurus. Ubah Weight untuk menukar saiz titik; ubah Gap untuk menukar pic. Catat kedua-dua nilai supaya anda boleh menghasilkan semula rupa yang sama di bahagian lain karya seni.

Illustrator menawarkan pilihan lain: Align dashes to corners and path ends, adjusting lengths to fit. Tetapan itu mengutamakan kesesuaian corak pada lokasi tersebut. Adobe membezakannya daripada pilihan mengekalkan panjang dash dan gap asal dalam arahan rasminya.

Pilih tetapan berdasarkan keperluan sebenar. Jika spesifikasi menyatakan “pusat titik setiap 10 pt,” kekalkan panjangnya. Jika keperluan visualnya ialah corak yang terpasang kemas pada kedua-dua hujung, anda boleh memilih pelarasan, tetapi kemudian sahkan sela yang terhasil dan jangan anggap nombor yang dimasukkan kekal sama.

Panjang laluan tidak semestinya dapat memuatkan bilangan sela yang bulat. Ini ialah kekangan geometri yang perlu diselesaikan melalui panjang laluan, pic atau susunan titik hujung. Mengubah tetapan penjajaran tidak dapat menjadikan dimensi yang tidak serasi semuanya tepat pada masa yang sama.

Pertimbangkan laluan terbuka ilustrasi sepanjang 103 pt, dengan titik yang dikehendaki setiap 10 pt. Jika pusat titik pertama berada di permulaan laluan, pusat seterusnya berada pada 0, 10, 20 dan seterusnya hingga 100 pt. Ini menghasilkan 11 titik dan meninggalkan 3 pt antara pusat terakhir dengan titik hujung.

Terdapat tiga cara berguna untuk menetapkan hasilnya:

• Kekalkan pic dan kedudukan mula: terima baki 3 pt di hujung satu lagi.
• Kekalkan pic dan pusatkan deretan: letakkan pusat pertama dan terakhir pada jarak 1.5 pt daripada hujung masing-masing.
• Tetapkan pusat pada kedua-dua hujung: ubah rentang pusat kepada 100 pt, atau gunakan sepuluh sela 10.3 pt sepanjang laluan asal 103 pt.

Susunan berpusat ialah sasaran peletakan; tetapan dash/gap asas sahaja tidak menetapkan ofset itu. Untuk pembinaan Illustrator yang mudah, kekalkan laluan asal sebagai panduan dan cipta laluan bertitik berasingan yang merentangi kedudukan pusat pertama dan terakhir yang dikehendaki.

Ingat bahawa margin pusat berbeza daripada margin yang kelihatan. Titik 4 pt menjulur 2 pt melepasi pusatnya ke setiap arah. Jika tepi luar titik pertama perlu bertemu sempadan, pusatnya harus berada 2 pt di dalam sempadan itu. Ambil kira ruang ini sebelum menentukan kedudukan mula dan akhir laluan bertitik.

Jarak dash mengikut jarak di sepanjang laluan. Spesifikasi SVG mentakrifkan nilai dash dan gap dengan cara itu dalam bahagian pemasaan strok. Pada lengkung, jarak laluan itu lebih panjang daripada jarak garis lurus antara dua pusat yang sama.

Bagi bulatan ilustrasi dengan jejari garis tengah 30 pt, dua pusat yang dipisahkan oleh lengkok 10 pt berjarak kira-kira 9.954 pt secara terus. Dengan titik 4 pt, ruang kelihatan terpendek adalah kira-kira 5.954 pt, bukannya nilai laluan lurus 6 pt. Ini ialah pengiraan geometri, bukannya ukuran aplikasi.

Untuk kemasan hiasan, sela yang sama di sepanjang laluan selalunya merupakan spesifikasi yang berguna. Jika anda memerlukan ruang kelihatan terpendek yang seragam sepanjang perubahan lengkungan, sela dash tetap tidak menjamin hasil itu. Tentukan ukuran yang penting sebelum melaraskan titik secara individu; jika tidak, membetulkan satu selekoh boleh menjejaskan keseragaman sela di bahagian lain.

Gelung tertutup menambah keperluan sambungan: sela terakhir-ke-pertama mesti sama dengan sela yang lain. Bagi N titik yang dijarakkan sama rata pada gelung sepanjang L, pic yang diperlukan ialah P = L / N. Sebaliknya, pic tetap hanya menutup gelung dengan sekata apabila L / P ialah nombor bulat.

Sebagai contoh, garis tengah bulatan sempurna dengan jejari 30 pt mempunyai lilitan kira-kira 188.496 pt. Pic 10 pt tidak membahagikan lilitan itu dengan sekata. Pemilihan 19 titik memerlukan pic kira-kira 9.920819 pt. Nilai ini ialah pengiraan ilustrasi; pembundaran pic yang dimasukkan boleh meninggalkan sedikit perbezaan baki.

Gunakan kaedah keputusan ini: jika saiz gelung tetap, pilih bilangan titik bulat dan kira picnya. Jika pic tetap, laraskan panjang gelung kepada gandaan bulat pic itu. Periksa sambungan selepas memasukkan nilai, khususnya apabila laluan telah diedit atau aplikasi memaparkan nombor yang dibundarkan.

Periksa laluan ujian yang ringkas dahulu, kemudian periksa lengkung yang telah siap. Ini membezakan persediaan strok yang salah daripada kesan lengkungan atau kedudukan titik hujung.

• Sahkan bahawa Dash pertama ialah sifar dan hujungnya bulat.
• Sahkan Weight, Gap dan unit yang dikehendaki.
• Sahkan bahawa pilihan mengekalkan panjang tepat telah dipilih.
• Pada segmen lurus, ukur jarak pusat ke pusat secara berasingan daripada ruang yang kelihatan.
• Periksa kedua-dua hujung terbuka atau sambungan gelung tertutup.
• Semak semula dimensi selepas sebarang saiz semula atau suntingan laluan.

Elakkan memindahkan tetapan antara aplikasi tanpa menyemak tingkah laku yang didokumenkan. Contohnya, dokumentasi strok Figma mengesyorkan dash 1 px dengan hujung bulat untuk aliran kerja garis bertitiknya dan menyatakan tingkah laku khas pada titik hujung garis putus-putus. Kaedah itu berbeza daripada kaedah dash sifar Illustrator.

Untuk hasil yang boleh diulang, simpan spesifikasi ringkas di sebelah karya seni yang sedang anda kerjakan: diameter titik, pic pusat, unit ukuran, rawatan titik hujung dan bilangan gelung jika berkenaan. Dengan keputusan itu dicatatkan, anda boleh melaraskan perincian bertitik pada watak sambil mengetahui dimensi yang dipengaruhi oleh setiap perubahan.

• Mencipta garis bertitik atau putus-putus — Bantuan Adobe Illustrator
• Menukar hujung dan sambungan garis dalam Illustrator — Bantuan Adobe Illustrator
• Cara Membuat Garis Bertitik dalam Illustrator — CreativePro
• Lukisan: Isian, Strok dan Simbol Penanda — SVG 2, W3C
• Menggunakan dan melaraskan sifat strok — Figma Learn