Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Affinity Designer

Cara Membuat Pola pada Desain Afinitas

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Nur Fitrina (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial hari ini, kita akan mengambil dekat melihat proses pembuatan pola di Desain Afinitas. Kita akan menjelajahi tiga metode yang berbeda untuk melihat mana yang terbaik.

Juga, jangan lupa Anda selalu dapat memperluas Anda pola perpustakaan dengan judul di atas untuk Envato Elements, mana Anda akan menemukan banyak pilihan pola vector.

Bahwa menjadi kata, Ambil secangkir jus panas kacang yang segar, dan mari kita mulai!

1. Cara Mengatur File Proyek Baru

Seperti dengan setiap proyek yang baru, kita akan mulai dengan menyiapkan New Document dengan judul di atas ke File > New (atau dengan menggunakan cara pintas keyboard Control-N), yang kami akan menyesuaikan sebagai berikut:

  • Type: Web
  • Dokumen Units: Piksel
  • Create artboard: dicentang
  • Page Width: 514 px
  • Page Height: 514 px
  • DPI: 72
setting up a new document

2. Cara Membuat  Segment Pola Utama Berulang

Sekarang bahwa kita sudah selesai membuat file proyek kami, kami akan mulai bekerja pada segmen pola berulang, yang akan kita gunakan nanti untuk membandingkan tiga pola bangunan metode.

Langkah 1

Membuat bentuk utama untuk latar belakang menggunakan 514 x 514 px persegi, yang kita akan menggunakan #1F2433 warna dan kemudian pusat menyelaraskan halaman yang mendasari menggunakan panel Align Center dan Allign Middle pilihan.

creating and positioning the background

Langkah 2

Mulai bekerja pada bagian tengah pusat lingkaran dekoratif dengan membuat lingkaran 6 x 6 px dengan 2 pt tebal Stroke (#F72F2F), yang kami akan pusat menyelaraskan ke halaman seperti yang kita lakukan dengan latar belakang.

creating the main shape for the inner section of the larger decorative circle

Langkah 3

Membuat lima 2 pt tebal lingkaran konsentris (#F72F2F), pastikan untuk menjaga 2 px kesenjangan (yang merupakan ketebalan lingkaran sebenarnya) antara mereka, seperti yang terlihat dalam gambar referensi. Setelah Anda selesai, pilih dan grup semua enam dari mereka bersama-sama menggunakan cara pintas keyboard Control-G.

adding the remaining circles to the inner section of the larger decorative circle

Langkah 4

Selanjutnya, kita akan perlu untuk membuat masker kliping untuk kalangan atas-kiri quarters, menggunakan 24 x 24 px square (disorot dengan hijau) yang kita akan menyelaraskan tepi kiri dan atas lingkaran luarnya.

creating the mask for the circles of the inner section

Langkah 5

Setelah kita memiliki topeng di tempat, Semua harus kita lakukan membuka Layers panel dan drag lingkaran dikelompokkan ke bentuk (Alun-alun yang hijau), yang akan menghasilkan hasil sebagai berikut.

example of masking the circles of the inner section

Langkah 6

Karena kami ingin masker untuk menjadi benar-benar tembus, kita akan pertama-tama pilih Layers panel dan kemudian menghapus yang Fill dari panel Color.

removing the clipping masks fill

Langkah 7

Membuat salinan (Control-C > Control-V) dari bagian bahwa kami telah hanya bertopeng, dan kemudian posisi itu seperti yang terlihat dalam gambar referensi, pastikan untuk menyesuaikan dengan membalik-balik itu secara horisontal dan vertikal (Transform > Flip Horizontal & Flip Vertical).

creating the bottom-right quarters

Langkah 8

Selanjutnya, kami akan Ambil Pen Tool (P) dan menggunakannya untuk menarik dua kelompok (Control-G) enam 24 px lebar 2 pt stroke horizontal tebal baris (#F72F2F), yang kita akan vertikal tumpukan 2 px dari satu sama lain dan kemudian posisi di sisi lingkaran jarak begitu bahwa mereka overla p, seperti yang terlihat dalam gambar referensi.

adding the horizontal lines to the inner section of the larger circle

Langkah 9

Topeng jalur horisontal yang kita baru saja dibuat menggunakan 48 x 48 px lingkaran, dengan membuka Layers panel dan kemudian hanya menyeret mereka atas bentuk yang lebih besar. Setelah Anda selesai, pilih dan masker semua bagian yang sekarang menyusun bentuk menggunakan Control-G pintasan keyboard, pastikan untuk memberikan yang dihasilkan kelompok label deskriptif sehingga Anda dapat dengan mudah mengidentifikasi nanti.

masking the horizontal lines of the inner section

Langkah 10

Mulai bekerja pada bagian luar lingkaran dekoratif, dengan menciptakan kuartal kiri bawah menggunakan 24 2 pt tebal lingkaran konsentris (#F72F2F), dimulai dengan 70 x 70 px satu dan akan sepanjang jalan 254 x 254 px satu. Setelah Anda memiliki semua bentuk, group (Control-G) dan kemudian pusat menyelaraskan mereka ke halaman, memastikan topeng mereka menggunakan 128 x 128 px persegi.

creating the lower-left quarters of the outer section

Langkah 11

Membuat kuartal kanan menggunakan salinan (Control-C > Control-V) salah satu yang hanya kita bertopeng, yang kami akan menyesuaikan dengan membalik-balik itu secara horisontal dan vertikal (klik kanan > Transform > Flip Horizontal & Flip Vertical) dan posisi itu seperti yang terlihat dalam Gambar referensi.

adding the top-right quarters to the outer section

Langkah 12

Tambahkan baris horisontal rinci menggunakan dua kelompok (Control-G) 32 128 px lebar 2 pt Stroke garis tebal (#F72F2F), yang kita akan vertikal tumpukan 2 px dari satu sama lain, pastikan untuk posisi mereka selama kuartal sehingga mereka tumpang tindih.

adding the horizontal detail lines to the outer section

Langkah 13

Membuat topeng kliping untuk jalur horisontal yang menggunakan 256 x 256 px lingkaran (disorot dengan hijau) yang kami akan pusat menyelaraskan ke halaman dan kemudian menyesuaikan dengan memotong lingkaran 68 x 68 px kecil (disorot dengan warna merah) dari pusat menggunakan Subtract bentuk operasi .

creating the clipping mask for the outer section

Langkah 14

Segera setelah Anda telah membuat masker, membuka Layers panel dan kemudian hanya pilih dan seret dua kelompok garis horizontal di atas bentuk, pastikan untuk menghapus yang mengisi setelah itu dari dalam Color panel. Setelah Anda selesai, pilih dan grup Semua bagian menyusun lingkaran dekoratif saat ini menggunakan cara pintas keyboard Control-G.

adjusting the clipping mask for the larger outer section

Langkah 15

Membuat salinan empat (Control-C > Control-V empat kali) bentuk bahwa kami hanya telah dikelompokkan dan kemudian posisi mereka di pusat dari sudut-sudut halaman, seperti yang terlihat dalam gambar referensi.

adding the remaining larger decorative circles

Langkah 16

Mulai bekerja pada lingkaran dekoratif kecil dengan menciptakan tiga lingkaran konsentris: satu lingkaran 6 x 6 px  dengan 2 pt tebal Stroke (#FFEBD9), diikuti oleh 14 x 14 px satu (#FFEBD9) dan yang lain sedikit lebih besar 22 x 22 px (#FFEBD9). Kemudian pilih dan kelompok mereka bersama-sama menggunakan cara pintas keyboard Control-G.

creating the main shapes for the inner section of the smaller decorative circle

Langkah 17

Kiri atas lingkaran perempat menggunakan 12 x 12 px persegi, pastikan untuk menambahkan yang kanan bawah menggunakan salinan masker (Control-C > Control-V) topeng dihasilkan, yang kami akan menyesuaikan dengan membalik-balik itu secara horisontal dan vertikal (klik kanan > Transform > Flip Horisontal & Flip vertikal) dan kemudian posisi itu seperti yang terlihat dalam gambar referensi.

masking the quarters of the smaller inner section

Langkah 18

Tambahkan baris horisontal rinci menggunakan dua kelompok tiga 12 x 12 px stroke (#FFEBD9) dengan Width 2pt, 2px vertikal ditumpuk  dari yang lain, yang kita akan tumpang tindih dengan kuartal atas dan bawah, memastikan topeng mereka kemudian menggunakan 24 x 24 px lingkaran. Setelah Anda selesai, pilih dan grup semua bentuk menyusun bagian saat ini menggunakan cara pintas keyboard Control-G.

adding the horizontal detail lines to the smaller inner section

Langkah 19

Membuat empat kelompok empat lingkaran konsentris dengan 2 pt tebal Stroke (#FFEBD9): 30 x 30px satu, diikuti oleh 38 x 38 px, 46 x 46 px satu dan 54 x 54 px besar satu. Kemudian posisi mereka di sekitar bagian sebelumnya, seperti yang terlihat dalam gambar referensi.

adding the circle groups to the smaller inner section

Langkah 20

Ambil beberapa saat dan bentuk yang kita baru saja dibuat menggunakan 60 x 60 px lingkaran, dengan hanya menyeret mereka atas bentuk yang lebih besar dari dalam panel Layers masker.

masking the circle groups of the smaller inner section

Langkah 21

Tambahkan cincin-cincin luar yang menggunakan kelompok tiga lingkaran konsentris dengan 2 pt tebal Stroke (#FFEBD9): satu kecil 66 x 66 px, diikuti oleh 74 x 74 px satu dan sedikit lebih besar 82 x 82 px satu. Kemudian pusat menyelaraskan mereka ke bentuk yang hanya kita bertopeng.

adding the middle rings to the smaller inner section

Langkah 22

Buat garis detail horizontal menggunakan dua kelompok dengan empat 104 px lebar 2 pt tebal Stroke (# FFEBD9) ditumpuk vertikal 2 px dari satu sama lain, diikuti oleh yang vertikal menggunakan dua kelompok 104 px tinggi 2 pt tebal Stroke (# FFEBD9) secara horizontal berjarak 2 px dari satu sama lain, yang akan kita posisikan sehingga mereka tumpang tindih dengan jalur lingkaran bertopeng.

adding the horizontal and vertical lines to the smaller inner section

Langkah 23

Topeng bentuk yang dihasilkan menggunakan 96 x 96 px lingkaran, yang kami akan menyesuaikan oleh pemotongan keluar lebih kecil 88 x 88 px satu menggunakan Subtract bentuk operasi.

masking the horizontal and vertical detail lines

Langkah 24

Tambahkan cincin-cincin luar yang menggunakan tiga lingkaran konsentris dengan 2 pt tebal Stroke (#FFEBD9): 96 x 96 px satu, diikuti oleh 104 x 104 px lain satu dan sedikit lebih besar 112 x 112 px satu. Kemudian posisi mereka seperti yang terlihat dalam gambar referensi. Setelah Anda selesai, pastikan Anda memilih dan grup semua lingkaran dekoratif menyusun bagian menggunakan cara pintas keyboard Control-G.

adding the outer rings to the smaller inner section

Langkah 25

Menyelesaikan segmen pola dengan menambahkan tiga eksemplar (Control-C > Control-V tiga kali) bentuk yang kami hanya telah dikelompokkan, yang kita akan posisi di tengah halaman yang tersisa tepi.

adding the remaining smaller decorative circles

Langkah 26

Sekarang bahwa kita selesai meletakkan bersama semua bagian yang berbeda dari pola kami sedikit, kita akan ingin memilih dan kelompok (Control-G) mereka bersama-sama, memastikan topeng mereka kemudian menggunakan 514 x 514 px persegi.

masking the repeating pattern segment

3. Cara Membuat Pola Menggunakan metode Copy-dan-Paste

Jadi pada titik inilah kita telah meletakkan bersama segmen pola berulang. Sekarang kita akan meletakkannya untuk bekerja dan melihat bagaimana kita dapat membuat sebuah pola sebenarnya yang menggunakan metode pertama.

Langkah 1

Anda akan ingin untuk memulai dengan membuat New Document baru dengan judul di atas ke File > New (atau dengan menggunakan cara pintas keyboard Control-N) dan kemudian memasuki masukkan Width dan Height nilai-nilai (aku pergi dengan 1600 x 1600 px persegi).

setting up a larger document

Langkah 2

Membuat salinan (Control-C) segmen pola yang hanya kita bertopeng, dan kemudian paste (Control-V) dalam dokumen baru, yang harus secara default sejajar itu ke sudut kiri atas halaman.

pasting the pattern segment onto the larger document

Langkah 3

Selanjutnya, kita akan mengisi halaman dengan beberapa salinan horisontal dan vertikal. Biasanya, saya akan menggunakan metode klik-dan-seret mana Anda membuat salinan dengan memilih bentuk yang Anda ingin menduplikasi dan kemudian menekan Alt (untuk membuat salinan) dan Shift (untuk menyeret dalam garis lurus) saat menyeret menggunakan mouse.

Masalahnya adalah bahwa, ketika Anda melakukan ini, perangkat lunak tidak benar snap salin ke tepi segmen asli, yang adalah apa yang kita inginkan itu harus dilakukan. Untuk memperbaiki ini, Anda harus membuat salinan menggunakan Control-C > Control-V jalan pintas keyboard, dan kemudian pilih dan seret sampai terkunci ke tempatnya.

Juga, jangan khawatir tentang pola menjadi semua tempat, karena kita akan pergi untuk memperbaikinya pada langkah berikutnya.

populating the larger document using the copy and paste method

Langkah 4

Pilih semua segmen pola menggunakan cara pintas keyboard Control-A, dan kemudian kelompok mereka bersama-sama menggunakan cara pintas keyboard Control-G, pastikan untuk pusat menyelaraskan kelompok yang dihasilkan ke halaman yang mendasari yang akan memastikan bahwa pola akan seragam diterapkan.

center aligning the copy and paste pattern

Langkah 5

Sementara metode Copy-dan-Paste sangat mudah untuk digunakan, hal itu bisa kadang-kadang terbukti tidak menjadi pilihan terbaik Anda, terutama jika Anda ingin membuat penyesuaian ke salah satu segmen menyusun, karena perangkat lunak tidak akan membawa mereka di seluruh pola. Ini berarti bahwa jika Anda perlu untuk mengubah warna atau ukuran elemen, Anda harus meluangkan waktu dan menyesuaikan masing-masing segmen menyusun pola agar perubahan diterapkan seragam.

Metode berikutnya mengatasi masalah ini menggunakan solusi yang sederhana, seperti yang kita lihat dalam saat berikut.

adjusting the color of a composing shape of the copy and paste pattern

4. Bagaimana cara membuat pola menggunakan metode simbol

Jika Anda berencana untuk menyesuaikan pola kemudian, metode kedua ini harus membuktikan untuk menjadi pilihan yang lebih baik karena memungkinkan Anda untuk melakukan itu dengan cara yang sangat sederhana.

Langkah 1

Memulai dengan menciptakan sebuah 1600 x 1600 px dokumen, ke mana kita akan paste (Control-V) salinan segmen pola berulang.

pasting the repeating pattern onto the larger artboard for the symbols method

Langkah 2

Alih-alih segera mulai mengisi halaman dengan salinan segmen pola seperti yang kita lakukan beberapa saat yang lalu, kami akan mengubahnya menjadi simbol yang akan memungkinkan kita untuk melaksanakan setiap penyesuaian yang diinginkan di tingkat global. Untuk melakukan ini, Anda harus terlebih dulu mengaktifkan panel simbol, dengan judul di atas untuk View > Studio yang mana Anda akan ingin klik pada simbol.

Sekarang bahwa panel terlihat, Anda akan ingin untuk memilih segmen pola dan kemudian klik Create, yang harus berubah menjadi simbol. Ini akan ditunjukkan pada panel Layers.

example of turning a pattern segment into a symbol

Langkah 3

Setelah kami telah berubah segmen pola kami menjadi simbol, kita dapat mengambil waktu untuk mengisi halaman menggunakan beberapa salinan horisontal dan vertikal (Control-C > Control-V) seperti yang kita lakukan dengan metode sebelumnya, pastikan untuk kelompok (Control-G) dan kemudian pusat menyelaraskan pola dihasilkan menggunakan panel Arrange Align Horizontally dan Vertically pilihan.

center aligning the pattern for the symbols method

Langkah 4

Jika Anda pernah perlu membuat penyesuaian pola dihasilkan, Anda dapat dengan mudah melakukannya dengan menyesuaikan salah satu segmen yang menyusun dan perangkat lunak akan membawa mereka keluar di seluruh semua yang lain.

adjusting the color of a composing shape for the symbols method

5. cara membuat pola menggunakan metode duplikat Power

Metode ini ketiga dan terakhir mungkin adalah yang terbaik, karena memungkinkan Anda untuk mengisi halaman banyak lebih cepat dibandingkan dengan metode Copy-dan-Paste, sementara membiarkan Anda mudah mengeditnya sebanyak yang Anda bisa dengan metode simbol.

Langkah 1

Seperti yang kita lakukan dengan semua metode sebelumnya, mulai dengan menciptakan 1600 x 1600 px dokumen dan kemudian paste (Control-V) salinan segmen berulang ke atasnya.

pasting the repeating pattern for the power duplicate method

Langkah 2

Dengan cepat mengubah pola segmen menjadi simbol, sehingga Anda dapat melakukan penyesuaian kemudian, Kapan dan jika Anda perlu.

turning a pattern segment into a symbol for the power duplicate method

Langkah 3

Dengan pola segmen dipilih menggunakan cara pintas keyboard Control-J untuk membuat duplikat, yang kita akan kemudian posisi di sebelah kanan yang asli, dengan mengeklik dan menyeret sambil menekan Alt dan tombol Shift.

creating the first pattern segment copy using the duplicate function

Langkah 4

Cepat membuat baris pertama dari salinan dengan menggunakan cara pintas keyboard Control-J dua kali daripada metode manual copy-dan-paste, yang akan menduplikasi tindakan pertama posisi segmen pola yang menggunakan nilai jarak yang sama.

creating the first row of copies using the power duplicate method

Langkah 5

Setelah Anda memiliki baris pertama, membuat duplikat setelah menggunakan cara pintas keyboard Control-J, dan kemudian tarik dan posisi salinan di bawah baris asli, mengisi halaman dengan menekan Control-J pintasan dua kali.

Kemudian, hanya kelompok (Control-G) dan pusat menyelaraskan pola dihasilkan halaman yang mendasari.

center aligning the pattern for the power duplicate method

Kerja yang bagus!

Seperti biasa, saya berharap Anda memiliki menyenangkan bekerja pada proyek dan dikelola untuk mempelajari sesuatu yang baru dan berguna sepanjang jalan.

Bahwa menjadi kata, jika Anda memiliki pertanyaan, jangan ragu untuk mengirim mereka di bagian komentar, dan aku akan kembali kepada Anda segera setelah aku bisa!

finished pattern segment preview

Ingin memperluas keterampilan Anda desainer afinitas?!

Apakah Anda baru saja mulai menggunakan desain afinitas, tetapi belum cukup mendapatkan menguasainya? Nah, jika itu terjadi, hari ini di hari keberuntungan Anda karena kami tangan-memungut beberapa tutorial yang harus membuat Anda bangun dan berjalan dalam waktu singkat!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.