1. Design & Illustration
  2. Graphic Design
  3. Icon Design

Cara Membuat Satu Set Ikon Halloween dalam Adobe Illustrator

Scroll to top
Read Time: 8 min

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

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

Dalam tutorial ini kita akan pergi melalui proses sederhana untuk menciptakan satu set ikon Halloween datar, dan menyenangkan menggunakan bentuk-bentuk geometris sederhana, bentuk Builder Tool, dan berbagai efek Warp untuk memodifikasi dan mengubah elemen.

Jika Anda ingin memeriksa file sumber dan melihat bagaimana ikon dibuat, Anda dapat selalu mendapatkan set lengkap Ikon Datar Halloween di Envato Elements. Sebagai bonus, Anda akan mendapatkan tambahan ikon dalam koleksi ini untuk penggunaan Anda pribadi atau komersial!

1. Cara Membuat Ikon Ketel Sihir

Langkah 1

Memulai dengan membuat oval ungu gelap 120 x 30 px  menggunakan Ellipse Tool (L). Buat oval kecil 100 x 17 px di atasnya dan isi dengan warna orang.

make two ellipsesmake two ellipsesmake two ellipses

Langkah 2

Sekarang mari kita membuat badan ketel. Buat lingkaran gelap-ungu 140 x 140 px. Pilih poin jangkar sisi dengan Direct Selection Tool (A) dan seret mereka ke bawah sedikit untuk membuat bagian bawah ketel datar.

Ambil Eraser Tool (Shift-E), tahan Alt, dan hapus bagian atas lingkaran, membuatnya tersembunyi di bawah elips atas.

make a circle body of the cauldronmake a circle body of the cauldronmake a circle body of the cauldron

Langkah 3

Mari kita menambahkan beberapa detail. Copy (Control-C) pada badan ketel dan Paste in Front (Control-F). Pindahkan salinan atas ke kiri sedikit dan buat salinan bawah lebih gelap.

Pilih kedua salinan dan ambil Shape Builder Tool (Shift-M). Tekan Alt dan klik yang tidak diinginkan di sebelah kiri untuk menghapusnya.

Hebat! Sekarang kita memiliki hanya bentuk bulan sabit.

add shadowadd shadowadd shadow

Langkah 4

Buat bentuk bulan sabit yang lain menggunakan teknik yang sama dan buat lebih kecil. Isi dengan warna ungu lebih terang untuk membuat sorot pada permukaan ketel.

add a highlightadd a highlightadd a highlight

Langkah 5

Mari kita membuat sepasang kaki. Gunakan Ellipse Tool (L) untuk membuat oval ungu gelap 9 x 20 px. Ambil Direct Selection Tool (A) dan pindahkan dengan sisi jangkar poin untuk membuat bentuk lebih runcing.

create leg from the ellipsecreate leg from the ellipsecreate leg from the ellipse

Langkah 6

Duplikat kaki ke sisi berlawanan dari ketel.

add second legadd second legadd second leg

Langkah 7

Sekarang kita akan membuat gelembung sederhana. Buat lingkaran orange, Copy dan Paste in Front (Control-C > Control-F). Pindahkan salinan atas ke bawah sedikit dan isi lingkaran di balik itu dengan warna orange yang lebih terang.

Terakhir, gunakan Shape Builder Tool (Shift-M) sambil menekan Alt untuk menghapus yang tidak diinginkan di bagian bawah.

Selesaikan gelembung dengan menambahkan sebuah lingkaran cahaya-orange kecil untuk puncak.

make a bubble from circlesmake a bubble from circlesmake a bubble from circles

Langkah 8

Sekarang kita dapat Group (Control-G) semua potongan-potongan gelembung dan bintik gelembung di atas cairan orange dalam ketel. Ubah ukuran dan posisi untuk membuatnya terlihat lebih alami.

add bubbles to the surface of the liquidadd bubbles to the surface of the liquidadd bubbles to the surface of the liquid

Langkah 9

Dan itu untuk ketel sihir kita! Mari kita beralih ke icon berikutnya.

the cauldron icon is finishedthe cauldron icon is finishedthe cauldron icon is finished

2. Bagaimana Mendesain Sebuah Ikon Kartun Peti Mati

Langkah 1

Ambil Rectangle Tool (M) dan mulai dengan persegi panjang ungu gelap 55 x 155 px. Pergi ke Object > Path > Add Anchor Points untuk menambahkan titik di tengah setiap sisi. Kita akan membutuhkan hanya kiri dan kanan.

make a base from rectanglemake a base from rectanglemake a base from rectangle

Langkah 2

Pilih titik anchor kiri dengan Direct Selection Tool (A) dan tekan Enter untuk membuka jendela Move options.

Atur nilai posisi Horizontal ke -15 px dan vertikal ke 0 px.

Klik OK untuk memindahkan titik 15 px ke kiri.

move the left point to the leftmove the left point to the leftmove the left point to the left

Langkah 3

Sekarang mari kita lanjutkan titik lain dalam arah yang berlawanan. Kali ini menetapkan nilai Horizontal ke 15 px, vertikal nilai ke 0 px.

move the right point to the rightmove the right point to the rightmove the right point to the right

Langkah 4

Mari kita membuat bagian pinggir bawah peti mati yang lebih sempit. Pilih yang bawah kiri titik anchor dengan Direct Selection Tool (A) dan buka jendela Move. Atur nilai horisontal ke 10 px, vertikal ke 0 px.

Lakukan hal yang sama untuk sisi sebaliknya, namun tetapkan nilai horisontal ke -10 px.

make the bottom narrowermake the bottom narrowermake the bottom narrower

Langkah 5

Menjaga bentuk yang dipilih, pergi ke Object > Path > Offset Path dan atur Offset nilai ke -7 px.

Membuat warna bagian atas lebih terang.

use offset path functionuse offset path functionuse offset path function

Langkah 6

Duplikat (Control-C > Control-F) bentuk atas dan atur Fill color menjadi None.

Terapkan Stroke orange terang dan buka Stroke panel (Window > Stroke). Atur tebal garis menjadi 4 pt dan Align Stroke menjadi Inside.

add an orange strokeadd an orange strokeadd an orange stroke

Langkah 7

Ambil Rectangle Tool (M) dan buat bentuk orange 7 x 50 px. Tambahkan 33 x 7 px persegi panjang di atasnya untuk membuat salib.

Dan disana kita memilikinya! Ikon peti matinya selesai Ayo teruskan!

make a cross from rectanglesmake a cross from rectanglesmake a cross from rectangles

3. Cara Menggambar Ikon Hantu Lucu

Langkah 1

Mulailah dengan membuat tubuh hantu kita dari 90 x 165 px persegi panjang biru.

Pilih titik anchor yang bawah kiri dan menggunakan fungsi Move untuk memindahkannya 20 px ke kiri. Lakukan hal yang sama untuk titik anchor yang bawah kanan dan pindahkan dalam arah yang berlawanan, buat tepi bagian bawah yang lebih luas.

make a body from rectanglemake a body from rectanglemake a body from rectangle

Langkah 2

Sekarang pilih kedua titik anchor teratas dan jadikan bagian atas badan dibulatkan dengan fitur Live Corners dengan menyeret penanda lingkaran ke bawah. Anda juga dapat mengatur radius secara manual dengan mengatur nilai Corners menjadi 50 px di panel kontrol di bagian atas.

make the head roundedmake the head roundedmake the head rounded

Langkah 3

Mari kita membuat bagian bawah bergelombang. Ambil Scissors Tool (C) dan klik bagian bawah kiri dan kanan jangkar poin untuk membagi bentuk. Sekarang garis bawah horisontal dipisahkan dari seluruh tubuh.

split the bottom edge with the scissors toolsplit the bottom edge with the scissors toolsplit the bottom edge with the scissors tool

Langkah 4

Menjaga baris yang dipilih, pergi ke Effect > Distort & Transform > Zig Zag.

Atur opsi berikut ini:

  • Size menjadi 6 px
  • Absolut
  • Ridges per Segment menjadi 5
  • Points menjadi Smooth

Dan klik OK

Pergi ke Object > Expand Appearance untuk menerapkan efek.

apply Zig Zag effectapply Zig Zag effectapply Zig Zag effect

Langkah 5

Gunakan Lasso Tool (Q) untuk memilih titik anchor bagian bawah kiri tubuh dengan sisi kiri gelombang. Klik tombol mouse sebelah kanan dan gabungkan titiknya. Ulangi hal yang sama untuk poin dasar yang berlawanan untuk menyatukan bentuknya.

Join the pointsJoin the pointsJoin the points

Langkah 6

Sekarang kita dapat mengkonversi titik anchor yang dipilih untuk pemulusan, gunakan fungsi Convert di control panel di atas.

Gunaan Direct Selection Tool (A) untuk memindahkan beberapa menangani jangkar, buat bentuk lebih seimbang dan halus.

make the shape smoothermake the shape smoothermake the shape smoother

Langkah 7

Mari kita menambahkan detail. Duplikat bentuk dan pindahkan salinan atas ke bawah dan ke kanan. Gunakan Shape Builder Tool (Shift-M) sambil menahan tombol Alt untuk menghapus yang tidak diinginkan. Gunakan bagian yang tersisa untuk membuat sorotan.

Buat bayangan halus di bawah hantu, gunakan teknik yang sama.

add shadow and highlightadd shadow and highlightadd shadow and highlight

Langkah 8

Sekarang mari kita menambahkan beberapa fitur wajah ke sesama hantu kita. Gunakan Ellipse Tool (L) untuk membuat sepasang lingkaran ungu gelap 11 x 11 px untuk mata.

add the eyesadd the eyesadd the eyes

Langkah9

Tambahkan elips besar untuk mulut di tengah wajah. Ambil Scissors Tool (C) dan klik kedua sisi titik jangkar untuk membagi elips.

Hapus yang setengah atas, tinggalkan hanya bawah bawah untuk membentuk senyum. Atur tebal menjadi 3 pt dan cap menjadi cap bulat dalam panel Stroke.

make a mouth from ellipsemake a mouth from ellipsemake a mouth from ellipse

Langkah 10

Selesaikan hantu dengan menambahkan dua oval orange di pipi.

Di sana kita memilikinya! Ayo buat ikon terakhir kita!

the ghost icon is finishedthe ghost icon is finishedthe ghost icon is finished

4. Cara Membuat Ikon Vampir Datar

Langkah 1

Mari kita gunakan karakter dari tutorial lain sebagai dasar untuk Dracula menakutkan kita. Saya memilih avatar pekerja datar untuk membuat transformasi ini. Anda juga dapat membuat itu menyusul bagian 1, langkah 1 dan seterusnya dari deskriptif tutorial:

Atau pergi ke depan dan dapatkan set lengkap avatar profesi datar dari Envato Elements atau Graphic River.

Mari kita klik kanan pada ikon, rilis kliping masker, dan hapus basis lingkaran dan bayangan.

use the worker icon for tranformationuse the worker icon for tranformationuse the worker icon for tranformation

Langkah 2

Hapus pakaian dan beberapa fitur wajah yang tidak dibutuhkan. Pilih bagian bawah leher menggunakan Direct Section Tool (A) dan buat dibulatkan dengan bantuan fungsi Live Corners:

delete the unneeded partsdelete the unneeded partsdelete the unneeded parts

Langkah 3

Sekarang mari kita recolor kulit karakter kita memberinya tampilan vampir pucat. Isi elemen kepala dengan tinta biru pucat dan buat mata dan alis yang gelap.

recolor the facerecolor the facerecolor the face

Langkah 4

Sudah tampak cukup menakutkan! Mari kita tambahkan mulut. Buat lingkaran 35 x 23 px dan bagi menggunakan Scissors Tool (C).

make a mouth from ellipsemake a mouth from ellipsemake a mouth from ellipse

Langkah 5

Ambil Ellipse Tool (L) dan buat dua oval putih 5 x 10 px untuk taring. Pilih poin bawah dan Convert selected anchor points to corner dari control panel di atas untuk membuat taring tajam.

make fangs from ellipsesmake fangs from ellipsesmake fangs from ellipses

Langkah 6

Tambahkan oval orange untuk lidah. Pilih semua elemen dari mulut dan ambil Shape Builder Tool (Shift-M). Tekan Alt dan klik potongan-potongan yang tidak dibutuhkan untuk menghapusnya.

add a tongue and delete the unneeded piecesadd a tongue and delete the unneeded piecesadd a tongue and delete the unneeded pieces

Langkah 7

Mari kita tambahkan rambut dan janggut bergaya.

Duplikat bentuk wajah. Ambil Ellipse Tool (L) dan tempatkan dua elips yang besar sehingga mereka menutupi wajah, buat elips yang tumpang tindih. Bagian wajah yang tidak ditutup untuk membentuk rambut. Sekarang kita bisa menghapus potongan yang tidak diinginkan menggunakan Shape Builder Tool (Shift-M) dan isi bagian rambut dengan warna gelap.

make a hair and a beard from ellipsesmake a hair and a beard from ellipsesmake a hair and a beard from ellipses

Langkah 8

Kita juga perlu mengubah bentuk telinganya. Pertama-tama, buat bagian atas telinga sejajar dengan menyeret spidol Live Corners ke atas atau dengan mengatur nilai Corners ke 0 px di control  panel di atas.

Kemudian pilih sudut kiri atas dengan Direct Selection Tool (A) dan seret atas, buat telinga meruncing.

change the shape of the earschange the shape of the earschange the shape of the ears

Langkah 9

Mari kita menambahkan sentuhan akhir untuk vampir kita: kerah tinggi. Ambil Polygon Tool dan single-click di manapun pada Artboard untuk membuka jendela pilihan. Atur nilai Sides menjadi 3 dan buat segitiga ungu gelap, putar terbalik.

Menjaga bentuk yang dipilih, pergi ke Effect > Warp > Arc dan atur nilai Horizontal Bend sampai 20%. Klik OK dan Object > Expand Appearance untuk menerapkan efek.

make a collar from a trianglemake a collar from a trianglemake a collar from a triangle

Langkah 10

Dan ada yang kita miliki! Ikon vampir kita sudah siap!

vampire icon is readyvampire icon is readyvampire icon is ready

Boo! Punya halloween yang Menakutkan!

Pekerjaan bagus! Sekarang kita telah siap untuk Halloween dengan set ikon datar seram yang lucu! Saya harap Anda menikmati mengikuti tutorial ini dan terinspirasi oleh teknik yang sederhana dan menyenangkan.

Flat Halloween Icons are finishedFlat Halloween Icons are finishedFlat Halloween Icons are finished

Jangan lupa untuk melihat kumpulan Ikon Halloween Flat yang diperluas yang bisa Anda dapatkan di Envato Elements untuk penggunaan pribadi atau komersial Anda.

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.
One subscription. Unlimited Downloads.
Get unlimited downloads