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

Cara Reka Bentuk Corak Summer yang Lancar pada Designer Affinity

by
Difficulty:IntermediateLength:LongLanguages:

Malay (Melayu) translation by Rahmat Hidayat (you can also view the original English article)

Final product image
What You'll Be Creating

Ramai di antara kita, musim panas adalah musim yang paling menarik.  Panas matahari, pakaian terang, gelombang laut yang hangat dan hari cuti, inilah yang kami tunggu tidak sabar!  Dalam tutorial ini, kami akan mencipta corak musim panas yang menyenangkan di Affinity Designer.  Kami akan menarik unsur-unsur musim panas yang bergaya, bergaya satu demi satu dan kemudian menggabungkannya dengan tekstur yang seimbang dan berulang.  Mari mulakan!

Kami mengesyorkan mengemas kini tapak web atau blog anda dengan membuat latar belakang baru untuk musim panas!  Teknik yang diterangkan, bagaimanapun, juga berguna untuk mencipta corak lancar yang lain dalam Pereka Affinity, sama ada pola lancar musim panas yang rata atau corak mengulangi bunga atau apa-apa tekstur gaya rata seperti ini.

Mari cuba!

1. Membuat Cermin Cermin Bergaya

Langkah 1

Pertama sekali, mari buat Fail Baru 600 x 600 px .  Kami akan menggunakan warna pastel untuk unsur-unsur untuk menjadikan keseluruhan palet corak kami terang dan lembut.

make a new file and think on the palette

Langkah 2

Gunakan Alat Ellipse (M) , tekan Shift dan buat bulatan 40 x 40 px .  Anda boleh menyesuaikan saiz dalam panel Transform .

Gunakan panel Warna untuk mengisi bentuk dalam warna biru muda.  Duplikat Command-C> Command-V ) bentuk, tahan Command-Shift dan skala salinan yang lebih rendah ke 55 x 55 px .  Isi bentuk baru dengan ungu lembut, membentuk tepi cermin mata.

make two circles for the glasses

Langkah 3

Sekarang mari kita buat perhatian pada kaca.  Gunakan Alat Rectangle (M) , membuat beberapa garis sempit dan Kumpulan mereka (Command-G) .  Putar garisan sambil memegang Shift dan letakkan pada kaca.

make a highlight from two narrow rectangles

Langkah 4

Pergi ke panel Lapisan , pilih dan seret garis di atas lapisan kaca biru sehingga anda melihat garis biru pendek, yang menunjukkan bahawa anda meletakkan satu objek di lain.  Dengan cara ini, kita boleh menyembunyikan bahagian yang tidak diperlukan dari perhatian di kaca.  Semak tangkapan skrin di bawah untuk melihat bagaimana ia berfungsi.

place the stripes inside the circle

Langkah 5

Buat salinan (Command-C> Command-V) untuk separuh kedua gelas dan sambungkannya ke garisan mendatar, menggunakan Pen Alat (P) dan tetapkan Berat Stroke hingga 8 pt pada bar alat kawalan di atas.  Gunakan warna ungu yang sama dengan calar di tepi cermin mata.

Jika anda baru untuk Designer Affinity atau berasa keliru tentang menggunakan pemilih warna, kemudian semak Bahagian 2, Langkah 1 tutorial ini untuk melihat bagaimana ia berfungsi.

use the pen tool to connect the glasses

Langkah 6

Gunakan Alat Node (A) untuk membengkokkan stroke, menjadikannya sedikit melengkung.  Tambah dua bulatan 10 x 10 px kecil bersebelahan dengan gelas untuk membuat penampilan kelihatan lengkap.

Dan mari kita berpindah ke elemen seterusnya pola kita!

Use the Node Tool A to bend the stroke

2. Membuat Ais Krim Pistachio Delicious

Langkah 1

Mari kita mula membentuk ais krim dari kerucut.  Gunakan Alat Segi Tiga untuk membuat bentuk kuning 60 x 70 px dan putarkannya terbalik.

make a triangle ice-cream cone

Langkah 2

Sekarang mari kita gunakan tekstur waffle lembut untuk kon kami.  Gunakan Alat Diamond untuk membuat 10 x 18 px bentuk kuning yang lebih gelap, letakkan di atas kerucut.  Tahan Pilihan-Shift dan seret kanan, buat salinan bentuk  Sekarang tekan Command-J dua kali untuk membuat dua lagi salinan. Kumpulan (Command-G) Empat berlian bersama-sama.

use the diamond tool for the waffle texture

Langkah 3

Tunggu Pilihan-Shift dan kali ini seret kumpulan ke bawah, membuat salinan. Gerakkan berlian, letakkannya dalam kedudukan papan catur (anda perlu memadamkan satu bahagian tambahan kumpulan itu).  Pilih kon dan kumpulan dan gunakan panel Align di atas untuk menyelaraskan bentuk ke Pusat .

Buat dua lagi salinan, isikan ruang kosong dan pasangkannya menjadi wafel bertekstur.  Jangan lupa kumpulan (Command-G) kon.

add more diamonds to make the cone textured

Langkah 4

Ayuh, letakkan 1 sekop ais krim pistachio di atas kerucut.  Buat bulatan hijau 75 x 75 px , menggunakan Alat Ellipse (M) .  Tekan Command-Shift- [ untuk menetapkan semula objek, letakkan sekop di bawah kerucut.

Mula membentuk satu barisan lingkaran kecil di bahagian bawah sekop.  Buat bulatan 15 x 15 px , tahan Pilihan-Shift dan seret ke kanan, buat salinan.

make a green circle scoop of ice-cream

Langkah 5

Tekan Command-J beberapa kali untuk membuat barisan kalangan.  Sekiranya unsur-unsur tidak sepadan antara satu sama lain, maka pusingan Kumpulan (Command-G) dan menjadikannya sedikit lebih kecil.  Pilih semua elemen dan sejajarnya ke Pusat dalam panel Align di atas.

adjust the size and align the elements

Langkah 6

Gunakan Alat Ellipse (M) untuk menambah beberapa sorotan lembut.  Sekarang ais krim kelihatan lengkap!  Mari kita teruskan!

add highlights to finish up with the icon

3. Buat Cocktail Juice Summer

Langkah 1

Pertama, mari buatkan kaca koktel dengan mangkuk kerucut terbalik.  Gunakan Alat Segitiga untuk membuat bentuk biru 80 x 40 px .  Jadikan segitiga yang lebih kecil di atas dan isikan dengan cahaya kuning untuk jus.

make a triangle cocktail glass bowl

Langkah 2

Selesaikan kaca dengan menambahkan segitiga bawah dan leher nipis.

Gunakan Alat Pen (P) untuk membuat jerami mudah.  Tetapkan Berat Strok hingga 4 pt .

Beralih ke Alat Ellipse (M) dan buat bulatan kecil sekitar 29 x 29 px untuk kepingan oren, tongkat pada kaca.  Tetapkan warna untuk jingga dan warna stroke ke oren yang lebih gelap

make a cocktail glass with straw

Langkah 3

Sekarang mari kita membuat lapisan koktel kami.  Gunakan Alat Rectangle (M) untuk membuat dua baris dengan ketinggian yang sama.  Isi jeruk oren dan merah dan gunakan panel Lapisan untuk menyeret dan menjatuhkan garis dalam bentuk segitiga kuning untuk menyembunyikan kepingan yang tidak dibutuhkan.

Jadi di sini adalah: jus koktail musim panas kami!  Mari kita berpindah ke objek seterusnya.

add rectangle stripes to make the cocktail layered

4. Membuat Bintang Laut Live

Langkah 1

Seperti yang anda perhatikan, Affinity Designer mempunyai banyak bentuk tersuai, yang sesuai untuk keperluan anda.  Di samping itu, sebarang bentuk boleh dengan mudah diselaraskan dari bar alat kawalan di atas.  Ia menjadikan proses lukisan dan reka bentuk lebih cepat!

Gunakan Alat Star untuk membuat bintang 5-tajam .  Pergi ke bar alat teratas dan marilah kita menyesuaikan bintang kami.  Tetapkan Left Left hingga 20% , menjadikan titik bintang separa bulat.  Kemudian lakukan perkara yang sama untuk Curve Kanan , gerakkan slider hingga 20% , menjadikan bintang itu lancar dan bulat.

make a rounded star

Langkah 2

Gunakan Alat Ellipse (M) untuk memberi titik pada beberapa titik di atas bintang laut.

Use the Ellipse Tool M to add spots

Langkah 3

Kami boleh menyalin dan mengubah saiz bintang laut kami supaya kami dapat mengisi ruang kosong pola kami kemudian.  Untuk menambah lebih banyak variasi, mari kita lihat bagaimana kita boleh menyusun semula objek dalam beberapa klik.  Pilih salah satu bintang laut dan buka menu Penyelarasan di bahagian bawah panel Lapisan .  Cari fungsi Recolour dan dalam tetingkap Pilihan Recolour gerakkan slaid Hue ke kiri atau kanan sehingga anda mencari warna yang anda suka.  Betul betul!

recolor the objects in the adjustments menu

5. Form Juice Watermelon

Langkah 1

Buat bulatan merah jambu sebanyak 150 x 150 px untuk daging melon, gunakan Alat Ellipse (M) .  Buat lingkaran lain 160 x 160 px , isikan dengan kuning dan letakkannya di bawah bulatan merah jambu (Command- [) . Selesaikan dengan membuat bulatan ketiga yang lebih besar, dipenuhi dengan hijau.

make a watermelon from three circles

Langkah 2

Sekarang kita perlu mengumpulkan semua bahagian tembikai dan membahagi dua.  Pilih Alat Tanaman Vektor dan potong bahagian atas tembikai kami.  Anda sentiasa boleh membatalkan atau menyesuaikan saiz kawasan yang dipotong menggunakan Alat Tanaman Vektor sekali lagi.

crop the shape with vector crop tool

Langkah 3

Mari tambahkan beberapa biji ke tembikai kami, menjadikannya kelihatan lebih nyata.  Buat bulatan 7 x 7 px .  Isi warna biru tua atau gelap ungu.  Elakkan menggunakan hitam supaya pola masa depan kami lebih lembut dan lebih ringan.

Pergi ke bar alat kawalan atas dan gunakan fungsi Tukar ke Curves untuk menjadikan kalangan kami dapat disunting.  Gunakan Alat Node (A) dan pilih nod atas dari bentuk kami.  Tukar ke Sudut tajam , gunakan fungsi Tukar di bar alat atas. Seret titik, buat bentuk jatuh.

make a seed from a circle

Langkah 4

Sekarang kita dapat menyalin dan meletakkan benih di atas tembon kita, memutarkannya dalam arah yang berbeza.  Pertama, sebarkan benih di bahagian kiri tembikai dan kemudian salin benih dan cermin salinan ke sebaliknya, menggunakan fungsi Flip Horizontal pada bar alat kawalan di atas.

add seeds to the watermelon

6. Membuat Payung Matahari

Langkah 1

Sekarang kita akan membuat elemen terakhir pola kita: paparan payung matahari bergaris.  Gunakan Alat Poligon untuk membuat lapan persegi panjang (nyatakan 8 sisi pada bar alat kawalan atas).  Pilih Alat Pen (P) dan lukiskan garisan menegak di lapan persegi kami.  Pilih kedua-dua borang dan Align mereka ke Pusat .

make an octagon

Langkah 2

Salin strok, tahan Shift dan putarnya 90 darjah , letakkan garis mendatar merentasi bentuk.  Buat lebih banyak salinan, berputar setiap 45 derajat , dengan itu membahagi segi tiga kami ke dalam bahagian.

Pilih semua pukulan, buka panel Strok (anda boleh menemui tab ini bersebelahan dengan panel Warna ) dan tetapkan nilai Lebar ke 0.1 pt .

make strokes to divide the octagon

Langkah 3

Pilih strok di panel Lapisan dan pergi ke Lapisan> Kembangkan Strok , mengubahnya menjadi bentuk.  Pastikan baris dipilih, pergi ke panel Operasi pada bar alat kawalan di atas dan klik butang Tambah untuk menggabungkan garis ke dalam bentuk tunggal.

expand and merge the lines

Langkah 4

Kini mari kita mengetuk segi empat lapan kami ke dalam bahagian.  Pilih kedua-dua garis gabungan dan kelapan dan gunakan Operasi Substrak untuk memotong bentuk.  Coretan bentuk masih bersambung, jadi mari kita berkongsinya dalam Lapisan> Geometri> Bahagikan .  Seperti yang anda lihat dalam panel Layers , kini kami mempunyai segitiga berasingan bagi setiap bahagian.

subtract and divide the segments of the octagon

Langkah 5

Dari sini, mari isi bahagian-bahagian, bergantian antara merah jambu dan kuning muda.

Akhirnya, tambahkan bulatan merah jambu kecil pada setiap hujung payung kami, memberikannya gambaran yang lengkap.

color the segments and add minor details

Hebat!  Segala perkara kami sudah siap, jadi kini kami dapat menggabungkannya menjadi corak musim panas yang lancar.

elements of the summer seamless pattern

7. Merekabentuk Corak Lembut Keseronokan Musim Panas

Langkah 1

Sekarang mari kita belajar keajaiban membuat pola yang licin dan berulang! Letakkan tembikai di tepi kiri dokumen.  Jadikan ia menyeberangi pinggir separa, supaya separuh daripada bentuknya tidak kelihatan di luar kanvas.

Duplikat (Command-C> Command-V) objek dan pindahkan salinan 600 px (yang sama seperti Lebar dokumen kami) ke kanan dengan menaip " +600 " Posisi Mendatar dalam panel Transform .

copy the object and move it

Langkah 2

Sekarang letakkan bintang laut di bahagian atas dokumen kami dan biarkan ia menyeberangi tepi kanvas.  Buat salinan bintang laut dan gerakkan 600 px ke bawah (yang sama dengan Ketinggian dokumen kami), menggunakan panel Transform dan ketik " +600 " dalam kedudukan Menegak .

Inilah cara ia berfungsi: salinan berulang di tepi dokumen membuat corak licin. Apa-apa sahaja yang melintasi tepi kanvas mesti disalin dan diletakkan di sebelah yang bertentangan.

copy and move the starfish

Langkah 3

Serahkan objek pada kanvas, membuat salinan dan warna semula mereka untuk menambah pelbagai corak kami.

Di sini saya telah menambah dua lagi krim ais yang berbeza warna, juga lain-lain bintang laut dan kacamata koktail yang dicerminkan.

arrange the objects building a pattern

Langkah 4

Buat segi empat tepat biru dengan saiz yang sama seperti dokumen kami ( 600 x 600 px ) dan letakkan di bahagian bawah panel Lapisan Shift-command [ ). Atau anda juga boleh membuat Lapisan Baru untuk latar belakang biru dan letakkan di sana.

Saya telah mengecat semula beberapa elemen (gelas koktel dan cermin mata hitam di dalam) untuk menjadikan mereka melihat latar belakang biru.  Dan saya juga menambah beberapa elemen biru muda seperti matahari kecil, bulatan, awan dan zigzag untuk mengisi titik kosong corak ini, menjadikannya kelihatan lebih padat dan terperinci.

Akhirnya, Kumpulan (Command-G) semua unsur corak kami (kecuali latar belakang) dan seret kumpulan di atas bentuk latar belakang dalam panel Lapisan , meletakkan kumpulan di dalam segi empat tepat.

group the shapes and place them inside the rectangle

Langkah 5

Mari kita pastikan corak kita lancar.  Jadikan persegi panjang kami lebih kecil, mengurangkan saiz 300 x 300 px dipanel Transform .  Simpan di sudut kiri atas dokumen.  Duplikasi corak dan gunakan panel Transform sekali lagi untuk mengalihkan salinan 300 px secara mendatar ke kanan.  Seperti yang anda lihat, coraknya sesuai, menjadikan komposisi seimbang dan berulang.

make the pattern smaller and copy it

Langkah 6

Mari tambahkan beberapa bahagian lagi di bahagian bawah dokumen kami. Buat dua lagi corak dan letakkannya di sebelah satu sama lain.  Hebat!  Corak kami kelihatan sangat lancar dan terperinci.

add more pieces making the pattern seamless

Langkah 7

Sekarang kita boleh Fail> Eksport corak licin kita dalam sebarang format, mengikut keperluan kita.

File Export our seamless pattern in any format

Tos !!!  Pola Summer Lancar Kami Sedia!

Kerja yang baik,  semua orang! Kami telah mengikuti proses terperinci untuk membuat elemen rata dan mempelajari beberapa teknik mudah, yang membantu kami membina haba polimus berulang, yang sangat sesuai untuk laman web dan blog sebagai latar belakang.  Juga boleh digunakan untuk membungkus kertas, kain, kertas dinding cetak dan banyak lagi.

Nikmati corak lancar yang baru, dan terus menantikan dengan tutorial Designer Affinity yang lain!

Flat Summer Seamless Pattern is finished
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.