Panduan Pemula untuk Grids di Relational Designer

Dalam tutorial berikut, Anda akan mempelajari cara menambahkan kisi kustom di Desainer Relasi, cara membuat kisi di Desainer Relasi, dan cara mengubah ukuran kisi di Desainer Relasi.

Jika Anda tidak punya waktu untuk membuat kisi sendiri di Affinity Designer, maka Elemen Envato adalah solusinya. Pasar berbasis langganan ini memiliki lebih dari 2.000 add-on Illustrator yang dapat Anda unduh tanpa batasan! ini kit templat kisi adalah contoh sempurna untuk memulai.

kit sistem grid vektor dari elemen envatokit sistem grid vektor dari elemen envatokit sistem grid vektor dari elemen envato

Apa yang Akan Anda Pelajari di Tutorial Ini

  • Bagaimana cara menambahkan kisi di Affinity Designer
  • Cara menyesuaikan pengaturan kisi di Affinity Designer
  • Cara menyiapkan kisi perspektif di Desainer Relevansi
  • Cara mengubah ukuran kisi di Affinity Designer

1. Cara Menambahkan Kotak di Desainer Relevansi

Pertama-tama, untuk menambahkan kisi di Affinity Designer, Anda dapat membuka Lihat > ​​Tampilkan Kotak atau tekan Kontrol-‘.

Untuk mengaktifkan Tangkap ke Gridpergi ke Lihat > ​​Penindasan untuk memeriksa Aktifkan snap kotak dan Jepret ke kisi. Alternatifnya, Anda dapat mencentang ikon magnet dari panel kontrol, yang akan mengaktifkan pengetikan, lalu klik tombol panah kecil untuk membuka Patah panel fly-out, tempat Anda dapat mengaktifkan Jepret ke kisi.

tambahkan kisi di desainer afinitas dan aktifkan gertakantambahkan kisi di desainer afinitas dan aktifkan gertakantambahkan kisi di desainer afinitas dan aktifkan gertakan

2. Cara Mengedit Pengaturan Kisi di Desainer Relevansi

Langkah 1

Untuk mengedit pengaturan kisi di Affinity Designer, Anda harus membuka Lihat > ​​Kisi dan Sumbu. Secara default, mode kisi diatur ke Otomatis.

pengaturan grid dan sumbupengaturan grid dan sumbupengaturan grid dan sumbu

Langkah 2

Gunakan roda warna dan penggeser opasitas untuk menyesuaikan warna dan tingkat transparansi garis grid dan garis pembagian.

menyesuaikan warna grid dan opacitymenyesuaikan warna grid dan opacitymenyesuaikan warna grid dan opacity

Langkah 3

Klik dasar tombol kapan pun Anda ingin menyiapkan kisi kustom di Desainer Relevansi.

jarak dan pembagian kisi khususjarak dan pembagian kisi khususjarak dan pembagian kisi khusus

Langkah 4

Klik Canggih tombol dan gunakan Mengeringkan pengaturan untuk menambahkan beberapa ruang di antara kotak kisi Anda.

menguras pengaturan jaringanmenguras pengaturan jaringanmenguras pengaturan jaringan

3. Cara Mengatur Kotak Perspektif di Desainer Relevansi

Langkah 1

Tetap dengan Canggih Mode, tapi pilih Isometrik untuk Jenis kisi menu, dan Anda akan mendapatkan kotak perspektif yang bagus di Affinity Designer.

jaringan isometrik perancang afinitasjaringan isometrik perancang afinitasjaringan isometrik perancang afinitas

selama Tangkap ke Grid diaktifkan, Anda akan dapat membuat desain isometrik hanya dengan beberapa klik.

desain isometrik desainer afinitasdesain isometrik desainer afinitasdesain isometrik desainer afinitas

Langkah 2

Selain yang utama Isometrik jenis kisi, Anda akan menemukan sembilan tata letak kisi perspektif lainnya.

tipe kisi dimetri desainer afinitastipe kisi dimetri desainer afinitastipe kisi dimetri desainer afinitas
jenis jaringan miring desainer afinitasjenis jaringan miring desainer afinitasjenis jaringan miring desainer afinitas
tipe grid kiri trimetri desainer afinitastipe grid kiri trimetri desainer afinitastipe grid kiri trimetri desainer afinitas
tipe grid kanan trimetri desainer afinitastipe grid kanan trimetri desainer afinitastipe grid kanan trimetri desainer afinitas
jenis kisi segitiga desainer afinitasjenis kisi segitiga desainer afinitasjenis kisi segitiga desainer afinitas
perancang afinitas tipe kisi segitiga horizontalperancang afinitas tipe kisi segitiga horizontalperancang afinitas tipe kisi segitiga horizontal
2:1 afinitas desainer tipe kisi segitiga2:1 afinitas desainer tipe kisi segitiga2:1 afinitas desainer tipe kisi segitiga
desainer afinitas tipe grid kustom dua sumbudesainer afinitas tipe grid kustom dua sumbudesainer afinitas tipe grid kustom dua sumbu
afinitas desainer segitiga tipe kisi kustomafinitas desainer segitiga tipe kisi kustomafinitas desainer segitiga tipe kisi kustom

Langkah 3

Mengubah kubus mode saat Anda ingin membuat kisi perspektif kustom Anda sendiri di Desainer Relevansi.

mode kisi kubus desainer afinitasmode kisi kubus desainer afinitasmode kisi kubus desainer afinitas

4. Cara Menggunakan Pengaturan Kisi Prasetel di Desainer Relevansi

Langkah 1

Menggunakan Prasetel menu, Anda dapat dengan mudah memilih salah satu pengaturan kisi bawaan atau menyimpannya sendiri. Itu 32px, 8 Bagian preset kisi bisa sangat berguna saat Anda bekerja dengan desain ikon.

prasetel kisi ikon perancang afinitasprasetel kisi ikon perancang afinitasprasetel kisi ikon perancang afinitas

Langkah 2

Itu Isometrik 64×32 Piksel preset kisi adalah tata letak kisi yang lebih kompleks yang dapat membantu Anda saat Anda perlu membuat desain isometrik.

preset jaringan isometrik desainer afinitaspreset jaringan isometrik desainer afinitaspreset jaringan isometrik desainer afinitas

5. Cara Membuat Grid Anda Sendiri di Relevance Designer

Langkah 1

Sayangnya, tidak ada alat kisi di Affinity Designer. Untuk membuat grid, kita akan menggunakan Alat Pena (P) dan pilih Modus Garis dari toolbar konteks.

mode online alat penamode online alat penamode online alat pena

Ingatlah untuk mengatur grid sesuai keinginan, dan jangan lupa untuk mengaktifkannya Jepret ke kisi. Untuk contoh ini, kami akan mengatur Jarak ke 150 piksel Dan Bagian ke 1.

Menggunakan Alat Pena (P), buat garis vertikal sederhana. Setelah selesai, beralih ke Alat Pergerakan (V)tunggu Alt kunci, dan klik dan seret garis Anda untuk menambahkan salinan. Jadikan snap ke grid, dan kemudian Anda dapat menekan Kontrol-J untuk menambahkan salinan sebanyak yang Anda inginkan.

desainer afinitas membuat garis vertikal dan mengalikannyadesainer afinitas membuat garis vertikal dan mengalikannyadesainer afinitas membuat garis vertikal dan mengalikannya

Langkah 2

Pilih semua garis vertikal Anda, tekan Kontrol-C untuk menyalinnya, lalu tekan Kontrol-V untuk menambahkan salinan. Pastikan bahwa Alat Pergerakan (V) aktif, tahan Mengalihkan untuk memutar salinan yang dipilih dengan mudah 90 derajatdan Anda memiliki grid Anda di Affinity Designer.

duplikat garis vertikal dan putar untuk membuat kisi di desainer afinitasduplikat garis vertikal dan putar untuk membuat kisi di desainer afinitasduplikat garis vertikal dan putar untuk membuat kisi di desainer afinitas

Langkah 3

Untuk menggabungkan semua garis yang membentuk kisi Anda menjadi satu bentuk, buka Lapisan > Geometri > Gabungkan Kurva.

menggabungkan garis gridmenggabungkan garis gridmenggabungkan garis grid

6. Cara Mengubah Ukuran Grid di Relational Designer

Langkah 1

Menggunakan Alat Pergerakan (V), Anda dapat dengan mudah menskalakan kisi Anda seperti yang ditunjukkan di bawah ini. Sekali lagi, grid dan Tangkap ke Grid mungkin berguna jika Anda ingin membuat kisi piksel sempurna.

desain grid skala dalam desainer afinitasdesain grid skala dalam desainer afinitasdesain grid skala dalam desainer afinitas

Langkah 2

Atau, Anda dapat menggunakan Berubah studio (Jendela > Transformasi) untuk menyesuaikan ukuran petak Anda.

skala desain grid dalam desainer afinitas menggunakan Transform studioskala desain grid dalam desainer afinitas menggunakan Transform studioskala desain grid dalam desainer afinitas menggunakan Transform studio

Selamat! Kamu sudah selesai

Sekarang Anda tahu cara membuat kisi di Affinity Designer. Saya harap Anda menikmati tutorial ini dan Anda dapat menggunakan teknik ini saat Anda terus membuat kisi di Illustrator.

Ingatlah bahwa Anda dapat menemukan beberapa sumber inspirasi hebat di Elemen Envatodengan solusi menarik untuk membantu Anda membuat kisi di Affinity Designer dan menggunakannya untuk membuat desain yang menakjubkan.

Elemen Envato adalah sumber yang bagus untuk desain terkait grid. Berikut adalah daftar singkat dari beberapa desain yang terinspirasi dari grid paling populer yang dapat Anda temukan.

6 Kisi Retro Estetika Instagram (AI, EPS, PSD)

Tampil retro dengan desain grid ini. Jangan ragu untuk mengubah warna dan mengedit kisi di Affinity Designer hanya dengan beberapa klik.

desain kisi retro estetika instagramdesain kisi retro estetika instagramdesain kisi retro estetika instagram

Ikon kisi (SVG)

Buat tetap sederhana dengan ikon kisi-kisi ramping ini. Ubah warna dan skala desain ini dengan mudah tanpa kehilangan kualitas.

vektor ikon kisivektor ikon kisivektor ikon kisi

Pola Vektor Tanpa Lautan Geometrik (AI, JPG, EPS)

Kisi Illustrator apa pun dapat dengan mudah digunakan di Affinity Designer. Lihat pola geometris yang bagus ini dan lihat bagaimana Anda bisa menonjolkan desain Anda.

pola vektor mulus geometrispola vektor mulus geometrispola vektor mulus geometris

Pola Tanpa Lautan Aliran-Geometris (AI, EPS, JPG)

Bawa ke level selanjutnya dengan pola alur warna-warni ini. Desainnya 100% vektor, jadi Anda tidak perlu khawatir jika perlu membuatnya lebih besar.

alur pola geometris mulusalur pola geometris mulusalur pola geometris mulus

Tabel dan Kisi (SVG,PNG)

Berikut kumpulan ikon tabel dan kisi lain yang dapat dengan mudah digunakan dan disesuaikan di Desainer Relevansi.

tabel vektor dan ikon kisitabel vektor dan ikon kisitabel vektor dan ikon kisi

Ingin Tahu Lebih Banyak?

Kami memiliki banyak sekali tutorial di Envato Tuts+, dari pemula hingga menengah. Lihat!

hobi nulis tutorial tentang desain grafis dan tips seputar IT