Advertisement
  1. Design & Illustration
  2. Affinity Designer
Design

Cara Membuat Ice Cream Character Lucu di Desainer Affinity

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Dalam tutorial hari ini, kita akan melihat proses pembuatan ilustrasi ice cream character kecil yang lucu di Affinity Designer, menggunakan beberapa bentuk geometrik dasar yang akan kita sesuaikan di sana-sini.

Juga, jangan lupa Anda selalu dapat memperluas perpustakaan Anda dengan menuju ke GraphicRiver, di mana Anda dapat menemukan banyak sekali vector illustrations.

Sekarang, anggap Anda sudah memiliki software yang berjalan di background, angkat dan langsung lompat ke dalamnya!

1. Cara Menyiapkan File Proyek Baru

Seperti yang kita lakukan dengan semua proyek kita , kita akan mulai dengan menyiapkan New Document dengan menuju ke File> New (atau dengan menggunakan pintasan keyboard Control-N), yang kemudian akan kita sesuaikan sebagai berikut:

  • Type: Web
  • Document Units: Pixels
  • Create artboard: checked
  • Page Width: 600 px
  • Page Height: 800 px
  • Portrait: checked
  • DPI: 72
setting up a new document

2. Cara Mengatur Layers

Setelah kita membuat dokumen, itu adalah ide yang baik untuk menyusun proyek kita menggunakan beberapa layers, sehingga kita dapat mempertahankan alur kerja yang jelas dan stabil di seluruh proses. 

Untuk melakukan ini, cukup buka panel Layers, dan kemudian buat tiga layer baru menggunakan tombol Add Layer, beri nama mereka sebagai berikut:

  • first layer: background
  • second layer: ice cream
  • third layer: puddle
setting up the layers

Quick tip: seperti yang Anda lihat, saya telah memastikan untuk mengunci Artboard itu sendiri, sehingga saya tidak akan berakhir dengan accident.

3. Cara Membuat Background

Setelah selesai menyiapkan file proyek kita, kita dapat mulai mengerjakan ilustrasi yang sebenarnya, dan kita akan melakukannya dengan membuat colored background.

Langkah 1

Posisikan diri Anda di bottom layer, lalu buat persegi panjang 560 x 760 px yang akan kita warnai menggunakan # FFC050 dan kemudian sejajarkan ke tengah Artboard yang mendasari menggunakan opsi Align Center dan Align Middle di Arrange panel.

creating and positioning the main shape for the background

Langkah 2

Karena kita akan menambahkan elemen background yang tersisa nanti, kita ingin mengunci layer saat ini untuk sementara, pindah ke yang berikutnya setelah selesai.

locking the background layer

4. Cara Membuat Karakter Es Krim

Dengan asumsi Anda telah menempatkan diri Anda di layer berikutnya (yang akan menjadi yang kedua), mari mulai mengerjakan karakter kecil kita.

Langkah 1

Buat bentuk utama untuk ice cream menggunakan persegi panjang 224 x 280 px yang akan kita warnai menggunakan # 7C5B42, lalu pasangkan ke Artboard yang mendasarinya, pastikan untuk memposisikannya 176 px dari tepi atas background.

creating the body of the ice cream

Langkah 2

Sesuaikan bentuk yang baru saja kita buat dengan terlebih dahulu unchecking Single radius option yang ditemukan dalam context toolbar, lalu tetapkan radius sudut atasnya (TL & TR) ke 112 px dan bagian bawahnya (BL & BR) ke 24 px.

adjusting the main shape of the ice cream

Langkah 3

Tambahkan subtle highlight ke bagian atas bentuk yang dihasilkan menggunakan clipping mask method, dengan membuat salinan (Control-C> Control-V) yang kemudian akan kita push ke bawah dengan 4 px menggunakan directional arrow keys

Setelah Anda memiliki bentuk di tempat, mengubah warna dari yang dari bawah ke # 996B4B, dan kemudian menutupi yang atas dengan hanya menyeretnya di atas bentuk lebih terang dari dalam panel Layers.

adding the highlight to the upper section of the ice cream

Langkah 4

Buat highlight spot menggunakan elips 32 x 48 px (# 996B4B) yang akan kita putar 45º ke kiri hanya dengan mengeklik dan menyeret pegangan rotasi bentuk sampai Anda mendapatkan sudut yang tepat. Setelah selesai, posisikan bentuk yang dihasilkan seperti yang terlihat pada gambar referensi.

adding the spot highlight to the upper section of the ice cream

Langkah 5

Mulai kerjakan mata dengan membuat bentuk utama untuk yang kiri menggunakan lingkaran 16 x 16 px, yang akan kita warnai menggunakan # 996B4B. Posisikan 52 px dari tepi kiri bentuk yang lebih besar dan 86 px dari bagian bawahnya.

creating the main shape for the left eye

Langkah 6

Akhiri mata saat ini dengan membuat salinan (Control-C> Control-V) dari bentuk dari langkah sebelumnya, yang akan kita sesuaikan dengan terlebih dahulu mengubah warnanya ke # 664732 dan kemudian mendorongnya ke atas sebanyak 2 px.

Tambahkan circular highlight menggunakan lingkaran 4 x 4 px (#FFFFFF), yang akan kita posisikan seperti yang terlihat pada gambar referensi, pastikan untuk memilih dan kelompokkan ketiganya menggunakan Control-G keyboard shortcut.

adding details to the left eye

Langkah 7

Buat mata kanan menggunakan salinan (Control-C> Control-V) dari yang baru saja selesai dikerjakan, yang akan kita posisikan di sisi yang berlawanan dari bentuk yang lebih besar, pastikan untuk mempertahankan celah 52 px yang sama .

adding the right eye

Langkah 8

Mulailah menggarap mulut dengan membuat elips 64 x 40 px (# 996B4B), yang akan kita sesuaikan dengan menghapus bagian bawahnya, memposisikan bentuk yang dihasilkan di bawah mata seperti yang terlihat pada gambar referensi.

creating the main shape for the upper section of the mouth

Langkah 9

Tambahkan bagian bawah mulut menggunakan persegi panjang 64 x 4 px (# 996B4B), yang akan kita sesuaikan dengan mengatur Radius sudut bawahnya menjadi 4 px, memposisikan bentuk yang dihasilkan di bawahnya.

creating the lower section of the mouth

Langkah 10

Satukan dua bagian menjadi satu bentuk yang lebih besar dengan terlebih dahulu memilihnya dan kemudian menggunakan Add join operation.

uniting the composing shapes of the mouth

Langkah 11

Buat salinan (Control-C> Control-V) dari bentuk yang sudah selesai kita kerjakan, yang akan kita sesuaikan dengan mendorongnya ke atas sebanyak 4 px menggunakan directional arrow keys

creating a duplicate of the mouth

Langkah 12

Tambahkan lidah menggunakan 36 x 48 px ellipse (# E89258), yang akan kita posisikan di tengah bagian yang lebih gelap, setelah itu masking dari dalam panel Layers. Setelah selesai, jangan lupa untuk memilih dan mengelompokkan ketiga bentuk bersama-sama menggunakan Control-G keyboard shortcut.

adding the tongue to the mouth

Langkah 13

Buat bentuk utama untuk tongkat kayu menggunakan persegi panjang 48 x 64 px (# EAA068), yang akan kita sesuaikan dengan menyetel Radius sudut bawahnya (BL & BR) ke 24 px, memposisikan bentuk yang dihasilkan di bawah ice cream’s yang lebih besar.

creating the main shape for the wooden stick

Langkah 14

Tambahkan garis detail vertikal menggunakan beberapa persegi panjang bundar 4 px (# BC794B) dengan radius sudut 2 px, yang mana kita akan memposisikan 4 px dari satu sama lain baik secara horizontal maupun vertikal. Setelah selesai, pilih dan kelompokkan (Control-G) semuanya bersama-sama, pastikan untuk menutupinya setelah menggunakan bentuk tongkat yang lebih besar.

adding the detail lines to the wooden stick

Langkah 15

Akhiri bagian saat ini dengan menambahkan bayangan halus menggunakan persegi panjang 48 x 12 px (# 664732), yang akan kita sesuaikan dengan mengatur Opacity menjadi 60%. Setelah Anda memiliki bentuk di tempat, pilih dan kelompokkan semua bagian penulisan tongkat kayu menggunakan Control-G keyboard shortcut.

adding the subtle shadow to the wooden stick

Langkah 16

Posisikan diri Anda di sudut kiri bawah ice cream, dan buat bentuk utama untuk tetesannya yang lebih tipis menggunakan persegi panjang 8 x 16 px (# 7C5B42), yang akan kita sesuaikan dengan mengatur radius sudut bawahnya (BL & BR) hingga 4 px. Posisikan bentuk yang dihasilkan seperti yang terlihat pada gambar referensi.

creating the main shape for the thinner drip

Langkah 17

Tambahkan bagian samping menggunakan dua lingkaran 8 x 8 px (# 7C5B42), yang akan kita sesuaikan dengan menghapus outer nodes mereka, dan kemudian menyatukan sisanya. Setelah selesai, pastikan Anda memilih dan mengelompokkan (Control-G) semua bentuk penulisan tetesan sebelum melanjutkan ke langkah berikutnya.

adding the side sections to the thinner drip

Langkah 18

Buat tetesan yang lebih tebal menggunakan persegi panjang 12 x 32 px yang lebih besar (# 7C5B42) dengan radius sudut bawah 6 px, diikuti oleh bagian samping menggunakan dua lingkaran 16 x 16 px (# 7C5B42), yang akan kita sesuaikan seperti yang kita lakukan dengan yang lebih kecil.

Setelah selesai, pilih dan kelompokkan (Control-G) ketiga bentuk bersama-sama, posisikan mereka seperti yang terlihat pada gambar referensi, lakukan hal yang sama untuk seluruh ice cream sesudahnya.

adding the thicker drip

5. Cara Membuat Puddle Chocolate

Segera setelah kita selesai mengerjakan ice cream, kita dapat melanjutkan ke lapisan berikutnya (yang akan menjadi yang ketiga), di mana kita akan membuat genangan cokelat.

Langkah 1

Mulailah dengan membuat 160 x 40 px elips, yang akan kita warnai menggunakan # 996B4B dan kemudian tengah sejajar dengan Artboard yang mendasari, memposisikannya pada jarak 24 px dari tongkat kayu ice cream.

creating the main shape for the chocolate puddle

Langkah 2

Buat salinan (Control-C> Control-V) dari bentuk yang baru saja kita buat, lalu sesuaikan terlebih dahulu dengan mengubah warnanya ke # 7C5B42 dan kemudian dorong ke bawah sebanyak 4 px. Mask itu kemudian menggunakan bentuk asli, yang akan menambahkan sorotan halus ke bagian atas genangan.

adding the highlight to the puddle

Langkah 3

Tambahkan percikan vertikal menggunakan persegi panjang 12 x 28 px (# 7C5B42) dengan radius sudut atas 6 px, yang akan kita posisikan di setengah bagian atas genangan, pada distance 32 px dari tepi kanannya.

adding the splash to the chocolate puddle

Langkah 4

Akhiri genangan dengan menambahkan spot highlight menggunakan elips 16 x 8 px (# 996B4B), yang akan kita posisikan 40 px dari tepi kiri dan 8 px dari ujung bawahnya. Setelah selesai, pastikan Anda memilih dan mengelompokkan semua bentuk penggabungannya secara bersama menggunakan Control-G keyboard shortcut.

adding the spot highlight to the puddle

6. Cara Membuat Elemen Dekoratif

Pada titik ini, kita cukup banyak mengerjakan ilustrasi lucu kita. Yang perlu kita lakukan adalah menambahkan elemen dekoratif kecil dan we’re good to go.

Langkah 1

Pastikan Anda memposisikan diri Anda kembali pada background layer (yang akan menjadi yang pertama), dan buat lingkaran cahaya menggunakan 128 x 28 px elips dengan 8 pt Stroke (#FFFFFF), yang akan kita pusatkan sejajar dengan Artboard yang mendasari, posisinya pada jarak 16 px dari tepi atas ice cream’s.

creating and positioning the halo

Langkah 2

Tambahkan 'o's menggunakan lingkaran 36 x 36 px dengan 8 pt thick Stroke (#FFFFFF), diikuti oleh yang sedikit lebih besar 48 x 48 px satu, yang akan kita posisikan ke sisi ice cream seperti yang terlihat pada gambar referensi .

adding the circular details to the background

Langkah 3

Akhiri background, dan dengan proyek itu sendiri, dengan menambahkan dua 'x menggunakan dua set 8 pt thick 20 x 20 px diagonal Stroke lines (#FFFFFF) dengan Butt Cap, yang kita akan kelompok secara individual (Control-G ) dan kemudian posisikan di sebelah bentuk sebelumnya. Setelah selesai, pilih dan kelompokkan (Control-G) semua bentuk penulisan background, sebelum menekan tombol save .

finishing off the illustration

Great Work!

Seperti biasa, saya harap Anda bersenang-senang mengerjakan proyek kecil ini dan yang paling penting mempelajari satu atau dua trik baru di sepanjang jalan.

Jika Anda memiliki pertanyaan, jangan ragu untuk mempostingnya di bagian komentar dan saya akan menghubungi Anda sesegera mungkin!

finished project preview

Perluas Keterampilan Desainer Affinity Anda!

Ingin memperluas dan meningkatkan basis pengetahuan Affinity Designer Anda tetapi tidak tahu persis dari mana harus memulai? Nah jika itu masalahnya, kami mengambil waktu untuk menyusun daftar tutorial ini yang akan membuat Anda mengunjungi dalam waktu singkat!

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.