Bagaimana Membuat Set Avatar X-Men Dalam Adobe Illustrator
() translation by (you can also view the original English article)



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.



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.



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.



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



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.



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



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.



Langkah 8
Pindahkan bagian atas wajah ke bawah, tempelkan pada dagu.



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.



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.



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.



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).



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.



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



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



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.



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.



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



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.



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.



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



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!



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



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.



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.



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.



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.



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.



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.



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



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.



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.



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.



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.



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.



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.



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.



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).



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



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.



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.



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.



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.



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.



Langkah 6
Tambahkan risliting dan logo X-Men pada seragam Rogue.



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



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!



