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

Cara Membuat Karakter Minecraft di Designer Affinity

by
Difficulty:BeginnerLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Adya Rosyada Yonas (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial hari ini, kita akan memulai perjalanan kreatif ke negeri Minecraft dan belajar cara membuat karakter kecil yang lucu menggunakan Isometric Grid yang praktis dari Affinity Designer.

Jadi dengan asumsi Anda adalah penggemar game, cepat isi ulang kopi anda dan langsung lompat ke tutorialnya!

Selain itu, jangan lupa Anda selalu dapat memperluas proyek dengan menuju ke GraphicRiver di mana Anda akan menemukan banyak pilihan seni vektor piksel.

1. Cara Menyiapkan File Proyek Baru

Dengan asumsi Anda sudah mengaktifkan dan menjalankan Affinity, mari siapkan Dokumen Baru dengan membuka File> New (atau dengan menggunakan pintasan keyboard Control-N) yang akan kita sesuaikan sebagai berikut:

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

2. Cara Mengatur Isometric Grid

Segera setelah kita membuat dokumen, kita akan menyiapkan isometric grid kustom, yang akan memberikan panduan visual ketika menggambar bentuk karakter kita.

Langkah 1

Untuk melakukan ini, cukup buka View> Grids dan Axis Manager, di mana pertama-tama kita akan mengaktifkan opsi Show Grid, dan kemudian hapus centang pada Use automatic grid sehingga kita dapat menyiapkan yang khusus sebagai berikut:

  • Grid type: Isometric
  • Spacing: 16 px
  • Divisions: 4 px
setting up a custom grid

Langkah 2

Setelah grid sudah siap, kita perlu memastikan bahwa bentuk kita benar-benar menggigitnya, kemudian pergi ke View> Snapping Manager (atau gunakan ikon Magnet kecil) di mana kita akan memastikan itu diaktifkan, dan kemudian hapus centang semua pilihan kecuali Snap to grid satu.

Biasanya, kita akan mengaktifkan opsi Force pixel alignment, namun karena sudut garis angle, bentuk kita akan memiliki nilai yang dipisahkan koma, yang seperti Anda ketahui tidak dapat masuk ke Pixel Grid.

adjusting the snapping options

Langkah 3

Seperti yang Anda lihat, grid yang dihasilkan terbuat dari beberapa belah ketupat berukuran 16 px, yang memiliki 4 subdivisi di setiap sisinya (total 16), yang menjadi jelas terlihat setelah Anda memperbesarnya. Kita akan bergantung pada mereka dalam proses mendefinisikan ukuran masing-masing dan setiap bentuk, menggunakan tepi luar belah ketupat sebagai unit pengukur Lebar, dan tinggi vertikal bagian dalamnya sebagai pengukur Tinggi.

Untuk menjaga semuanya tetap sederhana, saya akan menggunakan beberapa anotasi sederhana di mana R = satu tepi / tinggi dari belah ketupat yang lebih besar, dan r = satu tepi / ketinggian kecil dari pembagian yang lebih kecil.

measuring units example

3. Cara Membuat Tubuh Bawah Karakter

Segera setelah kita membuat isometric grid kustom, kita dapat mulai mengerjakan karakter yang sebenarnya, dan kita akan melakukannya dengan membuat versi kosong dari seluruh tubuhnya satu bagian dalam satu waktu.

Langkah 1

Dengan menggunakan Pen Tool (P), gambar bagian depan kaki menggunakan bentuk 6 x 4 R, yang akan kita warnai menggunakan # 596C7B dan kemudian posisi seperti yang terlihat pada gambar referensi.

creating and positioning the front section of the legs

Langkah 2

Tambahkan bagian sisi kaki menggunakan bentuk 2 x 6 R, yang akan kita warnai menggunakan # 384C57 dan kemudian posisikan ke sisi kanan dari yang sebelumnya.

creating the side section of the legs

4. Cara Membuat Tubuh Bagian Atas Karakter

Sekarang kita memiliki bentuk utama dari kaki, kita dapat bergerak naik dan mulai bekerja di bagian atas tubuh, yang mana kita akan membuat satu bentuk pada satu waktu.

Langkah 1

Mulai dengan membuat batang tubuh menggunakan salinan (Control-C> Control-V) dari bagian depan kaki, yang akan kita posisikan di atas, pastikan untuk mengubah warnanya ke # E47145.

creating the front section of the torso

Langkah 2

Dengan tubuh sudah siap, kita sekarang dapat mulai bekerja di lengan dan bahu karakter.

Buat bentuk utama untuk lengan kiri menggunakan persegi panjang 2 x 6 R, yang akan kita warnai menggunakan # 96693B dan kemudian posisikan di sebelah batang tubuh seperti yang terlihat pada gambar referensi.

creating the front section of the left arm

Langkah 3

Tambahkan bagian depan tangan kanan menggunakan salinan (Control-C> Control-V) dari yang sudah selesai kita kerjakan, yang akan kita posisikan di sisi berlawanan badan.

creating the front section of the right arm

Langkah 4

Buat bagian sisi menggunakan salinan (Control-C> Control-V) dari bentuk yang baru saja kita buat, yang akan kita refleksikan secara horizontal (klik kanan> Transform> Flip Horizontal), dan kemudian posisikan di sisi kanannya.

creating the side section of the right arm

Langkah 5

Tambahkan bahu dan bagian atas batang tubuh menggunakan satu bentuk, yang akan kita warnai menggunakan # E58047 dan kemudian posisikan seperti yang terlihat pada gambar referensi. Setelah selesai, pastikan Anda memilih dan mengelompokkan (Control-G) semua bentuk menyusun tubuh bagian atas bersama-sama sebelum pindah ke bagian berikutnya.

creating the shoulders and upper section of the torso

5. Cara Membuat Kepala Karakter

Karena pada titik ini kita cukup banyak memiliki semua bagian dari tubuh karakter, kita dapat naik dan fokus pada pembuatan bentuk utama untuk kepalanya.

Langkah 1

Mulailah dengan menggambar bagian depan menggunakan bentuk 4 x 4 R, yang akan kita warnai menggunakan # 96693B dan kemudian posisikan pada tubuh seperti yang terlihat pada gambar referensi.

creating the front section of the head

Langkah 2

Tambahkan bagian samping menggunakan salinan (Control-C> Control-V) dari bentuk yang baru saja kita buat, yang akan kita warnai menggunakan # 3E2815 dan kemudian posisikan di sisi kanan, pastikan untuk memantulkannya secara horizontal (klik kanan > Transform> Flip Horizontal).

creating the side section of the head

Langkah 3

Akhiri kepala dengan menggambar bentuk 4 x 4 R yang akan kita warnai menggunakan # 6D4A2D dan kemudian posisikan di atas dua persegi panjang, seperti yang terlihat pada gambar referensi. Setelah selesai, pilih dan kelompokkan ketiga bentuk bersama-sama menggunakan pintasan keyboard Control-G.

creating the upper section of the head

Tip cepat: pada titik ini, akan lebih baik untuk mulai mengatur proyek kita dengan membuka panel Layer dan menamai bagian yang berbeda yang telah kita kelompokkan, sehingga kita dapat lebih mudah menargetkan dan menavigasi bagian-bagian tubuh dari karakter kita.

example of grouping and structuring the project

6. Menambahkan Detail ke Kepala Karakter

Sekarang kita memiliki versi kosong dari karakter kita, kita dapat mulai menambahkan detail ke dalamnya, dan kita akan melakukannya dari kepala ke bawah.

Langkah 1

Gambar mulut menggunakan bentuk 4 x 2 r, yang akan kita warnai menggunakan # BD9169 dan kemudian posisikan ke tepi bawah dari bagian depan kepala, seperti yang terlihat pada gambar referensi.

creating the mouth

Langkah 2

Buat mata kiri menggunakan dua 2 x 4 r bentuk (satu berwarna menggunakan #FFFFFF dan satu menggunakan # 3E2815), yang akan kita kelompokkan (Control-G) dan kemudian posisikan di bagian kiri atas mulut, pada jarak hanya 1 r dari ujung atasnya.

creating the left eye

Langkah 3

Tambahkan mata kanan menggunakan salinan salah satu yang baru saja kita kelompokkan, yang akan kita posisikan di sisi mulut yang berlawanan, pastikan untuk membalik warna mereka.

creating the right eye

Langkah 4

Dengan kedua mata di tempat, kita dapat dengan cepat menggambar segmen rambut (# 4C341E) menggunakan gambar referensi sebagai panduan utama kita. Luangkan waktu Anda, dan begitu selesai, lanjutkan ke langkah berikutnya.

adding the front hair segment to the head

Langkah 5

Selesaikan detail bagian saat ini dengan menambahkan anting emas kecil menggunakan bentuk 1 x 2 r, yang akan kita warnai menggunakan # E19B4F dan kemudian posisikan pada bagian sisi kepala, sejajarkan dengan garis mata bawah. Setelah selesai, pilih dan kelompokkan semua detail kepala bersama-sama (Control-G) sebelum melanjutkan ke bagian berikutnya.

adding the side earring

7. Menambahkan Detail ke Tubuh Atas Karakter

Sekarang setelah kita selesai mengerjakan kepala, kita dapat mengalihkan fokus kita ke tubuh karakter, di mana kita secara bertahap akan mulai menambahkan detail ke dalamnya.

Langkah 1

Buat bagian depan lengan kiri menggunakan salinan (Control-C> Control-V) dari bentuk utama lengan, yang kemudian akan kita sesuaikan dengan terlebih dahulu mengubah warnanya ke # E47145 dan kemudian memotong tingginya menjadi setengah.

creating the front section of the left sleeve

Langkah 2

Tambahkan bagian depan lengan kanan menggunakan salinan (Control-C> Control-V) dari salah satu yang baru saja selesai kita kerjakan, yang akan kita posisikan di sisi berlawanan badan.

creating the front section of the right sleeve

Langkah 3

Gambarkan bagian bawah lengan menggunakan gambar referensi sebagai panduan utama Anda, pastikan untuk memilih dan kelompokkan (Control-G) dua bentuk bersama setelah Anda selesai.

adding the lower detail to the left sleeve

Langkah 4

Buat bagian bawah lengan kanan menggunakan proses yang sama yang digunakan untuk yang kiri, pastikan untuk memilih dan kelompokkan bentuk yang dihasilkan dan bagian depan bersama-sama menggunakan pintasan keyboard Control-G.

adding the lower detail to the right sleeve

Langkah 5

Buat bagian sisi lengan kanan menggunakan salinan (Control-C> Control-V) lengan, yang akan kita sesuaikan dengan terlebih dahulu menetapkan warnanya ke # C0512A dan kemudian memperpendek tingginya dari 6 R hingga 4 R.

adding the side section to the right sleeve

Langkah 6

Tambahkan potongan leher menggunakan gambar referensi sebagai panduan utama Anda, pastikan untuk mewarnai bentuk yang dihasilkan menggunakan # 96693B.

adding the neck cutout to the shirt

Langkah 7

Pisahkan bagian depan kepala dari leher menggunakan blok 8 x 2 r, yang akan kita warnai menggunakan # 784A27 dan posisikan ke potongan.

adding the shadow to the neck cutout

Langkah 8

Dengan warna Fill ke # 4C341E, gambar segmen rambut depan menggunakan gambar referensi sebagai panduan utama Anda. Luangkan waktu Anda, dan begitu selesai, lanjutkan ke langkah berikutnya.

adding the front hair segments to the shirt

Langkah 9

Tambahkan segmen rambut bahu menggunakan # 4C341E untuk bagian depan dan # 3E2815 untuk bagian atas, pastikan untuk memilih dan kelompokkan keduanya bersama-sama menggunakan pintasan keyboard Control-G.

adding the side hair segment to the right shoulder

Langkah 10

Gambarkan sabuk menggunakan bentuk 16 x 2 r, yang kita warnai menggunakan # 343E4C dan kemudian posisikan pada jarak 2 r dari tepi bawah bagian depan baju.

adding the belt to the front of the shirt

Langkah 11

Tambahkan detail bawah depan baju menggunakan salinan (Control-C> Control-V) dari yang kita buat untuk lengan baju, yang akan kita posisikan seperti yang terlihat pada gambar referensi.

adding the bottom details to the front of the shirt

Langkah 12

Selesaikan proses detail dari bagian ilustrasi saat ini dengan menambahkan bagian sisi bawah kaos, yang akan kita warnai menggunakan # C0512A. Setelah selesai, buat grup individual (Control-G) dari bagian yang berbeda, tempatkan mereka dalam bentuk utama dengan bantuan panel Layer.

adding the side section of the shirt

8. Menambahkan Detail ke Tubuh Bawah Karakter

Sekarang setelah kita selesai menambahkan detail yang berbeda ke bagian atas, kita dapat mengalihkan fokus ke arah kaki dan secara bertahap menambahkan detail ke bagian tersebut juga.

Langkah 1

Mulailah dengan membuat bagian samping boot, menggunakan salinan (Control-C> Control-V) dari kaki yang mendasari, yang akan kita sesuaikan dengan terlebih dahulu mengatur warnanya ke #152028 dan kemudian memperpendek Ketinggiannya menjadi hanya 14 r.

adding the side section of the right boot

Langkah 2

Dengan warna disetel ke # 343E4C, gambar bentuk utama untuk bagian depan boot kaki kanan menggunakan gambar referensi sebagai panduan utama Anda.

adding the front section of the right boot

Langkah 3

Selesaikan detail kaki, dan bersama dengan ilustrasi itu sendiri, tambahkan boot kiri menggunakan salinan (Control-C> Control-V) dari yang baru saja selesai dikerjakan, yang akan kita posisikan di sisi kiri kaki. Setelah selesai, pilih dan kelompokkan semua detail bersama-sama menggunakan pintasan keyboard Control-G, sebelum menekan tombol simpan.

finishing off the illustration

9. Sedikit Sentuhan

Pada titik ini, Anda mungkin telah memperhatikan bahwa beberapa karakter tetangga kita memiliki sedikit celah putih di antara mereka, yang berkaitan dengan cara perangkat lunak menangani aliasing, yang merupakan masalah yang disadari oleh orang-orang di Serif.

finished project preview with space gaps

Metode resmi untuk memperbaiki masalah yang mengganggu ini adalah dengan menambahkan duplikat dari bentuk di mana ini terjadi, yang telah saya uji dan tampaknya berfungsi. Ini bukan metode yang sempurna, tetapi hanya itu yang kita miliki sampai kita mendapatkan pembaruan perangkat lunak.

example of fixing the resulting space gaps

Kerja bagus!

Di sana Anda memilikinya, sesama pecinta Minecraft, karakter kecil yang lucu yang dibuat menggunakan isometric grid Affinity yang sangat kuat.

Seperti biasa, saya harap Anda telah berhasil mengikuti setiap langkah dan yang paling penting mempelajari sesuatu yang baru dan berguna di sepanjang jalan.

Seperti yang dikatakan demikian, jika Anda memiliki pertanyaan, jangan ragu untuk mempostingnya di bagian komentar dan saya akan menghubungi Anda sesegera mungkin!

finished project preview
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.