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

Cara Merancang Pola Musim Panas Mulus di Affinity Designer

by
Read Time:11 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Banyak dari kita, musim panas adalah musim yang paling mengasyikkan. Matahari yang panas, pakaian cerah, ombak laut hangat dan liburan, inilah yang kita tunggu dengan tidak sabar! Dalam tutorial ini kita akan menciptakan pola mulus musim panas yang menyenangkan di Affinity Designer. Kita akan menggambar unsur musim panas bergaya datar trendi satu per satu dan kemudian menggabungkannya dengan tekstur berulang yang seimbang. Mari kita mulai!

Sebaiknya perbarui situs web atau blog anda dengan membuat latar belakang baru untuk musim panas! Teknik yang digambarkan, bagaimanapun, juga akan berguna untuk menciptakan pola mulus lainnya dalam Affinity Designer, entah itu flat summer seamless pattern atau floral repeating pattern atau flat style textures apapun seperti ini.

  Mari kita coba!

1. Membuat Kacamata Hitam Bergaya

Langkah 1

Pertama-tama, ayo kita buat New File 600 x 600 px. Kita akan menggunakan warna pastel untuk unsurnya untuk membuat keseluruhan palet dari pola kita terang dan lembut.

make a new file and think on the palettemake a new file and think on the palettemake a new file and think on the palette

Langkah 2

Pakai Ellipse Tool (M), tekan Shift dan buat sebuah lingkaran 40 x 40 px. Anda bisa mengatur ukurannya di panel Transform.

Gunakan panel Colour untuk mengisi bentuk dengan warna biru muda. Duplicate (Command-C > Command-V) bentuk, tahan Command-Shift dan skalakan salinan bawah menjadi 55 x 55 px. Isi bentuk baru dengan warna lilac lembut, membentuk pinggiran kacamata.

make two circles for the glassesmake two circles for the glassesmake two circles for the glasses

Langkah 3

Sekarang mari kita membuat sorotan di atas gelas. Pakai Rectangle Tool (M), membuat beberapa garis-garis sempit dan Group (Command-G) mereka. Putar garis-garis sambil menahan Shift dan letakkan di atas kaca.

make a highlight from two narrow rectanglesmake a highlight from two narrow rectanglesmake a highlight from two narrow rectangles

Langkah 4

Pergi ke panel Layer, pilih dan tarik garis-garis di atas lapisan kaca biru sampai anda melihat garis biru pendek, yang menunjukkan bahwa anda menempatkan satu obyek di dalam yang lain. Dengan cara ini kita bisa menyembunyikan bagian yang tidak dibutuhkan dari sorotan di dalam kaca. Periksa tangkapan layar di bawah ini untuk melihat cara kerjanya.

place the stripes inside the circleplace the stripes inside the circleplace the stripes inside the circle

Langkah 5

Buat salinannya (Command-C> Command-V) untuk setengah bagian kedua kacamata dan menghubungkannya dengan garis horizontal, dengan menggunakan Pen Tool (P) dan atur Stroke Weight menjadi 8 pt di toolbar kontrol di atas. Terapkan warna lilac yang sama ke goresan yang ada pada pinggiran kacamata.

Jika anda baru mengenal Affinity Designer atau merasa bingung menggunakan color picker, maka cek Part 2, Step 1 dari tutorial ini untuk melihat cara kerjanya.

use the pen tool to connect the glassesuse the pen tool to connect the glassesuse the pen tool to connect the glasses

Langkah 6

Gunakan Node Tool (A) untuk menekukkan strokenya, membuatnya sedikit melengkung. Tambahkan dua lingkaran kecil 10 x 10 px di samping kacamata untuk membuat tampilannya terlihat lengkap.

Dan mari kita beralih ke unsur berikutnya dari pola kita!

Use the Node Tool A to bend the stroke Use the Node Tool A to bend the stroke Use the Node Tool A to bend the stroke

2. Membuat Es Krim Pistachio Yang Enak

Langkah 1

Mari kita mulai membentuk es krim dari kerucut. Gunakan Triangle Tool untuk membuat bentuk kuning 60 x 70 px dan putar terbalik.

make a triangle ice-cream conemake a triangle ice-cream conemake a triangle ice-cream cone

Langkah 2

Sekarang mari kita terapkan tekstur wafel lembut ke kerucut kita. Gunakan Diamond Tool untuk membuat sebuah bentuk 10 x 18 px berwarna kuning yang lebih gelap, tempatkan di atas kerucut. Tahan Option-Shift dan seret ke kanan, buat salinan bentuknya Sekarang tekan Command-J dua kali untuk membuat dua salinan lagi. Group (Command-G) Keempat berlian itu bersama.

use the diamond tool for the waffle textureuse the diamond tool for the waffle textureuse the diamond tool for the waffle texture

Langkah 3

Tahan Option-Shift dan kali ini seret grup ke bawah, buat salinannya. Pindahkan berlian, tempatkan mereka dalam posisi papan catur (anda perlu menghapus satu bagian tambahan dari grup). Pilih kerucut dan grupnya dan gunakan panel Align di atas untuk menyelaraskan bentuk ke Centre.

Buat dua salinan lagi, isi ruang kosong kerucut dan mengubahnya menjadi wafel bertekstur. Jangan lupa Group (Command-G) bagian kerucutnya.

add more diamonds to make the cone texturedadd more diamonds to make the cone texturedadd more diamonds to make the cone textured

Langkah 4

Ayo letakkan 1 sekop es krim pistachio di atas kerucut. Buat lingkaran hijau 75 x 75 px, menggunakan Ellipse Tool (M). Tekan Command-Shift-[ untuk mengatur ulang obyeknya, tempatkan sekop di bawah kerucut.

Mulailah membentuk deretan lingkaran kecil di bagian bawah sekop. Membuat lingkaran 15 x 15 px, tahan Option-Shift dan seret ke kanan, buat salinannya.

make a green circle scoop of ice-creammake a green circle scoop of ice-creammake a green circle scoop of ice-cream

Langkah 5

Tekan Command-J beberapa kali untuk membuat deretan lingkaran. Jika unsur tidak saling cocok, maka Group (Command-G) lingkaran dan membuat mereka sedikit lebih kecil. Pilih semua unsur dan sejajarkan ke Centre dalam panel Align di atas.

adjust the size and align the elementsadjust the size and align the elementsadjust the size and align the elements

Langkah 6

Menggunakan Ellipse Tool (M) untuk menambahkan beberapa sorotan lembut. Sekarang es krim terlihat lengkap! Ayo lanjutkan!

add highlights to finish up with the iconadd highlights to finish up with the iconadd highlights to finish up with the icon

3. Membuat Cocktail Jus Musim Panas

Langkah 1

Pertama mari kita buat gelas koktail dengan mangkuk kerucut terbalik. Gunakan Triangle Tool untuk membuat sebuah bentuk biru 80 x 40 px. Buatlah segitiga lain berukuran lebih kecil di atasnya dan isi dengan warna kuning muda untuk jusnya.

make a triangle cocktail glass bowlmake a triangle cocktail glass bowlmake a triangle cocktail glass bowl

Langkah 2

Selesaikan gelasnya dengan menambahkan bagian bawah segitiga dan leher yang tipis.  

Gunakan Pen Tool (P) untuk membuat sedotan sederhana. Atur Stroke Weight menjadi 4 pt.

Beralih ke Ellipse Tool (M) dan buat bentuk lingkaran kecil sekitar 29 x 29 px untuk potongan jeruk, tempelkan pada kaca. Atur Fill warna menjadi oranye dan warna Stroke menjadi oranye yang lebih gelap

make a cocktail glass with strawmake a cocktail glass with strawmake a cocktail glass with straw

Langkah 3

Sekarang mari kita buat cocktail kita berlapis. Gunakan Rectangle Tool (M) untuk membuat dua garis dengan ketinggian yang sama. Isi dengan warna oranye dan merah jingga dan gunakan panel Layer untuk menyeret dan menjatuhkan garis-garis di dalam bentuk segitiga kuning untuk menyembunyikan potongan yang tidak dibutuhkan.

Jadi inilah dia: jus cocktail musim panas kita! Mari pindah ke obyek berikutnya.

add rectangle stripes to make the cocktail layeredadd rectangle stripes to make the cocktail layeredadd rectangle stripes to make the cocktail layered

4. Membuat Bintang Laut Hidup

Langkah 1

Seperti yang telah anda perhatikan, Affinity Designer memiliki banyak bentuk kustom, yang sesuai dengan kebutuhan. Selain itu, bentuk apapun dapat dengan mudah disesuaikan dari toolbar kontrol di atas. Itu membuat proses menggambar dan merancang lebih cepat!

Gunakan Star Tool untuk membuat sebuah bintang 5-Pointed. Pergi ke toolbar atas dan mari kita sesuaikan bintang kita. Atur Left Curve menjadi 20%, membuat titik bintang sebagian bulat. Kemudian lakukan hal yang sama untuk Right Curve, pindahkan slider menjadi 20%, membuat bintangnya halus dan bulat.

make a rounded starmake a rounded starmake a rounded star

Langkah 2

Gunakan Ellipse Tool (M) untuk memberi bercak di beberapa titik di atas bintang laut.

Use the Ellipse Tool M to add spotsUse the Ellipse Tool M to add spotsUse the Ellipse Tool M to add spots

Langkah 3

Kita bisa menyalin dan mengubah ukuran bintang laut kita sehingga kita bisa mengisi ruang kosong dari pola kita nanti. Untuk menambahkan variasi lebih banyak, mari kita lihat bagaimana kita bisa mewarnai ulang obyek dalam beberapa klik. Pilih salah satu bintang laut dan buka menu Adjustments di bagian bawah panel Layer. Temukan fungsi Recolour dan di jendela Recolour Options pindahkan slider Hue ke kiri atau kanan sampai anda menemukan warna yang anda suka. Mudah kan!

recolor the objects in the adjustments menurecolor the objects in the adjustments menurecolor the objects in the adjustments menu

5. Membentuk Jus Semangka

Langkah 1

Buat lingkaran merah muda 150 x 150 px untuk daging melon, gunakan Ellipse Tool (M). Buat lingkaran lain 160 x 160 px, isi dengan wrana kuning dan tempatkan di bawah lingkaran merah muda (Command-[). Selesaikan dengan menciptakan lingkaran ketiga yang lebih besar, diisi dengan warna hijau.

make a watermelon from three circlesmake a watermelon from three circlesmake a watermelon from three circles

Langkah 2

Sekarang kita perlu mengelompokkan semua bagian semangka dan membaginya menjadi dua. Pilih Vector Crop Tool dan potong bagian atas semangka kita. Anda dapat selalu meng-undo atau menyesuaikan ukuran area yang dipotong dengan menggunakan Vector Crop Tool lagi.

crop the shape with vector crop toolcrop the shape with vector crop toolcrop the shape with vector crop tool

Langkah 3

Mari tambahkan beberapa biji ke semangka kita, membuatnya terlihat lebih nyata. Buatlah lingkaran 7 x 7 px. Isi dengan warna biru tua atau ungu tua. Hindari menggunakan warna hitam agar pola masa depan kita lebih lembut dan ringan.

Pergi ke toolbar kontrol atas dan gunakan fungsi Convert to  Curves untuk membuat lingkaran kita dapat diedit. Pakai Node Tool (A) dan pilih simpul teratas dari bentuk kita. Convert to Sharp sudutnya, menggunakan fungsi Convert di toolbar atas. Seret titik ke atas, buat bentuk seperti jatuh.

make a seed from a circlemake a seed from a circlemake a seed from a circle

Langkah 4

Sekarang kita bisa menyalin dan menempatkan benih di atas melon kita, putar mereka ke arah yang berbeda. Pertama-tama, tebarkan benih di atas bagian kiri melon dan kemudian salin benih dan cerminkan salinan ke sisi yang berlawanan, menggunakan fungsi Flip Horizontal di toolbar kontrol di atas.

add seeds to the watermelonadd seeds to the watermelonadd seeds to the watermelon

6. Membuat Payung Matahari

Langkah 1

Sekarang kita akan membuat unsur terakhir dari pola kita: sebuah tampilan atas payung matahari bergaris. Gunakan Polygon Tool untuk membuat sebuah persegi delapan (tetapkan jumlah sisinya 8 di toolbar kontrol atas). Pilih Pen Tool (P) dan gambar garis vertikal melintasi persegi delapan kita. Pilih kedua bentuk dan Align mereka ke Centre.

make an octagonmake an octagonmake an octagon

Langkah 2

Salin strokenya, tahan Shift dan memutarnya 90 degrees, tempatkan garis horizontal melintasi bentuknya. Buat lebih banyak salinan, putar masing-masing 45 degrees, sehingga membagi segi delapan kita menjadi beberapa bagian. 

Pilih semua stroke, buka panel Stroke (anda dapat menemukan tab ini di sebelah panel Colour) dan atur nilai Width menjadi 0,1 pt.

make strokes to divide the octagonmake strokes to divide the octagonmake strokes to divide the octagon

Langkah 3

Pilih stroke di panel Layer dan pergi ke Layer > Expand Strokes, mengubahnya menjadi bentuk. Jaga garis yang dipilih, pergi ke panel Operations di toolbar kontrol diatas dan klik tombol Add tombol untuk menggabungkan garis menjadi bentuk tunggal.

expand and merge the linesexpand and merge the linesexpand and merge the lines

Langkah 4

Sekarang mari kita iris persegi delapan kita menjadi beberapa bagian. Pilih kedua garis gabungan dan persegi delapan dan gunakan Substract Operation untuk mengiris bentuknya. Potongan bentuknya tetap terhubung, jadi mari kita bagi mereka di Layer > Geometry > Divide. Seperti yang bisa anda lihat di panel Layer, sekarang kita memiliki segitiga yang terpisah untuk setiap bagian.

subtract and divide the segments of the octagonsubtract and divide the segments of the octagonsubtract and divide the segments of the octagon

Langkah 5

Dari sini, mari kita isi bagiannya, bertukar-tukar antara merah muda dan kuning muda.

Terakhir, tambahkan lingkaran merah muda kecil di setiap ujung payung kita, berikan tampilan yang lengkap.

color the segments and add minor detailscolor the segments and add minor detailscolor the segments and add minor details

Mantap! Semua benda kita sudah siap, jadi sekarang kita bisa menggabungkannya menjadi pola musim panas yang mulus.

elements of the summer seamless patternelements of the summer seamless patternelements of the summer seamless pattern

7. Merancang Pola Mulus Musim Panas yang Menyenangkan

Langkah 1

Sekarang mari kita belajar keajaiban membuat pola mulus dan berulang! Tempatkan semangka di tepi kiri dokumen. Buatlah itu menyilang di tepi sebagian, sehingga setengah bentuknya tidak terlihat di luar kanvas.

Duplicate (Command-C > Command-V) obyek dan pindahkan salinannya 600 px (yang sama dengan Width dari dokumen kita) ke kanan dengan mengetik “+600” di Horizontal Position dalam panel Transform.

copy the object and move itcopy the object and move itcopy the object and move it

Langkah 2

Sekarang tempatkan bintang laut di bagian atas dokumen kita dan biarkan melintasi tepi atas kanvas. Buatlah salinan bintang laut dan pindahkan 600 px ke bawah (yang sama dengan Height dari dokumen kita), dengan menggunakan panel Transform dan ketik "+600" dalam posisi Vertical.

Beginilah cara kerjanya: salinan berulang di tepi dokumen membuat polanya mulus. Apa pun yang melintasi tepian kanvas harus disalin dan diletakkan di sisi yang berlawanan.

copy and move the starfishcopy and move the starfishcopy and move the starfish

Langkah 3

Sebarkan benda-benda di atas kanvas, buat salinan dan warnai ulang beberapa obyek untuk menambahkan variasi pada pola kita.  

Di sini saya telah menambahkan dua es krim lagi dengan warna berbeda, juga bintang laut lainnya dan gelas cocktail yang direfleksikan.

arrange the objects building a patternarrange the objects building a patternarrange the objects building a pattern

Langkah 4

Buat persegi panjang biru muda dengan ukuran yang sama dengan dokumen kita (600 x 600 px) dan letakkan di bagian paling bawah panel Layers (Shift-command [). Atau anda juga bisa membuat New Layer untuk latar belakang biru dan menempatkannya di sana.

Saya telah mewarnai ulang beberapa unsur (gelas cocktail dan bagian dalam kacamata hitam) untuk membuat mereka terlihat di atas latar belakang biru. Dan saya juga menambahkan beberapa unsur biru muda seperti matahari kecil, lingkaran, awan dan zigzag untuk mengisi titik-titik yang kosong dari pola ini, membuatnya terlihat lebih ramai dan rinci.

Terakhir, Group (Command-G) semua unsur pola kita (kecuali latar belakang) dan seret grup diatas latar belakang bentuk di panel Layer, menempatkan grup di dalam persegi panjang.

group the shapes and place them inside the rectanglegroup the shapes and place them inside the rectanglegroup the shapes and place them inside the rectangle

Langkah 5

Mari kita pastikan bahwa pola kita mulus. Buat persegi panjang kita lebih kecil, kurangi ukurannya 300 x 300 px dipanel Transform. Simpan di pojok kiri atas dokumen. Duplikat pola dan gunakan panel Transform lagi untuk memindahkan salinannya secara horizontal 300 px ke kanan. Seperti yang bisa anda lihat, polanya sudah cocok, membuat komposisi yang seimbang dan berulang.

make the pattern smaller and copy itmake the pattern smaller and copy itmake the pattern smaller and copy it

Langkah 6

Mari tambahkan beberapa bagian lagi di separuh bagian bawah dokumen kita. Buat dua salinan lagi dari pola tersebut dan letakkan di samping satu sama lain. Mantap! Pola kita terlihat sangat mulus dan rinci.

add more pieces making the pattern seamlessadd more pieces making the pattern seamlessadd more pieces making the pattern seamless

Langkah 7

Sekarang kita bisa File > Export Pola mulus kita dalam format apapun, sesuai dengan kebutuhan kita.

File Export our seamless pattern in any formatFile Export our seamless pattern in any formatFile Export our seamless pattern in any format

Tos!!! Pola Mulus Musim Panas Kita Siap!

Pekerjaan bagus, semuanya! Kita telah mengikuti proses rinci untuk membuat unsur datar dan mempelajari beberapa teknik sederhana, yang membantu kita membangun polamusim panas yang berulang, yang sangat sesuai untuk situs web dan blog sebagai latar belakang. Bisa juga digunakan untuk membungkus kertas, kain, wallpaper cetak dan banyak lagi. 

Nikmati menciptakan pola mulus yang baru, dan terus nenantikan tutorial Affinity Designer lainnya!

Flat Summer Seamless Pattern is finishedFlat Summer Seamless Pattern is finishedFlat Summer Seamless Pattern is finished
One subscription.
Unlimited Downloads.
Get unlimited downloads