1. Design & Illustration
  2. Fan Art

Membuat Porg dari Star Wars di Affinity Designer

by
Read Time:10 minsLanguages:

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

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

Kreator Star Wars membuat sebuah langkah hebat dengan membuat makhluk menarik yang akan membuatmu meleleh saat melihatnya. Seperti yang sudah kamu tebak, yang kami maksud adalah Progs! Makhluk yang menyerupai burung dengan bulu lembut seperti kucing dan matanya yang bulat dan berkilau juga ekspresi naifnya membuat tidak bisa mengabaikannya.

Ayo membuat salah satunya! Kita akan menggunakan banyak alat dan fungsi dari Affinity Designer untuk membuat prosesnya mudah dan menyenangkan.

Kita akan menggunakan sketsa luar biasa karya Monika Zagrobelna sebagai dasar. Lihat tutorial dia untuk belajar cara menggambar porgs jika kamu ingin membuat porg doodle mu sendiri!

1. Cara Menggambar Mata Porg

Langkah 1

Buatlah New Document dengan ukuran 600 x 800 px dan gunakan Place Image Tool untuk memasukkan sketsa ke kanvas. Kita akan menggunakan Draw Persona dari Affinity Designer, yang di aktifkan secara default, artinya semua bentuk yang kita buat akan menjadi vektor, bisa diubah ke segala ukuran, dan mudah untuk di ganti warna dan di modifikasi.

Posisikan gambar ke tengah dan turunkan Opacity ke 20% di panel Layers. Atur Blend Mode ke Multiply dan Lock layer sketsanya. Dengan cara ini, semua garis akan tetap kelihatan saat kita mulai membuat bentuk.

place image toolplace image toolplace image tool

Langkah 2

Buat layer baru dengan meng-klik tombol Add Layer di bagian bawah panel Layers. Posisikan di bawah layer sketsa, dan mari mulai menggambar!

Kita akan memulai dari satu mata. Pilih Ellipse Tool (M) dan buat sebuah bentuk berukuran 65 x 70 px. Kamu bisa mengatur ukurannya di panel Transform.

Rotate bentuk tersebut 15 derajat supaya pas di mata yang ada di sketsa.

use ellipse tool use ellipse tool use ellipse tool

Langkah 3

Pilih Fill Tool (G) dan seret sepanjang bentuk tadi untuk membuat gradasi warna. Ke bagian atas kontrol panel ganti Type ke Radial. Dari sini, kamu juga bisa mengganti warna di bagian - bagian gradasinya. Klik kotak swatch untuk membuka panel Gradient dan atur warna geseran gradennya dengan meng-klik dan memilih warna yang cocok dari roda warna.

Bila kamu sudah puas dengan warnanya, pindah ke ujung tengah geseran gradasi untuk menggelapkan bagian atas matanya.

use fill tool for gradientuse fill tool for gradientuse fill tool for gradient

Langkah 4

Duplicate (Command-J) matanya dan buat salinan yang lebih kecil. Warnai dengan gradasi radial dari biru ke hitam dan ubah Blend Mode ke Screen di panel Layers, untuk membuat warna hitamnya transparan.

Pindah bagian biru gradasi ke atas, untuk membuat overtone yang terang.

add overtone in screen modeadd overtone in screen modeadd overtone in screen mode

Langkah 5

Gunakan Ellipse Tool (M) untuk membuat beberapa titik putih untuk highlights. Turunkan Opacity titik tadi ke 75%, menjadikannya semi-transparan.

add white highlightsadd white highlightsadd white highlights

Langkah 6

Group (Command-G) semua elemen mata tadi dan Duplicate (Command-J). Gunakan fungsi Flip Horizontal di panel kontrol di atas untuk me-mirror salinan tadi dan pindahkan ke sisi lain dari wajah. Atur ukuran dan sudut pandang supaya pas dengan sketsa. Jangan lupa untuk membalik highlights putih kembali sebab mereka harus di sisi yang sama karena sumber cahaya.

Sekarang lanjut ke bagian badan!

add second eyeadd second eyeadd second eye

2. Cara Membuat Badan Porg

Langkah 1

Pilih Ellipse Tool (M) dan buat beige oval berukuran 340 x 405 px untuk badannya. Klik tombol Convert to Curves di panel kontrol di atas dan gunakan Node Tool (A) untuk memindah node samping, menjadikan bentuk yang seperti telur pas di sketsa.

make an ellipse for the bodymake an ellipse for the bodymake an ellipse for the body

Langkah 2

Mari buat oval lain untuk kepala. Jika Anda bergumul dengan memosisikan bentuk, nonaktifkan Snapping dengan menghapus centang dari Enable snapping box.

Convert to Curves dan gerakkan simpul di sekitarnya agar sesuai dengan sketsa. Kemudian pilih kedua bentuk dan gunakan Add function dari panel Geometry di atas untuk menggabungkan kedua bentuk bersama-sama. Sekarang kita memiliki siluet tubuh!

merge the shapesmerge the shapesmerge the shapes

Langkah 3

Buat 75 x 184 px brown oval untuk sayap. Convert to Curves dan buat ujungnya menunjuk.

Duplicate sayap dan pindahkan ke sisi tubuh yang berlawanan. Move to Back (Shift-Command- [), menempatkan sayap kedua di belakang tubuh.

add a wingadd a wingadd a wing

Langkah 4

Mari kembali ke mata dan add lebih banyak detail. Duplicate bentuk bola mata dan buat salinan bawah sedikit lebih besar. Isi dengan warna coklat gelap untuk menambah kedalaman. Buat salinan lain di bawah dan tingkatkan ukurannya.

Isi dengan Linear gradient dari coklat ke putih dan ganti Blend Mode ke Multiply, membuat bagian putih semi-transparan.

add details to the eyesadd details to the eyesadd details to the eyes

Langkah 5

Mari ambil Pencil Tool (N) dan gambar lubang hidungnya. Kita dapat menyesuaikan Width dan parameter alat lainnya di control panel di bagian atas. Untuk ketepatan yang lebih tinggi, mari aktifkan opsi Stabilizer dan tetapkan Length hingga sekitar 10-15. Centang kotak Use Fill untuk membuat bentuk berwarna.

Gambarkan lubang hidungnya, mengikuti garis sketsa. Sekarang mari kita mengisi lubang hidung dengan gradien untuk menambahkan beberapa kedalaman di sana. Untuk melakukan ini lebih cepat, mari Copy (Command-C) bentuk bola mata coklat-hitam, dan kemudian pilih lubang hidung dan Edit> Paste Style. Dengan cara ini kita dapat menerapkan gradien dan efek warna apa pun, memilih tampilan dari satu elemen dan menerapkannya ke elemen lain, mempercepat proses.

Gambarkan lubang hidung kedua dan Paste Style.

use the pencil tool for nostrilsuse the pencil tool for nostrilsuse the pencil tool for nostrils

Langkah 6

Terus gunakan Pencil Tool (N) untuk menggambar bentuk mulut. Cobalah untuk menjaga garis Anda tetap bersih dan halus dengan menyesuaikan posisi simpul dengan bantuan Node Tool (A). Anda dapat menghapus node yang tidak diperlukan dengan memilihnya dan menekan Backspace (on Mac). Sesuaikan posisi dan sudut pegangan node dan tekan tombol Alt sambil memutarnya jika Anda ingin memindahkan gagang secara terpisah satu sama lain.

Edit> Paste Style untuk menerapkan gradien hitam-coklat yang sama ke mulut juga.

draw the mouthdraw the mouthdraw the mouth

Langkah 7

Mari tambahkan beberapa volume ke bentuk mulut. Gunakan Pencil Tool (N) untuk menggambar bentuk segitiga di atas rahang bawah. Tekan Command- [untuk Move Back One.

Menerapkan white-beige linear gradient sama seperti yang kita miliki di sekitar mata dan mengatur Blend Mode ke Multiply.

use blend modesuse blend modesuse blend modes

Langkah 8

Gambar bentuk lain di bibir bawah, seperti yang ditunjukkan pada gambar di bawah. Isi dengan gradien linier dari kuning ke hitam dan ubah Blend Mode ke Screen, membuat sorotan.

add a highlightadd a highlightadd a highlight

Langkah 9

Gambarlah bentuk hidung di sekitar lubang hidung, mengikuti garis sketsa. Sesuaikan gradien, membuat bentuknya memadukan dengan baik.

Tempatkan bayangan lembut di bawah rahang bawah. Kita dapat mengubah visibilitas sketsa di panel Layers untuk memeriksa tampilannya tanpa garis besar.

draw the nose shapedraw the nose shapedraw the nose shape

Langkah 10

Sekarang mari menggambar bentuk besar di atas bagian-bagian yang akan menjadi coklat, meninggalkan area moncong dan perut tidak tersentuh.

Jangan khawatir tentang potongan yang melintasi tepi badan — kita dapat dengan mudah menyembunyikannya di dalam bentuk tubuh! Untuk melakukan ini, pilih bentuk coklat di Layers panel lalu drag and drop it onto bentuk tubuh, seperti yang ditunjukkan pada gambar di bawah. Anda masih akan melihat garis bentuk keseluruhan jika Anda memilihnya, tetapi sekarang akan ditempatkan di dalam tubuh, seolah-olah di dalam Clipping Mask. Sekarang akan ditampilkan sebagai grup atau daftar drop-down di Layers panel.

Gunakan Node Tool (A) untuk mengedit bentuk, memperbaiki node-nya.

draw the brown part of the bodydraw the brown part of the bodydraw the brown part of the body

Langkah 11

Gambarlah bentuk berbulu di sekitar mata dan isi dengan warna oranye.

Draw a feathered shape around the eyeDraw a feathered shape around the eyeDraw a feathered shape around the eye

Langkah 12

Pertahankan bentuk bersih dan rapi dengan bekerja dengan simpul dan menyingkirkan semua yang tidak dibutuhkan.

Setelah Anda puas dengan bentuknya, drag and drop ke bentuk tubuh di Layers panel.

fix the nodesfix the nodesfix the nodes

Langkah 13

Duplicate bentuk dan Flip Horizontal untuk menempatkan bentuk di sisi berlawanan dari kepala. Squash bentuk sedikit agar sesuai dengan perspektif.

Kali ini, drag and drop it onto the brown agar tidak melewati area putih moncong.

Pindahkan semua elemen mata di atas layer dan group them.

add a shape around the second eyeadd a shape around the second eyeadd a shape around the second eye

Langkah 14

Selesaikan moncong dengan menambahkan bentuk berbulu ke puncaknya.

Hebat! Mari kita beralih ke kaki!

Finish up with the muzzleFinish up with the muzzleFinish up with the muzzle

3. Bagaimana Menggambar Kaki Porg

Langkah 1

Mari gunakan Pencil Tool (N) untuk melacak kaki dan kaki porg kita.

Gambar dua bentuk melengkung untuk web di antara jari-jari. Drag and drop bentuk web ke bentuk kaki di Layers panel untuk menyembunyikan potongan yang tidak dibutuhkan. Gunakan Fill Tool (G) untuk menambahkan bayangan ke web.

Langkah 2

Gunakan Ellipse Tool (M) untuk membuat cakar oval dan Paste Style dari bentuk lubang hidung coklat-hitam. Tambahkan sorotan kecil di atas, alihkan ke Screen Mode.

Gunakan gradien linear untuk membuat bagian atas kaki menjadi lebih gelap.

Duplicate cakar dan sorotnya untuk menambahkan cakar yang tersisa.

add the clawsadd the clawsadd the claws

Langkah 3

Ambil Pencil Tool (N) dan menggambar bentuk melengkung di kaki. Isi dengan gradien coklat-hitam dan ubah ke Screen Mode, menciptakan nada dering semi-transparan. Drag and drop bentuk ke kaki, letakkan di bagian tepi bentuk kaki.

Duplicate bentuk melengkung dan drag the copy down. Tekan Command-J beberapa kali untuk mengulangi tindakan terakhir, membuat lebih banyak salinan.

add more details to the legadd more details to the legadd more details to the leg

Langkah 4

Tambahkan takik ke jari-jari lainnya. Group semua elemen kaki dan duplicate group. Flip Horizontal dan buat copy slightly smaller dan narrower agar sesuai dengan perspektif.

Itu dia — kakinya sudah siap! Mari tambahkan beberapa detail lagi ke porg kita!

add a second legadd a second legadd a second leg

4. Cara Menambahkan Detail Akhir ke Porg

Langkah 1

Mari buat tubuh lebih tiga dimensi. Pilih bentuk tubuh beige; ambil Fill Tool (G) dan drag untuk mengisi bentuk dengan gradien. Program memilih warna yang lebih gelap yang cocok untuk gradien secara otomatis, tetapi Anda dapat mengeditnya dari tab Gradient jika diperlukan, seperti yang kita lakukan sebelumnya. Ganti Type ke Radial untuk membuat tubuh bulat.

Tambahkan warna yang lebih gelap ke bentuk oranye juga, menggunakan Fill Tool (G).

add radial gradient to the bodyadd radial gradient to the bodyadd radial gradient to the body

Langkah 2

Mari tambahkan beberapa bulu ke perut porg. Ambil Pencil Tool (N) dan gambar bentuk berbulu. Isi dengan gradien linier dari beige ke hitam dan beralih ke Screen Mode, membuatnya semi-transparan.

Gambar bentuk lain dan letakkan di bawah yang pertama (Command- [).

Terus tambahkan bentuk berbulu. Anda dapat men-duplicate bentuk sebelumnya dan mengganti mereka, menggunakan fungsi Flip Horizontal.

Sekarang porg kita terlihat berbulu!

draw feathers on the tummydraw feathers on the tummydraw feathers on the tummy

Langkah 3

Mari tambahkan beberapa bulu ke sayap juga, kali ini menggunakan kombinasi warna krem-putih untuk gradien dan beralih ke Multiply Mode untuk membuat bulu menjadi lebih gelap.

add feathers to the wingadd feathers to the wingadd feathers to the wing

Langkah 4

Tambahkan lebih banyak bulu ke area lain dari karakter kita: ke bagian oranye di sekitar mata, dahi, dan sisi tubuh.

Terlihat bagus sejauh ini! Mari selesaikan dengan menambahkan background yang sederhana.

Add more feathersAdd more feathersAdd more feathers

5. Cara Menambahkan Background Sederhana

Langkah 1

Mari tambahkan beberapa sentuhan akhir pada ilustrasi kita agar terlihat seimbang dan lengkap. Add a New Layer untuk background dan letakkan di bawah layer lainnya.

Ambil Rectangle Tool (M) dan buat persegi panjang berukuran 600 x 800 px. Gunakan menu Alignment di panel kontrol di atas untuk memusatkan persegi panjang secara horizontal dan vertikal.

Isi dengan gradien radial dari kuning di tengah ke oranye di tepi, menambah kedalaman gambar kita.

add a background layeradd a background layeradd a background layer

Langkah 2

Mari tambahkan bayangan ke tanah di bawah porg kita. Buat oval menggunakan Ellipse Tool (M) dan isi dengan gradien dari oranye ke putih. Atur Type ke Elliptical, yang akan membuat gradien sesuai bentuk oval dengan sempurna.

Atur Blend Mode ke Multiply, membuatnya semi-transparan.

add an elliptical shadowadd an elliptical shadowadd an elliptical shadow

Langkah 3

Kami benar-benar dapat menduplikasi bayangan dan tempat ellipse di bawah setiap kaki porg.

place two shadow ellipsesplace two shadow ellipsesplace two shadow ellipses

Selamat! Porg Kita Sudah Selesai!

Pekerjaan yang mengagumkan! Porg kita terlihat lucu dan cukup lembut untuk menyelesaikannya! Sekarang Anda dapat File> Export dalam ukuran dan format apa pun sesuai keinginan Anda.

Saya harap Anda menikmati mengikuti tutorial ini dan menemukan beberapa kiat dan trik berguna yang akan membantu Anda dengan ilustrasi masa depan Anda.

Semoga Gaya Bersama Anda!

Our Porg is FinishedOur Porg is FinishedOur Porg is Finished

Jika Anda tertarik untuk mempelajari cara menggambar karakter di Affinity Designer, pastikan untuk memeriksa tutorial ini:

One subscription.
Unlimited Downloads.
Get unlimited downloads