Saat Anda mendesain tata letak atau sekadar menyesuaikan bilah navigasi, Anda ingin memastikan bahwa jarak antara setiap bagian sama rata. Tidak dapat mengetahui jarak yang tepat dengan mengklik dan menyeret? Jangan khawatir, Anda dapat menggunakan beberapa alat dan panduan dari Adobe Illustrator.

Anda mungkin sudah mencoba untuk menyelaraskan objek-objek yang ada, titik awal yang baik! Tapi ingat, menyelaraskan tidak mengubah jarak spasi, hanya mengubah posisi. Anda hampir sampai di sana, hanya perlu menemukan opsi lain di dalam panel Align.

Dalam tutorial ini, Anda akan mempelajari tiga cara untuk meratakan objek ruang di Adobe Illustrator. Saya akan menunjukkan kepada Anda cara membuat tata letak seperti ini menggunakan tiga metode.

Catatan: tangkapan layar dari tutorial ini diambil dari Adobe Illustrator CC 2022 versi Mac. Windows atau versi lain bisa terlihat berbeda.

Metode 1: Sejajarkan Panel

Anda dapat menyelaraskan dan memberi jarak objek secara merata dalam beberapa klik menggunakan panel Align. Jika Anda menginginkan jarak yang tepat antara objek, ada satu langkah penting yang tidak boleh Anda lewatkan - pilih objek kunci sebagai referensi. Sebelum membahasnya, mari kita mulai menambahkan objek ke dokumen.

Langkah 1: Gunakan Jenis Alat (T) Anda dapat mencoba memberi spasi dan menyelaraskannya dengan mata dengan bantuan smart guide.

Tidak buruk! Jaraknya terlihat cukup merata, tetapi mari kita bersikap profesional dan memastikan bahwa jaraknya benar-benar merata.

Langkah 2: Pilih semua teks, yang Sejajarkan panel harus ditampilkan di bawah Properti Jika Anda tidak dapat menemukannya, Anda bisa membuka panel dari menu overhead Jendela > Sejajarkan .

Klik Lebih Banyak Pilihan (tiga titik) untuk meluaskan panel.

Anda akan melihat dua Mendistribusikan Jarak opsi di bagian bawah panel.

Langkah 3: Pilih Ruang Distribusi Horisontal .

Saya telah menduplikasi teks untuk menunjukkan perbedaannya. Teks di dalam kotak pembatas memiliki jarak yang sama.

Tips cepat: jika anda sudah memiliki nilai jarak yang tepat dalam pikiran anda, anda juga bisa memasukkan jaraknya, tetapi pertama-tama, anda harus memilih objek kunci.

Contohnya, dengan asumsi Anda memilih Tentang sebagai objek kunci.

Pilih Sejajarkan dengan Objek Utama pada panel Align (Sejajarkan).

Anda akan melihat salah satu objek (teks) disorot. Anda dapat mengubah objek kunci dengan mengklik objek yang ingin Anda tetapkan sebagai objek kunci. Jadi sekarang klik pada Tentang .

Masukkan spasi yang Anda inginkan di antara objek-objek tersebut, katakanlah 50px, dan klik Horizontal Distribute Space.

Ingat 3 tombol ini 😉

Sekarang jarak antara objek adalah 50px.

Sekarang bilah navigasi sudah dibuat, mari kita beralih ke submenu.

Metode 2: Ulangi Langkah

Metode ini hanya bekerja ketika Anda memberi jarak pada objek yang identik. Jika objeknya tidak sama, cobalah metode lain. Kita akan membuat latar belakang submenu yang sama (persegi panjang), jadi kita bisa menggunakan metode ini.

Langkah 1: Gunakan Alat Persegi Panjang (M) untuk menggambar persegi panjang. Anda dapat menyelaraskannya dengan teks di atas.

Catatan: ketika Anda menyelaraskan objek secara vertikal, Anda mungkin mengubah spasi secara horizontal.

Langkah 2: Tahan Opsi ( Alt untuk Pengguna Windows) dan Pergeseran tombol, klik dan seret persegi panjang ke kanan di bawah teks kedua.

Langkah 3: Ulangi langkah terakhir (duplikat) dengan menggunakan pintasan keyboard Perintah + D ( Ctrl + D Anda dapat menggunakan shortcut beberapa kali sampai Anda mendapatkan latar belakang persegi panjang untuk setiap kategori.

Metode ini bekerja paling baik apabila Anda ingin membuat pola dengan jarak yang merata dengan bentuk yang sama.

Bagaimanapun, mari kita tambahkan item submenu. Saya akan menggunakan teks Lorem Ipsum sebagai contoh dan menunjukkan kepada Anda bagaimana melakukannya dengan menggunakan kisi-kisi sebagai panduan.

Metode 3: Gunakan Kisi-kisi

Jika Anda tidak memiliki banyak objek yang harus disejajarkan, Anda bisa menempatkan objek secara merata mengikuti kisi-kisi dan panduan. Panduan Cerdas diaktifkan, ketika Anda menyeret objek, itu akan menunjukkan jarak antara objek tetapi mari kita gunakan kisi-kisi hanya untuk memastikan.

Langkah 1: Setelah menambahkan teks ke dokumen Anda, buka menu overhead dan pilih Lihat > Tampilkan Kisi-kisi untuk menampilkan kisi-kisi.

Anda seharusnya melihat kisi-kisi dalam dokumen Anda, tetapi Anda tidak melihat kisi-kisi di atas persegi panjang. Turunkan opacity persegi panjang.

Zoom in sebelum melanjutkan ke langkah berikutnya.

Langkah 2: Tentukan jarak yang Anda inginkan di antara teks. Misalnya, jika Anda ingin jaraknya menjadi dua baris dari grid. Pindahkan teks dua baris dari teks di atasnya.

Setelah Anda selesai memposisikan semua teks, kembalikan opasitas persegi panjang ke 100%.

Anda bisa memilih semua teks dan menduplikasinya (coba gunakan Metode 2) ke kolom kategori berikutnya. Anda bisa mengubah konten teks nanti, di sini kita hanya membuat layoutnya saja.

Anda bisa mematikan kisi-kisi sekarang untuk melihat tampilannya.

Anda selalu bisa memeriksa ulang untuk memastikan bahwa mereka disejajarkan dengan benar dan berjarak secara merata kembali ke Sejajarkan panel.

Kesimpulan

Anda dapat menggunakan metode apapun di atas untuk meratakan objek ruang dan tergantung pada apa yang Anda coba buat, beberapa metode mungkin lebih nyaman daripada yang lain.

Hanya ulasan singkat. Ketika Anda sudah memiliki objek yang siap, metode panel Align harus menjadi cara tercepat. Jika Anda mencoba untuk membuat objek identik dengan jarak yang sama, metode pengulangan langkah bekerja dengan cukup baik.

Sedangkan untuk grid, selalu merupakan kebiasaan yang baik untuk menggunakannya, tetapi memang benar bahwa ketika ada banyak objek, memindahkannya satu per satu bisa menjadi keramaian.