Advertisement
  1. Design & Illustration
  2. Fan Art

Bagaimana Membuat Set Avatar X-Men Dalam Adobe Illustrator

Scroll to top
Read Time: 11 min
This post is part of a series called X-Men Week.
Colossus: How to Turn Skin to Metal in Adobe Photoshop

() translation by (you can also view the original English article)

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

Apakah kamu menantikan film baru X-Men: Apocalypse sebanyak saya? Mari siapkan diri bersama dan ikuti tutorial ini untuk membuat avatar X-Men yang flat dan tanpa wajah! Kita akan menemukan beberapa tips dan trik berguna dan mempelajari teknik sederhana, sembari menggunakan bentuk dasar, panel Pathfinder, Shape Builder Tool dan Clipping Masks.

X-Men adalah pahlawan favorit saya dari keseluruhan semesta Marvel, sehingga saya selalu menunggu film barunya dengan tidak sabar. Namun bagaimana pun juga, tutorial ini dapat berguna tidak hanya bagi fans X-Men! Kamu dapat menggunakan teknik di bawah ini untuk membuat beberapa avatar pahlawan super, portrait flat manusia dan jenis avatar flat lainnya! Kamu bahkan dapat menggunakan fotomu sendiri atau gambar referensi lainnya dari Envato Market untuk membuat avatar serupa untuk profil jejaring sosialmu. Mari kita coba!

1. Membuat Avatar Wolverine

Langkah 1

Mari membentuk wajah Wolverine, dimulai dengan dagunya. Ambil Rectangle Tool (M) dan buat sebuah bentuk 100 x 60 px berwarna tone kulit pinky-krem. Dengan tetap memilih bentuk, pergi ke Object > Path > Add Anchor Points untuk menambahkan titik di tengah tiap sisi.

create face from the rectangle 1create face from the rectangle 1create face from the rectangle 1

Langkah 2

Mari membentuk dagu. Pilih anchor point kiri bawah dengan Direct Selection Tool (A) dan tekan Enter untuk membuka jendela Move. Atur nilai Horizontal ke 20 px dan Vertical ke 0 px. Klik OK untuk memindahkan titik sebesar 20 px ke kanan.

Ulangi yang sama untuk anchor point kanan bawah, namun kali ini atur nilai Horizontal ke -20 px untuk memindahkan titik dalam arah yang berbeda.

create face from the rectangle 2create face from the rectangle 2create face from the rectangle 2

Langkah 3

Sekarang mari membuat bentuk dagu lebih melengkung dan mulus dengan bantuan fungsi Live Corners. Pilih semua anchor points kecuali dua teratas dengan Direct Selection Tool (A) dan tarik tanda lingkaran Live Corners ke atas, sehingga membuat sudut sedikit melengkung.

Jika kamu menggunakan versi Adobe Illustrator sebelumnya, yang tidak mencakup fungsi ini, kamu dapat menggunakan Effect > Stylize > Round Corners. Namun perhatikan bahwa itu akan membuat semua sudut melengkung. Dalam kasus ini, gunakan Eraser Tool (Shift-E) sembari menahan Alt untuk membuat bagian atas bentuk lurus dan flat lagi.

make the chin rounded using live cornersmake the chin rounded using live cornersmake the chin rounded using live corners

Langkah 4

Sekarang mari bentuk bagian atas wajah. Buat segiempat 100 x 75 px. Pergi ke Object > Path > Add Anchor Points.

shape the upper part of the faceshape the upper part of the faceshape the upper part of the face

Langkah 5

Mari sedikit sesuaikan garis rambut. Pilih anchor point tengah atas dengan Direct Selection Tool (A) dan pindahkan 10 px ke bawah. Pindah ke Anchor Point Tool (Shift-C) dan seret handel anchor titik yang dipilih ke atas, seperti yang ditunjukkan dalam gambar di bawah. Dengan cara ini kita membentuk garis rambut berbentuk camar.

adjust the hairlineadjust the hairlineadjust the hairline

Langkah 6

Pindahkan handel pada anchor point kiri dan kanan atas untuk membuat garis rambut lebih mengalir dan melengkung.

make the hairline more flowingmake the hairline more flowingmake the hairline more flowing

Langkah 7

Mari pastikan bahwa bagian wajah secara sempurna diselaraskan satu sama lain. Kita akan menggunakan teknik yang sama lebih jauh ketika kita perlu menyelaraskan obyek satu sama lain.

Pilih kedua bagian wajah dengan Selection Tool (V) dan klik bentuk yang lebih atas sekali lagi untuk membuatnya sebagai Key Object. Itu akan diindikasikan dengan seleksi yang lebih tebal di sekitar bentuk. Sekarang arahkan ke panel Align dan klik Horizontal Align Center. Dengan cara ini kita menyelaraskan dagu ke bentuk di atasnya.

align the shapes to the centeralign the shapes to the centeralign the shapes to the center

Langkah 8

Pindahkan bagian atas wajah ke bawah, tempelkan pada dagu.

attach the parts of the faceattach the parts of the faceattach the parts of the face

Langkah 9

Gunakan fungsi Move lagi untuk memindahkan sudut kiri atas dan kanan atas sedikit lebih dekat satu sama lain, sehingga membuat bagian atas bentuk lebih dekat.

make the face narrowermake the face narrowermake the face narrower

Langkah 10

Sekarang mari gambar gaya rambut Wolverine yang terkenal! Lengkapi dirimu dengan Pencil Tool (N) dan gambarkan bagian kiri rambut. Hubungkan anchor point ekstrim entah dengan Pencil Tool (N) atau dengan Pen Tool (P) untuk membuat tepi kanan bentuk itu lurus dan selaras.

draw hair with pencil tooldraw hair with pencil tooldraw hair with pencil tool

Langkah 11

Isi bentuk dengan warna abu-abu gelap. Dan balikkan salinan ke sisi lain untuk membuat paruh kedua gaya rambutnya. Dobel klik Reflect Tool (O) untuk membuka jendela options dan pilih Vertical Axis. Klik Copy dan tempelkan bagian kanan gaya rambut.

form the hairdoform the hairdoform the hairdo

Langkah 12

Sekarang mari tambahkan telinga. Ambil Ellipse Tool (L) dan buat oval 15 x 30 px. Tempelkan bentuk pada wajah, putarkan itu sedikit. Tambahkan telinga kedua, dengan menggunakan Reflect Tool (O).

add the ears with ellipse tooladd the ears with ellipse tooladd the ears with ellipse tool

Langkah 13

Sekarang mari membentuk jenggot Wolverine! Pertama-tama, Copy bentuk wajah dan Paste in Front (Control-C > Control-F). Gunakan Eyedropper Tool (I) untuk memilih warna dari rambut dan terapkan itu pada salinan yang baru dibuat.

Ambil Ellipse Tool (L) dan buat sebuah bentuk 125 x 130 px, tempatkan itu di atas bagian atas wajah. Sekarang kamu dapat melihat jenggot mulai tampak di bawah wajah.

form the beard 1form the beard 1form the beard 1

Langkah 14

Tambahkan elips lainnya pada ukuran yang lebih kecil (60 x 45 px), yang menutupi sebagian dagu.

form the beard 2form the beard 2form the beard 2

Langkah 15

Pilih kedua elips dan lakukan Unite di dalam Pathfinder, sehingga menggabungkannya ke dalam bentuk tunggal.

Unite the shapes in PathfinderUnite the shapes in PathfinderUnite the shapes in Pathfinder

Langkah 16

Sekarang mari potong elips, dengan meninggalkan hanya potongan abu-abu gelap untuk jenggot. Pilih kedua bentuk abu-abu gelap dan elips yang digabungkan dan gunakan fungsi Minus Front pada Pathfinder untuk memotong bentuk.

use minus front to cut out the bearduse minus front to cut out the bearduse minus front to cut out the beard

Langkah 17

Mari tambahkan beberapa rambut anak pada dahi Wolverine. Buat sebuah elips 60 x 5 px. Pilih anchor points samping dengan Direct Selection Tool (A) dan buat ujung bentuk ini lancip, dengan menggunakan fungsi Convert selected anchor points to corner pada control panel di atas.

Sambil tetap memilih bentuk, pergi ke Effect > Warp > Arc. Atur nilai Horizontal Bend ke 30% dan Object > Expand Appearance untuk menerapkan efek.

form a hair lock from ellipseform a hair lock from ellipseform a hair lock from ellipse

Langkah 18

Tempelkan rambut anak yang dibuat pada garis rambut dan tambahkan salinan yang lebih kecil di sebelahnya.

Attach the created hair lock to the hairlineAttach the created hair lock to the hairlineAttach the created hair lock to the hairline

Langkah 19

Mari tambahkan leher. Buat segiempat ukuran 60 x 70 px dengan warna tone kulit yang lebih gelap. Tempatkan leher di bawah kepala dengan Memindahkannya ke Belakang (Shift-Control-[). Sesuaikan panjang leher dengan menggerakkannya ke atas dan ke bawah, sehingga menyembunyikan bagian di bawah kepala.

Tambahkan segiempat lainnya ukuran 75 x 25 px untuk kerah dan isi itu dengan warna biru gelap keabu-abuan.

add neck and collar from rectanglesadd neck and collar from rectanglesadd neck and collar from rectangles

Langkah 20

Mari membentuk badan. Buat segiempat ukuran 160 x 110 px berwarna biru keabu-abuan muda dan tempatkan itu di bawah kerah. Selaraskan semua bentuk ke tengah, jika perlu.

Pilih anchor point kiri bawah dengan Direct Selection Tool (A) dan tekan Enter untuk membuka jendela Move. Pindahkan titik kiri paling jauh, dengan mengatur nilai Horizontal Position ke -20 px.

Pindahkan anchor point kanan dalam arah yang berbeda, sehingga membuat bagian bawah segiempat melebar dan membentuk sebuah trapesium.

form a torso from rectangleform a torso from rectangleform a torso from rectangle

Langkah 21

Gunakan fitur Live Corners (atau efek Round Corners) untuk membuat bagian bahu pada badan melengkung.

Mari tambahkan emblem bulat X-Men pada kerah. Buat lingkaran 28 x 28 px dengan Ellipse Tool (L) dengan Fill abu-abu gelap dan Stroke kuning tebal (atur Stroke Weight ke 5 pt di dalam panel upper control.

Gunakan Line Segment Tool (\) untuk  membentuk dua stroke 5 pt untuk tanda X dalam posisi tengah

make the X-Men round emblemmake the X-Men round emblemmake the X-Men round emblem

Langkah 22

Mari tambahkan dasar pada avatar. Buat sebuah persegi kuning ukuran 300 x 300 px dan  lakukan Send to Back (Shift-Control-[), di bawah karakter. Lakukan Group (Control-G) pada semua bagian Wolverine dan ubah ukurannya agar siluetnya pas dengan persegi. Kamu mungkin membiarkan bagian bawah badan berada di luar persegi, seperti yang ditunjukkan pada screenshot di bawah.

Copy persegi dan lakukan Bring to Front (Shift-Control-]), di atas semua obyek lainnya.

Terakhir, pilih semua (Control-A), klik tombol kanan mouse dan pilih Make Clipping Mask, untuk menyembunyikan bagian yang tidak diinginkan di luar persegi. Bagus!

make the base from squaremake the base from squaremake the base from square

Sekarang avatar X-Men pertama kita sudah siap! Mari lanjutkan ke yang berikutnya.

wolverine avatarwolverine avatarwolverine avatar

2. Menggambar Avatar Mystique

Langkah 1

Karakter kedua kita yaitu Mystique yang mengagumkan.

Mari mulai bentuk wajahnya dari dagu, seperti yang kita lakukan sebelumnya. Ambil dagu Wolverine dari avatar pertama dan modifikasi itu, dengan membuat sudutnya lebih melengkung dengan bantuan fitur Live Corners. Pilih anchor point tengah bawah (ujung dagu) dan buat itu meruncing dengan Converting to Corner dari menu Convert.

form the chinform the chinform the chin

Langkah 2

Sekarang mari bentuk bagian atas wajah. Buat segiempat ukuran 100 x 60px dan Align pada bentuk dagu. Gunakan Direct Selection Tool (A) untuk memilih anchor point kiri dan kanan atas dan membuat bagian atas bentuk sepenuhnya melengkung.

Gunakan Anchor Point Tool (Shift-C) untuk membentuk garis rambut bentuk hati dengan menempatkan handel anchor seperti yang ditunjukkan dalam gambar di bawah.

form the hairlineform the hairlineform the hairline

Langkah 3

Tempelkan bagian atas wajah ke bagian bawah dan ganti warna kulit menjadi biru.

Mari tambahkan bentuk gaya rambut! Buat segiempat merah ukuran 100 x 80 px dan tempatkan itu di bawah wajah dalam bagian atas kepala. Buat bagian atas segiempat sepenuhnya melengkung.

Sesuaikan posisi bentuk menghadap satu sama lain. Dalam kasus saya, saya memindahkan bagian atas wajah lebih ke bawah untuk membuat wajah lebih pendek dan sedikit lebih banyak menunjukkan gaya rambut.

recolor the skin and add hairrecolor the skin and add hairrecolor the skin and add hair

Langkah 4

Tambahkan telinga dan leher pada kepala Mystique. Bentuk sebuah trapesium untuk badan dan kali ini lakukan Unite pada badan dan leher dalam Pathfinder.

add ears neck and torsoadd ears neck and torsoadd ears neck and torso

Langkah 5

Gunakan Direct Selection Tool (A) untuk memilih anchor point pada bagian bawah leher. Buat melengkung, dengan menggunakan fitur Live Corners. Buat bahu juga melengkung, dengan membentuk sebuah siluet yang mulus dan lembut.

make the silhouette roundedmake the silhouette roundedmake the silhouette rounded

Langkah 6

Gunakan Ellipse Tool (L) untuk membuat elips ukuran 5 x 10 px dengan warna sedikit lebih gelap daripada wajah. Tambahkan beberapa titik pada wajah, dengan membuat variasi ukuran dan posisi.

add elliptical spotsadd elliptical spotsadd elliptical spots

Langkah 7

Selesaikan avatar Mystique dengan menambahkan beberapa  titik pada badannya dan tempatkan karakter ini ke dalam mask persegi dengan background biru tua.

Mystique avatarMystique avatarMystique avatar

3. Me-Render Avatar Magneto

Langkah 1

Mari buat kepala dan helm untuk Magneto. Salin dasar badan Wolverine dan ganti bagian atas kepala dengan mengganti wajah dan rambut Wolverine dengan segiempat ukuran 100 x 75 px. Buat bagian atas kepala sepenuhnya melengkung menggunakan fungsi Live Corners.

Buat segiempat di atas (sedikit lebih besar daripada kepala) dan buat bagian atasnya juga melengkung. Ini akan menjadi helm Magneto.

Pada tahap ini saya juga menghilangkan telinga dan set warna Fill helm ke None untuk melihat kepala dengan jelas.

make Magnetos helmet from rectanglemake Magnetos helmet from rectanglemake Magnetos helmet from rectangle

Langkah 2

Sekarang mari bentuk bagian wajah pada helm. Jika kamu ingat film-film X-Men, Magneto memiliki potongan helm yang besar untuk mata, hidung dan mulut.

Buat elips kecil dan tempatkan itu dalam area mata di kiri, seperti yang ditunjukkan dalam gambar di bawah. Gunakan Reflect Tool (O) untuk membuat elips kedua. Tambahkan strip vertikal, gabungkan itu dengan lubang mata. Terakhir, pilih elips dan strip yang sudah dibuat dan lakukan Unite dalam Pathfinder.

make the elements of the helmet 1make the elements of the helmet 1make the elements of the helmet 1

Langkah 3

Ganti warna Fill helm ke ungu tua dan bagian tengah bentuk itu dengan warna kontras apapun, misalnya kuning. Dengan tetap memilih bentuk kuning, pergi ke Object > Path > Offset Path dan atur nilai Offset ke 5 px, sehingga membuat bentuk yang lebih besar.

make the elements of the helmet 2make the elements of the helmet 2make the elements of the helmet 2

Langkah 4

Pilih helm dan bentuk kuning yang lebih kecil. Gunakan fungsi Minus Front pada Pathfinder untuk memotong bentuk.

Sekarang kita memiliki bentuk kuning yang lebih gelap dan sebuah helm dengan lubang di bagian tengah.

Use the Minus Front functionUse the Minus Front functionUse the Minus Front function

Langkah 5

Dengan tetap memilih bentuk itu, pilih Shape Builder Tool (Shift-M), tahan tombol Alt dan klik di tengah bentuk kuning tua yang perlu kita hapus. Bagus! Sekarang kita dapat melihat wajah.

use the Shape Builder Tooluse the Shape Builder Tooluse the Shape Builder Tool

Langkah 6

Ganti warna kuning tua ke ungu muda untuk membuatnya menyatu dengan helm. Dan mari tambahkan sebuah strip 5 px di bawah helm. Gunakan Shape Builder Tool (Shift-M) lagi untuk menghapus bagian yang tidak dibutuhkan pada strip di luar helm.

complete the helmetcomplete the helmetcomplete the helmet

Langkah 7

Mari kita kerjakan sedikit pada kostum Magneto. Buat itu lebih gelap, dengan mengganti warna Fill ke ungu-abu-abu gelap. Tambahkan garis tipis tepat di tengah kostum, yang menggambarkan risliting.

Dan mari gelapkan bagian bahu. Ambil Line Segment Tool (\) dan gambarkan dua garis diagonal sepanjang bahu. Pilih baik garis dan badan dan gunakan Shape Builder Tool (Shift-M) untuk mengklik bagian bahu yang ingin kita potong. Bagus—sekarang bagian bahu dibagi dari sisa tubuh dan kita dapat membuatnya lebih gelap.

Jangan lupa untuk menghapus bagian garis yang tidak kita perlukan.

add details to the suiteadd details to the suiteadd details to the suite

Langkah 8

Buat dasar avatar berwarna ungu muda dan gunakan Clipping Mask untuk membentuk komposisi.

Terakhir, gunakan fungsi Convert untuk membuat sudut luar lubang mata sedikit runcing. Edit bentuk itu dengan Direct Selection Tool (A).

make the eyes pointedmake the eyes pointedmake the eyes pointed

Bagus! Avatar Magneto sudah siap. Tinggal satu lagi yang terakhir!

The Magnetos avatar is readyThe Magnetos avatar is readyThe Magnetos avatar is ready

4. Menggambar Avatar Rogue

Langkah 1

Avatar akhir kita adalah Rogue muda yang cantik.

Mari duplikasikan keseluruhan siluet Mystique dan gunakan itu sebagai dasar untuk avatar Rogue dengan mewarnai ulang kulit dan menghilangkan titik dari badan.

duplicate Mystiques bodyduplicate Mystiques bodyduplicate Mystiques body

Langkah 2

Pilih titik tengah garis rambut dengan Direct Selection Tool (A) dan pindahkan itu sedikit ke kanan, sehingga mengubah bentuk garis rambut.

Sekarang ambil Pencil Tool (N) dan buat garis sedikit melengkung untuk membuat jumbai rambut.

change the hairchange the hairchange the hair

Langkah 3

Mari modifikasi jumbainya. Ganti warna Stroke ke abu-abu pucat. Pergi ke panel Stroke (Window > Stroke) dan atur Weight ke 16 pt, sehingga membuat jumbai lebih tebal.

Atur Cap dan Corner ke posisi tengah untuk membuat ujung goresan melengkung.

Terakhir, ganti Profile ke Width Profile 5 (sebagai default profiles dalam menu drop-down) dan gunakan tombol Flip Along di sebelahnya untuk mengubah arah garis goresan. Kerja bagus!

Tambahkan goresan vertikal krem muda di atas rambut gelap untuk belahan. Atur Stroke Weight ke 1.5 pt dan Profile ke Width Profile 1.

make a bang from a strokemake a bang from a strokemake a bang from a stroke

Langkah 4

Tambahkan jumbai pada sisi wajah lainnya dan gunakan pengaturan yang sama seperti dalam langkah sebelumnya. Kamu dapat menggunakan Eyedropper Tool (I) untuk memilih tampilan dari jumbai sebelumnya untuk menerapkannya pada yang baru, dengan mengurangi Weight ke 12 pt.

Salin kerah dari avatar Wolverine dan tempatkan itu pada leher Rogue.

add a second lock the the hairadd a second lock the the hairadd a second lock the the hair

Langkah 5

Mari dandani karakter kita. Pilih bentuk badan dan gunakan Knife untuk membelah bentuk menjadi dua bagian. Isi badan dengan warna abu-abu tua, yang menggambarkan kostum X-Men.

add a dark suiteadd a dark suiteadd a dark suite

Langkah 6

Tambahkan risliting dan logo X-Men pada seragam Rogue.

add details to the suitadd details to the suitadd details to the suit

Langkah 7

Selesaikan avatar dengan menambahkan dasar persegi hijau dan menemptkan obyek ke dalam Clipping Mask.

Avatar of RogueAvatar of RogueAvatar of Rogue

Menakjubkan! Avatar Flat X-Men Kita Sudah Selesai!

Kita telah melakukan pekerjaan yang fantastis! Kamu dapat melanjutkan memperbagus avatar dan menambahkan detail minor sesukamu. Apa yang lebih jauh lagi, kamu dapat menggunakan teknik sederhana ini untuk membuat keseluruhan tim X-Men, termasuk tokoh baik dan penjahat!

Selamat bersenang-senang!

X-men flat avatars are finishedX-men flat avatars are finishedX-men flat avatars are finished
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads