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

Cara Mencipta Corak Daun Musim Luruh dalam Pereka Affinity

by
Difficulty:BeginnerLength:MediumLanguages:

Malay (Melayu) translation by Muhamad Zulfiqor (you can also view the original English article)

Final product image
What You'll Be Creating

Selamat datang ke tutorial Reka Bentuk Affinity yang lain, di mana kita akan belajar cara membuat corak bertema musim gugur tanpa menggunakan lebih daripada beberapa bentuk asas yang akan kita sesuaikan di sana sini.

Bahawa dikatakan, jangan lupa bahawa anda sentiasa dapat mengembangkan perpustakaan sumber anda dengan menuju ke Element Envato di mana anda akan dapati banyak corak vektor pilihan.

Jadi, dengan mengandaikan bahawa anda sudah mempunyai perisian dan berjalan, mari melompat ke dalamnya!

1. Bagaimana Menyediakan Fail Projek Baru

Seperti yang kita lakukan dengan mana-mana projek baru, kita akan bermula dengan menubuhkan Dokumen Baru dengan menuju ke Fail> Baru (atau dengan menggunakan pintasan papan kekunci Control-N), yang akan kami pelaraskan seperti berikut:

  • Jenis: Web
  • Dokumentenheder: Pixels
  • Buat artboard: diperiksa
  • Lebar Halaman: 288 px
  • Halaman Ketinggian: 192 px
  • DPI: 72
setting up a new document

Petua cepat: sekarang bahawa kami telah membuat dokumen baru kami, ini adalah idea yang baik untuk mengunci Artboardnya supaya kami tidak mengalihkannya secara tidak sengaja. Untuk melakukan ini, cukup buka panel Layers, pilih Artboard, dan kemudian gunakan ikon kunci kecil.

example of locking the artboard

2. Bagaimana Membuat Latar Belakang

Sebaik sahaja kami selesai menyediakan fail projek kami, kami boleh mula bekerja pada corak sebenar. Mari bermula dengan latar belakang.

Langkah 1

Dengan menggunakan Rectangle Tool (M), buat bentuk 288 x 192 px, yang akan kami berwarna menggunakan #604349 dan kemudian sejajar dengan pusat Artboard yang mendasar menggunakan Align Center dan Align Middle options, pastikan penjajaran disetatkan untuk Spread.

creating and positioning the background

Langkah 2

Oleh kerana kami ingin dapat mengesan bentuk kami dengan mudah, saya cadangkan anda melabelkannya ketika kami pergi bersama dengan hanya klik dua kali pada panel Lapisan dan masukkan kata kunci yang dikehendaki.

3. Bagaimana Membuat Daun Berulang

Sebaik sahaja kita mempunyai latar belakang di tempat, kita boleh mengalihkan tumpuan kita ke arah daun, yang akan kita buat satu seksyen pada satu masa.

Langkah 1

Mulailah dengan mencipta badan utama daun pusat menggunakan 48 x 96 px ellipse, yang akan kami gunakan warna menggunakan FF8B6C dan kemudian pusat selaras dengan Artboard yang mendasari seperti yang kami lakukan dengan latar belakang.

creating the main shape for the center leaf

Langkah 2

Laraskan bentuk yang baru kita buat dengan terlebih dahulu menukarnya kepada lengkung menggunakan operasi Convert to Curves bar konteks, dan kemudian memilih kedua-dua nod atas dan bawah menggunakan Alat Node (A) dan mencubit mereka menggunakan operasi Convert to Sharp.

adjusting the shape of the leaf

Langkah 3

Zum masuk pada daun, dan kemudian buat midribnya menggunakan garis pita tebal 96 px tinggi 4 px (#C15944), yang akan kita pusatkan sejajar dengan badannya yang lebih besar.

adding the midrib to the center leaf

Langkah 4

Ambil Alat Pena (P) dan lukis pertama pada urat sisi kiri menggunakan 28 px lebar, 24 px tinggi, 4 pt pukulan Stroke tebal (#C15944), yang akan kami letakkan di bahagian tengah, pada jarak 12 px dari nod bawahnya.

creating and positioning the bottom left-sided vein

Langkah 5

Tambah urat baki sampingan semasa menggunakan dua salinan yang kami baru cipta, yang akan menumpuk secara menegak 24 px dari satu sama lain, memastikan untuk memilih dan menggabungkannya bersama kemudian menggunakan pintasan papan kekunci Control-G.

adding the remaining left-sided veins

Langkah 6

Buat urat sisi yang betul menggunakan kaedah yang sama yang digunakan untuk yang kiri, pastikan untuk kumpulan (Control-G) dan selaraskannya ke nod atas midrib seperti yang dilihat dalam imej rujukan.

adding the right veins

Langkah 7

Berikan daun garis besar menggunakan kaedah Stroke, dengan membuat salinan (Control-C), yang akan kami tampal di hadapan (Control-V). Tukar warna ke #C15944, dan kemudian flip Isinya Fill dengan Stroke menggunakan pintasan papan kekunci Shift-X, pastikan untuk menetapkan Lebar ke 4 pt.

adding the outline to the center leaf

Langkah 8

Ambil beberapa saat dan laraskan rupa bentuk berdasarkan Stroke, dengan memilih setiap individu dan kemudian melaraskan Lebar mereka menggunakan graf Tekanan panel Stroke seperti yang dilihat dalam imej rujukan.

adjusting the width of the composing strokes

Langkah 9

Sebaik sahaja anda selesai melaraskan profil lebar laluan yang berlainan, anda perlu menutupkan uratnya dan menonjol dengan membuka panel Lapisan dan kemudian menyeretnya ke dalam bentuk utama daun kerana ia akan bertindak sebagai topeng kliping. Kemudian, pilih dan kumpulan (Control-G) semua bentuk penyusunnya sebelum beralih ke langkah seterusnya.

masking the midrib and veins

Langkah 10

Buat dua salinan (Control-C > Control-V) dari daun yang baru kami tamat bekerja, yang akan kami letakkan di sisi Artboard yang lebih besar, memastikan bahawa tepinya jatuh ke pusat menegak supaya mereka akan lancar beralih apabila digunakan kemudian.

creating the side leaves

Langkah 11

Tambah baki daun dengan menggunakan empat salinan lagi (Control-C> Control-V empat kali), yang akan kami letakkan di tepi atas dan bawah Artboard, seperti yang dilihat dalam imej rujukan. Seperti yang anda dapat lihat, jika anda memposisikan bentuk dengan memilih dan kemudian menyeretnya menggunakan tetikus, perisian tersebut akan membantu anda secara automatik menyesuaikannya ke daun tetangga dengan memaparkan laluan jejak kecil dan nilai jarak.

adding the remaining leaves

Langkah 12

Ambil beberapa momen dan laraskan beberapa daun dengan menukar warna bentuk mengisi mereka kepada #FFBD6E, dengan itu menambahkan sedikit kepelbagaian kepada corak.

adjusting the colors of some of the leaves

Langkah 13

Selesaikan corak dengan memilih dan mengelompokkan semua daun bersama menggunakan pintasan papan kekunci Control-G, pastikan untuk menutupnya selepas itu dengan membuka panel Lapisan dan kemudian menyeretnya ke segi empat tepat yang lebih besar.

masking the leaves

4. Bagaimana Menggunakan Corak

Pada ketika ini, kami telah selesai membuat segmen corak kecil kami, jadi mari lihat bagaimana kami boleh menggunakannya untuk mencipta corak lancar yang lebih besar.

Langkah 1

Anda akan mahu memulakan dengan membuat dokumen baru menggunakan nilai Lebar dan Ketinggian yang dikehendaki (dalam kes saya, saya pergi dengan Artis 1200 x 800 yang cukup besar), ke mana kita akan menampal salinan (Control-C> Control-V) segmen corak yang lebih kecil.

pasting a copy of the pattern segment onto the empty artboard

Langkah 2

Isi permukaan Artboard yang selebihnya dengan menggunakan beberapa salinan mendatar dan menegak seperti yang dilihat dalam imej rujukan, memastikan ia di Align dengan sempurna dengan menggunakan alat Angkas Horizontally dan Vertically panel Align.

Jangan bimbang jika beberapa segmen corak keluar dari permukaan Artboard kerana kami akan membetulkannya dalam beberapa saat.

adding the remaining pattern segments to the empty artboard

Langkah 3

Sebaik sahaja anda mempunyai semua segmen corak di tempat, pilih dan sekelompoknya bersama-sama dengan menggunakan pintasan papan kekunci Control-G, dan kemudian pusat menyelaraskannya ke Artboard yang mendasari, yang akan memastikan bahawa corak akan digunakan secara seragam. Bergantung kepada saiz projek, anda boleh menaikkan atau memajukan corak akhir untuk memenuhi keperluan anda.

center aligning the larger pattern

Kerja yang hebat!

Seperti biasa, saya harap anda bersenang-senang bekerja pada projek kecil kami dan yang paling penting dapat belajar sesuatu yang baru dan bermanfaat sepanjang jalan.

Bahawa dikatakan, jika anda mempunyai sebarang pertanyaan, jangan lepaskannya dalam bahagian komen dan saya akan kembali kepada anda sebaik sahaja saya dapat!


Ingin Memperluas Skillbag Anda ?!

Adakah anda baru bermula dengan menggunakan Affinity Designer tetapi belum cukup gantung? Baiklah, jika itu berlaku, kami telah memilih beberapa tutorial yang akan membawa anda ke kelajuan dalam masa yang 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.