7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Icon Design

Cara Membuat Paket Ikon Perayaan Tahun Baru di Adobe Illustrator

Scroll to top
Read Time: 16 mins

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

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

Karena Tahun Baru sudah dekat, saya pikir akan lebih baik jika kita menghabiskan waktu berkualitas bersama-sama menciptakan paket ikon bertema perayaan menggunakan beberapa bentuk dan alat paling dasar yang ditawarkan Illustrator.

Yang sedang berkata, ambil setumpuk kopi 2016 dan mari kita mulai!

Oh, dan jangan lupa Anda selalu dapat memperluas paket dengan menuju ke GraphicRiver di mana Anda akan menemukan banyak ikon bertema pesta.

1. Cara Mengatur Dokumen Baru

Karena saya yakin Anda sudah memiliki Illustrator dan berjalan di latar belakang, angkat dan biarkan mengatur Dokumen Baru (File> Baru atau Control-N) menggunakan pengaturan berikut:

  • Number of Artboards: 1
  • Width: 800 px
  • Height: 600 px
  • Units: Pixels

Dan dari tab Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
setting up a new documentsetting up a new documentsetting up a new document

Kiat cepat: beberapa dari Anda mungkin telah memperhatikan bahwa opsi Align New Objects to Pixel Grid hilang. Itu karena saya menjalankan versi perangkat lunak CC 2017 yang baru, di mana perubahan besar telah dibuat pada cara Illustrator menangani cara bentuk snap ke Pixel Grid yang mendasarinya.

2. Cara Mengatur Grid Kustom

Karena kita akan membuat ikon menggunakan alur kerja pixel-perfect, kita akan ingin mengatur Grid kecil yang bagus sehingga kita dapat memiliki kontrol penuh atas bentuk kita — yaitu jika kita menjalankan versi lama dari perangkat lunak.

Langkah 1

Buka submenu Edit> Preferences> Guides & Grid, dan sesuaikan pengaturan berikut:

  • Gridline every: 1 px
  • Subdivisions: 1
setting up a custom gridsetting up a custom gridsetting up a custom grid

Kiat cepat: Anda dapat mempelajari lebih lanjut tentang kisi-kisi dengan membaca bagian mendalam ini tentang cara kerja Sistem Grid Illustrator.

Langkah 2

Setelah kami menyiapkan kisi khusus kami, yang perlu kami lakukan untuk memastikan bentuk kami terlihat segar adalah mengaktifkan opsi Snap to Grid yang ditemukan di bawah menu View, yang akan berubah menjadi Snap to Pixel setiap kali Anda memasuki Pixel Preview mode.

Sekarang, jika Anda baru dalam "alur kerja pixel-perfect" keseluruhan, saya sangat menyarankan Anda mempelajari cara membuat tutorial karya seni pixel-sempurna, yang akan membantu Anda memperluas keterampilan teknis Anda dalam waktu singkat.

3. Cara Mengatur Layers

Dengan dokumen baru dibuat, itu akan menjadi ide yang baik untuk menyusun proyek kami menggunakan beberapa lapisan, karena dengan cara ini kita dapat mempertahankan alur kerja yang stabil dengan berfokus pada satu ikon pada suatu waktu.

Yang sedang berkata, buka panel Layers, dan buat total empat layer, yang akan kami beri nama baru sebagai berikut:

  • layer 1: grid referensi
  • layer 2: kembang api
  • lapisan 3: sampanye
  • layer 4: topi pesta
setting up the layerssetting up the layerssetting up the layers

4. Cara Membuat Kotak Referensi

Reference Grids (atau Base Grids) adalah sekumpulan permukaan referensi yang dibatasi dengan tepat, yang memungkinkan kita untuk membangun ikon kita dengan memfokuskan pada ukuran dan konsistensi.

Biasanya, ukuran kisi menentukan ukuran ikon yang sebenarnya, dan itu harus selalu menjadi keputusan pertama yang Anda buat ketika Anda memulai proyek baru, karena Anda selalu ingin memulai dari ukuran sekecil mungkin dan membangun di atasnya.

Sekarang, dalam kasus kami, kami akan membuat paket ikon menggunakan hanya satu ukuran, lebih tepatnya 128 x 128 px, yang merupakan paket yang cukup besar.

Langkah 1

Mulailah dengan mengunci semua kecuali layer kotak referensi, dan kemudian ambil Rectangle Tool (M) dan buat kotak 128 x 128 px orange (#F15A24), yang akan membantu menentukan ukuran keseluruhan ikon kita.

creating the main shape for the reference gridcreating the main shape for the reference gridcreating the main shape for the reference grid

Langkah 2

Tambahkan yang lebih kecil 120 x 120 px satu (#FFFFFF) yang akan bertindak sebagai area gambar aktif kami, sehingga memberi kami padding 4 px all-around.

creating the main shape for the active drawing areacreating the main shape for the active drawing areacreating the main shape for the active drawing area

Langkah 3

Kelompokkan dua kotak yang menyusun grid referensi menggunakan pintasan keyboard Control-G, dan kemudian buat dua salinan pada jarak 40 px dari satu sama lain, pastikan untuk menyelaraskannya ke tengah Artboard.

Setelah selesai, kunci layer saat ini dan lanjutkan ke yang berikutnya di mana kami akan mulai bekerja pada ikon pertama kami.

creating and positioning all three reference gridscreating and positioning all three reference gridscreating and positioning all three reference grids

5. Cara Membuat Background berulang

Seperti yang mungkin telah Anda perhatikan, ketiga ikon tersebut menggunakan latar belakang yang sama, yang akan menjadi hal pertama yang ingin kami buat untuk merampingkan alur kerja kami. Jadi posisikan diri Anda ke lapisan kedua, dan mari kita mulai.

Langkah 1

Dengan menggunakan Pen Tool (P), gambar segmen garis lebar 4 px kecil (#302222) menggunakan Stroke setebal 8 px dengan Tutup Bundar, yang akan kami posisikan dengan menyejajarkannya ke sudut kiri bawah area gambar aktif yang mendasarinya. .

creating and positioning the backgrounds first line segmentcreating and positioning the backgrounds first line segmentcreating and positioning the backgrounds first line segment

Langkah 2

Buat segmen garis kedua menggunakan jalur lebar 96 px, dengan Stroke setebal 8 px (#302222) yang sama, yang akan kami selaraskan ke sudut kanan bawah area gambar aktif, pastikan untuk mengatur Cap ke Putaran.

Setelah selesai, pilih dan kelompokkan keduanya bersama-sama menggunakan pintasan keyboard Control-G.

creating and positioning the backgrounds second line segmentcreating and positioning the backgrounds second line segmentcreating and positioning the backgrounds second line segment

Langkah 3

Pilih Ellipse Tool (L) dan gunakan untuk membuat lingkaran 96 x 96 px, yang akan kita warnai menggunakan #D8D8D8 dan kemudian luruskan tengah ke bagian bawah permukaan oranye kotak referensi.

creating and positioning the main shape for the backgrounds circular sectioncreating and positioning the main shape for the backgrounds circular sectioncreating and positioning the main shape for the backgrounds circular section

Langkah 4

Berikan bentuk garis besar menggunakan metode Stroke, dengan membuat salinannya (Control-C) yang akan kita tempel di depan (Control-F) dan kemudian sesuaikan dengan membalik Isi dengan Stroke (Shift-X), mengatur Berat hingga 8 px dan warnanya ke #302222.

Setelah selesai, kelompokkan kedua bentuk bersama-sama (Kontrol-G), pastikan untuk mengirimnya ke belakang segmen garis (klik kanan> Transform> Arrange> Send to Back).

adjusting the positioning of the backgrounds circular sectionadjusting the positioning of the backgrounds circular sectionadjusting the positioning of the backgrounds circular section

Langkah 5

Karena kita ingin latar belakang tetap terkandung dalam permukaan area gambar aktif kita, pertama-tama kita harus memilih dan mengelompokkan (Kontrol-G) semua elemen penyusunnya, lalu membuat dan memposisikan 120 x 120 px persegi ( disorot dengan putih) di atasnya, yang akan kita gunakan sebagai Clipping Mask (klik kanan> Make Clipping Mask).

masking the universal background using a rectangular clipping maskmasking the universal background using a rectangular clipping maskmasking the universal background using a rectangular clipping mask

Langkah 6

Terakhir, sesuaikan Transparansi latar belakang dengan menurunkan Opacity menjadi 20%, membuat dan memposisikan salinan untuk masing-masing ikon yang tersisa.

adjusting the universal backgrounds transparencyadjusting the universal backgrounds transparencyadjusting the universal backgrounds transparency

6. Cara Membuat Ikon Fireworks

Dengan latar belakang di tempat, kita sekarang dapat mulai bekerja pada ikon pertama kami, jadi pastikan Anda berada di lapisan kanan (yang akan menjadi yang kedua) dan memperbesar pada kotak referensi pertama sehingga kami dapat memulai sesuatu.

Langkah 1

Buat badan kembang api yang lebih besar menggunakan persegi panjang 24 x 40 px, yang akan kita warnai menggunakan #706464 dan kemudian posisikan di tengah area gambar aktif, pada jarak 38 px dari tepi kiri dan 42 px dari bawahnya.

creating and positioning the main shape for the larger fireworks bodycreating and positioning the main shape for the larger fireworks bodycreating and positioning the main shape for the larger fireworks body

Langkah 2

Pilih Pen Tool (P), dan gambar segmen garis dekoratif diagonal (#302222) menggunakan Stroke setebal 4 px, sambil menahan tombol Shift untuk mendapatkan sudut 45 derajat yang sempurna. Tumpuk empat baris secara vertikal pada -14 px dari satu sama lain, pastikan untuk mengelompokkan (Control-G) dan pusatkan garis ke bentuk yang mendasarinya sesudahnya.

adding the diagonal detail lines to the larger fireworks bodyadding the diagonal detail lines to the larger fireworks bodyadding the diagonal detail lines to the larger fireworks body

Langkah 3

Buat salinan (Kontrol-C) dari tubuh kembang api (disorot dengan oranye) dan tempel di depan (Kontrol-F) dan gunakan untuk menutupi garis detail, dengan memilihnya lalu mengklik kanan> Buat Kliping Masker.

masking the larger fireworks detail lines using a clipping maskmasking the larger fireworks detail lines using a clipping maskmasking the larger fireworks detail lines using a clipping mask

Langkah 4

Berikan garis besar badan kembang api, dengan membuat salinannya (Control-C) yang akan kami tempel di depan (Control-F) dan kemudian sesuaikan dengan membalik Isi (Shift-X) dengan Stroke tebal 8 px (#302222 ), memilih dan mengelompokkan (Kontrol-G) semua elemen yang menyusunnya bersama-sama sesudahnya.

adding the main outline to the larger fireworks bodyadding the main outline to the larger fireworks bodyadding the main outline to the larger fireworks body

Langkah 5

Menggunakan Stroke setebal 8 px dengan warna yang diatur ke #302222, gambarlah ekor kembang api, mulai dari tengah bagian bawah garis besarnya, dan turun hingga ke tepi bawah area gambar aktif.

adding the larger fireworks tailadding the larger fireworks tailadding the larger fireworks tail

Langkah 6

Buat bagian kepala kembang api menggunakan persegi panjang 40 x 22 px (#EF6135), yang akan kita ubah menjadi segitiga dengan menambahkan titik jangkar baru ke tengah tepi teratasnya menggunakan Add Anchor Point Tool (+), dan kemudian menghapus yang sudut dengan bantuan Delete Anchor Point Tool (-). Setelah selesai, sejajarkan posisi tengah secara horizontal dengan tubuh yang lebih besar, posisikan sehingga tumpang tindih dengan bagian atas dari ketebalan garis luar.

creating and positioning the main shape for the larger fireworks head sectioncreating and positioning the main shape for the larger fireworks head sectioncreating and positioning the main shape for the larger fireworks head section

Langkah 7

Berikan bentuk yang baru saja kita posisikan garis besar dengan membuat salinannya (Control-C) yang akan kita tempel di depan (Control-F) dan kemudian sesuaikan dengan membalik Isi (Shift-X) dengan tebal 8 px Stroke (#302222), dengan Corner diatur ke Round Join. Setelah selesai, kelompokkan (Kontrol-G) kedua bentuk tersebut bersama-sama, lalu lakukan hal yang sama untuk bagian penulisan kembang api.

adding the outline to the larger fireworks head sectionadding the outline to the larger fireworks head sectionadding the outline to the larger fireworks head section

Langkah 8

Buat bentuk utama untuk kembang api yang lebih kecil menggunakan persegi panjang 14 x 32 px, yang akan kita warnai menggunakan #F4C253 dan kemudian posisikan di sisi kanan yang lebih besar, pada jarak 30 px dari tepi kanan area gambar aktif, dan 26 px dari yang paling bawah.

creating and positioning the main shape for the smaller fireworks bodycreating and positioning the main shape for the smaller fireworks bodycreating and positioning the main shape for the smaller fireworks body

Langkah 9

Tambahkan bagian merah atas kembang api dengan membuat persegi panjang 14 x 12 px, yang akan kita warnai menggunakan #EF6135 dan kemudian luruskan tengah ke tepi atas menggunakan panel Align.

adding the red section to the smaller fireworks bodyadding the red section to the smaller fireworks bodyadding the red section to the smaller fireworks body

Langkah 10

Tambahkan garis utama kembang api menggunakan salinan (Control-C) dari tubuhnya yang akan kita tempel di depan (Control-F) dan kemudian sesuaikan dengan membalik Isi (Shift-X) dengan Stroke tebal 8 px (#302222).

adding the main outline to the smaller fireworks bodyadding the main outline to the smaller fireworks bodyadding the main outline to the smaller fireworks body

Langkah 11

Pilih Pen Tool (P) dan gambar pembagi garis horizontal yang memisahkan dua bagian kembang api, menggunakan Stroke setebal 8 px dengan warna yang diatur ke #302222. Setelah selesai, pilih semua bentuk komposisinya dan kelompokkan bersama-sama menggunakan pintasan keyboard Control-G.

adding the horizontal divider line to the body of the smaller fireworkadding the horizontal divider line to the body of the smaller fireworkadding the horizontal divider line to the body of the smaller firework

Langkah 12

Gambar ekor kembang api, menggunakan Stroke setebal 8 px dengan warna diatur ke #302222, dan setelah Anda selesai pilih dan kelompokkan semua bagian yang menyusunnya bersama-sama menggunakan pintasan keyboard Control-G.

adding the tail to the smaller fireworks bodyadding the tail to the smaller fireworks bodyadding the tail to the smaller fireworks body

Langkah 13

Selanjutnya, kita akan mendapatkan sedikit kreatif, dan mulai menambahkan elemen confetti kecil, menggunakan beberapa lingkaran tebal berukuran 8 px berbeda (#302222), yang akan kita posisikan di sekitar elemen utama ikon.

adding the little circles to the fireworks icons backgroundadding the little circles to the fireworks icons backgroundadding the little circles to the fireworks icons background

Langkah 14

Akhiri ikon dengan menambahkan bentuk persegi kecil kecil (#302222), yang akan kita buat menggunakan pasangan persegi panjang 6 x 8 px dan beberapa kotak 4 x 4 px lebih kecil (#302222), yang akan kita sesuaikan dengan memilih dan mendorongnya poin anchor atas ke luar sebesar 4 px untuk yang lebih besar dan 2 px untuk yang lebih kecil.

Setelah selesai, kelompokkan semua elemen confetti bersama-sama (Control-G), lakukan hal yang sama untuk bagian penulisan ikon setelahnya.

fireworks icon finishedfireworks icon finishedfireworks icon finished

7. Cara Membuat Ikon Champagne

Dengan asumsi Anda sudah pindah ke lapisan berikutnya (yang akan menjadi yang ketiga), memperbesar kotak referensi kedua dan mari kita mulai bekerja pada ikon kedua kami.

Step 1

Buat bentuk utama botol menggunakan persegi panjang 38 x 100 px, yang akan kita warnai menggunakan #789E43 dan kemudian posisikan di sisi kiri area gambar aktif, pada jarak 4 px dari tepi bawah dan 26 px dari sisi kiri .

creating and positioning the champagne bottles main bodycreating and positioning the champagne bottles main bodycreating and positioning the champagne bottles main body

Langkah 2

Aktifkan Mode Pratinjau Pixel (Alt-Control-Y) dan gunakan Add Anchor Point Tool (+) untuk menambahkan sepasang dua titik jangkar sisi pada jarak 24 px dari tepi atas bentuk.

adding the first pair of side anchor points to the champagne bottles bodyadding the first pair of side anchor points to the champagne bottles bodyadding the first pair of side anchor points to the champagne bottles body

Langkah 3

Tambahkan sepasang jangkar kedua ke bagian bawah botol, pada jarak 30 px dari tepi bawahnya.

Setelah selesai, Anda dapat mematikan mode Pratinjau Piksel dengan menggunakan pintasan keyboard Alt-Control-Y lagi.

adding the second pair of side anchor points to the champagne bottles bodyadding the second pair of side anchor points to the champagne bottles bodyadding the second pair of side anchor points to the champagne bottles body

Langkah 4

Sesuaikan bentuk botol dengan memilih secara individual dan mendorong masing-masing titik jangkar sisi atas ke bagian dalam sebanyak 12 px menggunakan Move Tool (klik kanan> Transform> Move> Horizontal> +/- 12 px tergantung pada sisi mana Anda mulai dengan).

adjusting the champagne bottles main body by pushing its top-right anchor points to the insideadjusting the champagne bottles main body by pushing its top-right anchor points to the insideadjusting the champagne bottles main body by pushing its top-right anchor points to the inside

Langkah 5

Sesuaikan transisi kelengkungan bagian leher botol, dengan menghaluskan Anchor Points-nya dengan bantuan Convert anchor points yang dipilih menjadi smooth tool, dan kemudian bermain dengan gagangnya.

adjusting the curvature transition of the champagne bottles neckadjusting the curvature transition of the champagne bottles neckadjusting the curvature transition of the champagne bottles neck

Langkah 6

Terakhir, sesuaikan bagian bawah botol, dengan mengatur Radius sudut-sudutnya ke 6 px dari dalam bidang input Live Corner.

adjusting the champagne bottles bottom cornersadjusting the champagne bottles bottom cornersadjusting the champagne bottles bottom corners

Langkah 7

Mulailah menambahkan detail ke leher botol dengan membuat persegi panjang 14 x 40 px, yang akan kita warnai menggunakan #564E4E dan kemudian sejajarkan tengah ke tepi atas.

creating and positioning the main shape for the champagne bottles neck wrappingcreating and positioning the main shape for the champagne bottles neck wrappingcreating and positioning the main shape for the champagne bottles neck wrapping

Langkah 8

Sesuaikan bentuk yang baru saja kita buat dengan menambahkan titik jangkar baru ke tengah tepi bawahnya, dan kemudian memilih dan mendorongnya ke bawah sebesar 6 px menggunakan Move Tool (klik kanan> Transform> Pindahkan> Vertikal> 6 px).

adjusting the shape of the champagne bottles neck wrappingadjusting the shape of the champagne bottles neck wrappingadjusting the shape of the champagne bottles neck wrapping

Langkah 9

Buat gabus menggunakan persegi panjang 14 x 12 px, yang akan kami warnai menggunakan #EFAF30 dan kemudian sejajarkan tengah ke tepi atas leher.

adding the cork to the champagne bottles neckadding the cork to the champagne bottles neckadding the cork to the champagne bottles neck

Langkah 10

Tambahkan garis utama pembungkus leher, menggunakan salinan (Control-C) dari bentuk abu-abu yang akan kita tempel di depan (Control-F) dan kemudian sesuaikan dengan membalik Isi (Shift-X) dengan Stroke tebal 8 px (# 302222), pastikan untuk mengatur Corner-nya ke Round Join.

adding the outline to the champagne bottles neck wrappingadding the outline to the champagne bottles neck wrappingadding the outline to the champagne bottles neck wrapping

Langkah 11

Tambahkan elips hiasan kecil 4 x 10 px (# 302222), yang akan kami pusatkan sejajar dengan pembungkus leher, pada jarak 8 px dari sumbat botol.

Setelah selesai, pilih dan kelompokkan semua elemen penulisan pembungkus bersama menggunakan pintasan keyboard Control-G.

adding the decorative ellipse to the champagne bottles neckadding the decorative ellipse to the champagne bottles neckadding the decorative ellipse to the champagne bottles neck

Langkah 12

Buat label utama botol menggunakan persegi panjang 38 x 20 px, yang akan kami warnai menggunakan #F4C253 dan kemudian tengah sejajarkan dengan bentuk hijau di bawahnya, pada jarak 12 px dari tepi bawahnya.

creating and positioning the main shape for the champagne bottles front facing labelcreating and positioning the main shape for the champagne bottles front facing labelcreating and positioning the main shape for the champagne bottles front facing label

Langkah 13

Sesuaikan bentuk yang baru saja kita buat dengan menambahkan titik jangkar baru ke tengah tepi atasnya, dan dua yang sisi pada jarak 6 px dari margin luarnya.

Kemudian, pilih jangkar tengah dan dorong ke luar sebanyak 6 px menggunakan Move Tool (klik kanan> Transform> Move> Vertical> - 6 px).

adjusting the shape of the champagne bottles front facing labeladjusting the shape of the champagne bottles front facing labeladjusting the shape of the champagne bottles front facing label

Langkah 14

Sesuaikan kelengkungan label, dengan menghaluskan tiga titik jangkar baru menggunakan alat jangkar Konversi yang dipilih untuk memuluskan, dan kemudian bermain dengan gagangnya.

adjusting the curvature of the champagne bottles front facing labeladjusting the curvature of the champagne bottles front facing labeladjusting the curvature of the champagne bottles front facing label

Langkah 15

Berikan label garis tebal 8 px yang bagus (# 302222) menggunakan metode Stroke, pastikan untuk mengatur Cornernya menjadi Round Join.

adding the main outline to the champagne bottles front facing labeladding the main outline to the champagne bottles front facing labeladding the main outline to the champagne bottles front facing label

Langkah 16

Tarik garis teks-dummy kecil menggunakan dua garis Stroke setebal 4 px dengan warna diatur ke #302222, yang akan kita posisikan 2 px dari satu sama lain, pengelompokan (Control-G) dan pusatkan sejajarkan dengan bentuk yang mendasari lebih besar setelahnya.

Setelah selesai, pilih dan kelompokkan (Kontrol-G) semua bentuk penulisan label juga.

adding the little dummy-text lines to the champagne bottles front facing labeladding the little dummy-text lines to the champagne bottles front facing labeladding the little dummy-text lines to the champagne bottles front facing label

Langkah 17

Select and group (Control-G) the champagne bottle’s neck wrapping and its front-facing label, and then create a copy (Control-C) of its main shape and paste it in front (Control-F) so that we can use it as a Clipping Mask (right click > Make Clipping Mask).

masking the champagne bottles front facing label and neck wrappingmasking the champagne bottles front facing label and neck wrappingmasking the champagne bottles front facing label and neck wrapping

Langkah 18

Selesaikan botol dengan menambahkan garis besar menggunakan Stroke setebal 8 px dengan warna diatur ke #302222, dan garis pembagi horizontal kecil (warna: #302222, Tutup: Tutup Bundar) memisahkan gabus dari lehernya, lalu pilih dan kelompokkan semua elemen penyusunnya menggunakan pintasan keyboard Control-G.

adding the main outline to the champagne bottles bodyadding the main outline to the champagne bottles bodyadding the main outline to the champagne bottles body

Langkah 19

Buat badan utama seruling sampanye, menggunakan persegi panjang 16 x 30 px (#F4C253) yang akan kami sesuaikan dengan mengatur Radius sudut bawahnya menjadi 8 px dari dalam Properties Rectangle panel Transform.

Posisikan bentuk yang dihasilkan di sisi kanan botol, pada jarak 26 px dari tepi kanan area gambar aktif, dan 28 px dari bagian bawahnya.

creating and positioning the main shape for the champagne flutes bodycreating and positioning the main shape for the champagne flutes bodycreating and positioning the main shape for the champagne flutes body

Langkah 20

Buat 16 x 10 px persegi panjang yang lebih kecil, yang akan kita warnai menggunakan #F2DFC2 dan kemudian tengah sejajarkan ke tepi atas tubuh seruling.

adding the lighter section to the champagne flutes main bodyadding the lighter section to the champagne flutes main bodyadding the lighter section to the champagne flutes main body

Langkah 21

Tambahkan garis besar seruling, menggunakan salinan (Control-C) dari tubuhnya yang akan kita tempel di depan (Control-F) dan kemudian sesuaikan dengan membalik Isi (Shift-X) dengan Stroke tebal 8 px (#302222) .

adding the champagne flutes main outlineadding the champagne flutes main outlineadding the champagne flutes main outline

Langkah 22

Pilih Pen Tool (P) dan gambar garis pembagi horizontal yang memisahkan bagian flute yang lebih gelap dan lebih terang, menggunakan Stroke setebal 8 px dengan warna yang diatur ke #302222. Setelah selesai, pilih dan kelompokkan semua bentuk komposisinya bersama-sama menggunakan pintasan keyboard Control-G.

adding the horizontal divider line to the champagne flutes main bodyadding the horizontal divider line to the champagne flutes main bodyadding the horizontal divider line to the champagne flutes main body

Langkah 23

Gambarlah batang seruling menggunakan nilai Stroke (#302222) tebal 8 px yang sama, mulai dari pusat garis besarnya dan posisikan titik jangkar akhir pada jarak 4 px dari tepi bawah area gambar aktif yang mendasari.

adding the champagne flutes legadding the champagne flutes legadding the champagne flutes leg

Langkah 24

Gambarlah dasar menggunakan segmen garis lebar 12 px, dengan Stroke setebal 8 px (#302222) yang akan kita pusatkan sejajar dengan bentuk yang dibuat sebelumnya, pastikan untuk mengatur Cap ke Round.

creating and positioning the main shape for the champagne flutes footcreating and positioning the main shape for the champagne flutes footcreating and positioning the main shape for the champagne flutes foot

Langkah 25

Dengan menggunakan Pen Tool (P), sesuaikan lengkungan bawah batang seruling dengan menggambar bentuk baru yang akan kita warnai menggunakan #302222. Setelah selesai, pilih dan kelompokkan (Kontrol-G) semua bentuk komposisi batang, lakukan hal yang sama untuk seluruh seruling sesudahnya.

adjusting the bottom curvature of the champagne flutes legadjusting the bottom curvature of the champagne flutes legadjusting the bottom curvature of the champagne flutes leg

Langkah 26

Akhiri ikon dengan menambahkan elemen confetti kecil seperti yang kita lakukan untuk yang pertama, memilih dan mengelompokkan (Control-G) semua bagian yang menyusun bersama-sama sesudahnya.

champagne icon finishedchampagne icon finishedchampagne icon finished

8. Cara Membuat Ikon Topi Pesta

Kami sekarang ke ikon ketiga dan terakhir kami, jadi dengan anggapan Anda telah memposisikan diri Anda pada lapisan terakhir, memperbesar kotak referensi dan mari selesaikan ini.

Langkah 1

Buat badan utama topi menggunakan persegi panjang 54 x 84 px, yang akan kami warnai menggunakan #EF6135 dan kemudian posisikan ke sisi kiri area gambar aktif yang mendasarinya, pada jarak 14 px dari tepi kiri dan 20 px dari bawah satu.

creating and positioning the main shape for the party hats bodycreating and positioning the main shape for the party hats bodycreating and positioning the main shape for the party hats body

Langkah 2

Ubah persegi panjang menjadi segitiga dengan menambahkan titik jangkar baru ke tengah tepi atasnya menggunakan Alat Tambahkan Anchor Point (+), dan kemudian menghapus yang sisi menggunakan menggunakan Delete Anchor Point Tool (-).

adjusting the shape of the party hats main bodyadjusting the shape of the party hats main bodyadjusting the shape of the party hats main body

Langkah 3

Buat bagian hiasan tengah topi menggunakan persegi panjang 54 x 28 px, yang akan kami warnai menggunakan #F2DFC2 dan kemudian tengah sejajarkan dengan segitiga, pada jarak 14 px dari tepi bawahnya.

creating and positioning the main shape for the party hats decorative sectioncreating and positioning the main shape for the party hats decorative sectioncreating and positioning the main shape for the party hats decorative section

Langkah 4

Sesuaikan persegi panjang dengan memilih titik jangkar sisi kanannya dan kemudian mendorongnya ke atas sebesar 16 px menggunakan Move Tool (klik kanan> Transform> Move> Vertical> -16 px).

adjusting the shape of the party hats decorative sectionadjusting the shape of the party hats decorative sectionadjusting the shape of the party hats decorative section

Langkah 5

Berikan bentuk yang dihasilkan garis tebal 8 px (#302222), pengelompokan (Control-G) dan kemudian sembunyikan keduanya menggunakan salinan (Control-C> Control-F) dari bentuk utama topi (klik kanan> Make Clipping Mask) .

masking the party hats decorative sectionmasking the party hats decorative sectionmasking the party hats decorative section

Langkah 6

Berikan topi garis besarnya, menggunakan Stroke setebal 8 px (#302222) dengan Corner diatur ke Round Join, lalu pilih dan kelompokkan (Control-G) semua bentuk komposisinya menjadi satu.

adding the outline to the party hats main bodyadding the outline to the party hats main bodyadding the outline to the party hats main body

Langkah 7

Tambahkan string topi menggunakan elips 42 x 32 px dengan Stroke setebal 8 px (#302222), yang akan kami pusatkan sejajar dengan segitiga yang lebih besar, posisikan di sebelah tepi bawah area gambar aktif, pastikan untuk mengirimnya ke bagian belakang topi (klik kanan> Atur> Kirim Mundur).

Setelah selesai, jangan lupa untuk memilih dan mengelompokkan semua elemen penulisan topi menggunakan pintasan keyboard Control-G.

adding the string section to the party hats main bodyadding the string section to the party hats main bodyadding the string section to the party hats main body

Langkah 8

Buat tubuh utama tanduk pesta menggunakan persegi panjang 16 x 42 px, yang akan kita warnai menggunakan #F4C253 dan kemudian posisikan ke sisi kanan topi, pada jarak 22 px dari tepi kanan area gambar aktif dan 4 px dari nya yang bawah.

creating and positioning the main shape for the party horns bodycreating and positioning the main shape for the party horns bodycreating and positioning the main shape for the party horns body

Langkah 9

Sesuaikan bentuk yang baru saja kita buat dengan menambahkan sepasang titik jangkar sisi pada jarak 16 px dari tepi bawahnya, dan kemudian secara individual memilih dan mendorong bagian bawahnya ke dalam sebanyak 2 px menggunakan Move Tool (klik kanan > Transform> Pindahkan> Horizontal> +/- 2 px tergantung di mana Anda mulai dengan).

adjusting the shape of the party horns main bodyadjusting the shape of the party horns main bodyadjusting the shape of the party horns main body

Langkah 10

Buat bagian atas tanduk yang lebih gelap, menggunakan persegi panjang 16 x 26 px, yang akan kita warnai menggunakan #C1411F dan kemudian luruskan tengah ke tepi atas tubuh utamanya.

adding the darker section to the party horns main bodyadding the darker section to the party horns main bodyadding the darker section to the party horns main body

Langkah 11

Dengan menggunakan Pen Tool (P), gambar dua garis Stroke diagonal setebal 4 px (#302222), susun secara vertikal -6 px dari satu sama lain, kelompokkan (Control-G) dan kemudian pusatkan garis ke bagian gelap yang mendasarinya.

adding the two diagonal detail lines to the party horns bodyadding the two diagonal detail lines to the party horns bodyadding the two diagonal detail lines to the party horns body

Langkah 12

Buat garis besar tanduk menggunakan Stroke setebal 8 px (#302222), lalu gambar garis pembagi horizontal kecil yang memisahkan dua bagiannya.

adding the outline and horizontal divider line to the party horns main bodyadding the outline and horizontal divider line to the party horns main bodyadding the outline and horizontal divider line to the party horns main body

Langkah 13

Akhiri bagian tanduk ini dengan menambahkan sisipan kecil 4 x 4 px (#302222) ke tepi bawah bentuk kuning, memilih dan mengelompokkan (Kontrol-G) semua bentuk komposisi bersama setelahnya.

adding the little rectangular insertion to the bottom section of the party horns bodyadding the little rectangular insertion to the bottom section of the party horns bodyadding the little rectangular insertion to the bottom section of the party horns body

Langkah 14

Buat bagian tanduk yang digulung menggunakan persegi panjang bundar 32 x 12 px dengan Radius Sudut 2 px, yang akan kami warnai menggunakan # EF6135 dan pusatkan sejajar dengan tubuhnya, posisikan di atas bagian atas tepi atas garis luar.

creating and positioning the main shape for the party horns rolled sectioncreating and positioning the main shape for the party horns rolled sectioncreating and positioning the main shape for the party horns rolled section

Langkah 15

Berikan bentuk yang baru saja kita buat garis besar menggunakan Stroke setebal 8 px (#302222), lalu kelompokkan keduanya (Control-G), memilih dan melakukan hal yang sama untuk elemen penyusun tanduk.

adding the outline to the party horns rolled sectionadding the outline to the party horns rolled sectionadding the outline to the party horns rolled section

Langkah 16

Akhiri ikon dengan menambahkan elemen confetti kecil, dan setelah Anda selesai pilih dan kelompokkan semua bagian yang menyusunnya bersama-sama menggunakan pintasan keyboard Control-G.

party hat icon finishedparty hat icon finishedparty hat icon finished

Sudah Selesai!

Mungkin perlu waktu beberapa saat, tetapi akhirnya kita selesai. Saya harap Anda telah berhasil mengikuti setiap langkah, dan yang paling penting belajar satu atau dua trik baru di sepanjang jalan.

Karena itu, saya mengucapkan Selamat Tahun Baru kepada Anda semua, dan saya rasa saya akan melihat Anda tahun depan.

finished project previewfinished project previewfinished project preview
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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.