Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Chinese New Year

Bagaimana Cara Membuat Ikon Kue Bulan dan Dim Sum untuk Tahun Baru Imlek

Indonesian (Bahasa Indonesia) translation by Adysta Abitama A (you can also view the original English article)

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

Rayakan Tahun Baru Imlek dengan kue bulan, bakpao, dan pangsit! Di tutorial ini kita akan mengilustrasikan ikon makanan dim sum, cocok digunakan untuk game mobile atau kebutuhan vector grafis lainnya. Dimulai dengan membuat lingkaran dan elips, dan diakhiri dengan gambar makanan yang lezat.

Anda juga dapat melengkapi desain ikon anda dengan vector dari Envato Market untuk membuat satu set lengkap potongan dim sum. Coba dilihat dulu set dim sum ini dari Envato Market sebagai pilihan untuk melengkapi desain akhir anda.

Membuat dasar Kue Bulan

Langkah ke-1

Tiga desain ikon kita semuanya akan dimulai dengan bentuk dasar seperti tart ini. Mari kita mulai di sebuah New Document dengan poligon 14 sisi yang dibuat dengan Polygon Tool.

Draw a 14 sided polygon with the polygon toolDraw a 14 sided polygon with the polygon toolDraw a 14 sided polygon with the polygon tool

Langkah ke-2

Mari kita buat bentuknya membundar jadi akan menyerupai sebuah bunga. Pilih poligonnya lalu pergi ke menu Effect > Distort & Transform > Pucker & Bloat untuk menerapkan efek Menggembung (Bloat) lalu berikan 15% atau lebih. Di bawah menu Object, tekan Expand Appearance untuk menetapkan kembali batas/ border nya.

Tarik Live Corners objeknya ke dalam untuk sedikit membulatkan bentuknya dan melembutkan penampilan dasar tartnya.

Transform the polygon into a softened flower shape to form a tartTransform the polygon into a softened flower shape to form a tartTransform the polygon into a softened flower shape to form a tart

Membuat Desain Geometris Kue Bulan

Langkah ke-1

Gunakan Rectangle Tool (M) untuk membuat persegi di tengah-tengah kue bulannya. Gambar sebuah lingkaran di tengah tart dengan posisi di bawah persegi, dengan Ellipse Tool (L). Lalu beri warna yang cocok dengan dasar kue bulannya lalu untuk stroke-nya berikan warna coklat yang lebih gelap. Saya akan mengatur semua stroke yang lebih tebal ke 4pt dan yang lebih tipis ke 2pt dan 3pt.

Draw a square and circle in the center to begin the geometric designDraw a square and circle in the center to begin the geometric designDraw a square and circle in the center to begin the geometric design

Langkah ke-2

Gunakan Line Segment Tool (/) atau Pen Tool (N) untuk menggambar bentuk seperti L di sudut pojok desain kue bulan. Pastikan garisnya sejajar dengan persegi yang telah digambar sebelumnya.

Draw in the lined corners of the designDraw in the lined corners of the designDraw in the lined corners of the design

Langkah ke-3

Sekali lagi gunakan Line Segment Tool atau Pen Tool, untuk menggambar beberapa garis, kali ini kita menggambar di setiap sisi di sekitar perseginya. Secara total gambar sepuluh garis dan pastikan untuk mendistribusikan secara merata. Ulangi di setiap sisi perseginya.

Ketika telah selesai berurusan dengan garis-garisnya, berikan dasar kue bulannya stroke tebal berwarna coklat.

Draw lines around the square and add an outline to the mooncakeDraw lines around the square and add an outline to the mooncakeDraw lines around the square and add an outline to the mooncake

Langkah ke-4

Bagian tengah dari kue bulannya mempunyai empat spiral bersiku. Saya menggambarnya dengan Pen Tool. Cobalah untuk meluruskan tepiannya jadi nanti mereka akan berada di tengah-tengah perseginya secara merata.

Draw angled spirals in the center of the mooncakeDraw angled spirals in the center of the mooncakeDraw angled spirals in the center of the mooncake

Langkah ke-5

Gambarlah sebuah elips dan berikan Radial Gradient, yang komposisinya dari coklat muda 100% opasitas ke coklat sedang 0% opasitas. Atur radius gradasinya dengan Gradient Tool, dan juga atur Opacity gradasinya di panel Gradient.

Lalu tempatkan bentuk gradiennya ke 14 sisi kue bulannya. Kelompokkan (Control-G) mereka bersama dan tempatkan di belakang semua desain bulan namun di atas layout dasar kue bulannya. Lakukan di panel Layers.

Add gradient shapes to the outside of the tartAdd gradient shapes to the outside of the tartAdd gradient shapes to the outside of the tart

Langkah ke-6

Gambar sebuah lingkaran yang berada di atas lingkaran yang di tengah kue bulan dan terapkan gradasi yang sama dari langkah sebelumnya. Namun untuk kali ini, anda harus mengaturnya ke Linear dan ubah Blending Mode -nya dari Normal ke Overlay di panel Tranparency. Lalu kelompokkan seluruh desainnya bersama.

Add an overlay shape for another highlightAdd an overlay shape for another highlightAdd an overlay shape for another highlight

Langkah ke-7

Di bawah ini merupakan kue bulan yang telah selesai dan basis desain untuk ikon kedua kita. Copy dan Paste kue bulan yang pertama lalu hapus semua desain yang ada di tengah.

Our mooncake design and mooncake templateOur mooncake design and mooncake templateOur mooncake design and mooncake template

Membuat Kue Bulan Bertema Bunga

Langkah ke-1

Mari kita buat sebuah lingkaran yang akan berada di tengah-tengah kue bulan kedua.

  1. Gambar sebuah lingkaran dengan Ellipse Tool. Gambar persegi yang lebih kecil di tengah lingkaran tersebut.
  2. Selanjutnya, gambar dua garis vertikal dan dua garis horisontal di tengah-tengah lingkaran dan perseginya. Distribusikan garis-garis tersebut secara merata.
  3. Gunakan Direct Selection Tool dan aturlah panjang garis-garis tersebut sampai di tepi lingkaran.

Kelompokkan desain ini bersama dan tempatkan di tengah-tengah kue bulan kedua.

Draw a waffle pattern in a circle for the second mooncakeDraw a waffle pattern in a circle for the second mooncakeDraw a waffle pattern in a circle for the second mooncake

Langkah ke-2

Untuk membuat layer pertama yang berisikan kelopak bunga, harus membuat lingkaran dengan Ellipse Tool dan menerapkan sebuah Radial Gradient dari coklat ke coklat tua, dengan yang paling gelap berada di tengah. Atur Radius Gradasinya dengan Gradient Tool. Lalu anda harus menjadikannya lebih lonjong.

Gunakan Direct Selection Tool untuk menarik ke atas anchor point yang ada di atas untuk membuat kelopak bunga.

Draw a flower petal with a radial gradient in the centerDraw a flower petal with a radial gradient in the centerDraw a flower petal with a radial gradient in the center

Langkah ke-3

Salin, Tempel, dan Rotasi setiap salinan dari kelopak bunga di tengah-tengah kue bulannya. Ulangi langkah tadi namun dengan kelopak yang lebih kecil dan tempatkan kelopak tersebut di atas kelopak yang besar. Saat ini anda seharusnya memiliki dua layer kelopak yang telah tersusun di sekitar lingkarannya. Pastikan jarak antara kelopak sama.

Evenly space out two layers of petalsEvenly space out two layers of petalsEvenly space out two layers of petals

Langkah ke-4

Layer kelopak bunga selanjutnya dimulai dengan dua petal berbentuk tetesan air. Salin dan Tempel dua objek kelopak bunga dan Unite mereka di panel Pathfinder setelah anda rotasi dan sedikit tumpang tindih (dengan cara seperti gambar di bawah).

Salin, Tempel, dan Rotasi enam objek kelopak yang barusan dibuat dan tempatkan mereka dibawah dan di antara kelopak yang lain, tepat di tengah-tengah antara kelopaknya. Lihat gambar di bawah untuk penempatan desain kue bulannya. Sekarang kita memiliki dua desain kue bulan yang mantap! Kelompokkan komponen-komponen dari desain kedua kue bulannya.

Draw larger petals and place them between the smaller ones to complete the designDraw larger petals and place them between the smaller ones to complete the designDraw larger petals and place them between the smaller ones to complete the design

Membuat Egg Tart yang Simpel

Langkah ke-1

Desain yang berbeda dapat dibuat dengan dasar dari kue bulan. Mulailah dengan membuat poligon dengan sisi yang bulat seperti yang kita telah buat di awal tutorial ini. Terapkan sebuah Radial Gradient ke poligonnya yang menjadikan coklat tua di tengah-tengah kuenya dan coklat muda di sekitar pinggiran tartnya.

Seperti yang kita lakukan di kue bulan sebelumnya, gambar gradasi highlight berbentuk elips untuk setiap 14 sisi yang berbentuk bundar tersebut. Gambar sebuah lingkaran berwarna kuning untuk tengahnya. Berikan warna strokenya coklat tua.

Draw a rounded polygon to build your egg tartDraw a rounded polygon to build your egg tartDraw a rounded polygon to build your egg tart

Langkah ke-2

Tambahkan sebuah Radial Gradient untuk lingkaran kuning tersebut. Kali ini dimulai dari kuning tua ke kuning sedang. Seperti yang di basis tartnya, anda harus menempatkan gradasinya dekat dengan pinggiran lingkarannya.

Gambar sebuah lingkaran yang lebih kecil sedikit dengan Ellipse Tool, tempatkan lingkaran tersebut di tengah desain egg tart, dan isi dengan sebuah Linear Gradient yang berasal dari kuning tua ke kuning sedang. Anda dapat melihat bagaimana gradasi kuning gelap terkonstrasi di pojok kiri atas desainnya.

Gunakan Pen Tool untuk menggambar bentuk melengkung di pojok bawah kanan dari egg tartnya. Terapkan sebuah gradasi kuning muda ke objek melengkung tadi dan kurang opasitasnya shadow dan highlight gradasinya sesuai keinginan anda. Hal ini membuat egg tartnya seperti memiliki kedalaman.

Render the egg tart with gradient shapesRender the egg tart with gradient shapesRender the egg tart with gradient shapes

Membuat Persik Panjang Umur

Langkah ke-1

Seperti desain-desain yang sebelumnya di tutorial ini, kita akan memulai lagi dengan sebuah lingkaran. Tarik anchor point yang atas ke atas sedikit dengan Direct Selection Tool. Ubah anchor point yang atas dari yang melengkung ke bentuk lancip dengan Anchor Point Tool (Shift-C) untuk membentuk roti persik yang sempurna.

Convert a circle into a cute peach bun shapeConvert a circle into a cute peach bun shapeConvert a circle into a cute peach bun shape

Langkah ke-2

Atur warna isinya dengan Radial Gradient yang berasal dari krem ke merah jambu yang pusat gradasinya berada  di sisi atas roti persiknya. Atur penempatan gradasinya dengan Gradient Tool.

Apply a radial gradient to the peach bun objectApply a radial gradient to the peach bun objectApply a radial gradient to the peach bun object

Langkah ke-3

Gambar bentuk melengkung (gambar menggunakan tool pilihan anda sendiri) di bagian atas tengah dari roti persik. Anda dapat mengisinya dengan krem gelap dan mengurangi opasitasnya atau mengisinya dengan gradasi dari krem gelap ke krem. Tambahkan stroke coklat gelap ke bentuk persiknya.

Add a cleft to the peach objectAdd a cleft to the peach objectAdd a cleft to the peach object

Langkah ke-4

Gambar bentuk tetes air yang runcing di ujung untuk membuat daun dan terapkan gradasi hijau. Tambahkan garis tepi dan sebuah garis lurus di tengah untuk membuat helai daun. Tempatkan dua daun tersebut di belakang roti persiknya dan Group seluruh desain bersama.

Add cute little leaves to the designAdd cute little leaves to the designAdd cute little leaves to the design

Membuat sebuah Onde-Onde

Langkah ke-1

Onde-onde bukan hanya mudah untuk digambar, namun aslinya sangat indah dan lezat. Gambar dua lingkaran dan isi warnanya dengan Linear Gradients yang berasal dari warna tan ke tan gelap. Di tengah salah satu lingkaran tadi, gambarlah sebuah lingkaran berwarna coklat tua yang diberikan garis tepi berwarna tan gelap. Tambahkan sebuah stroke berwarna coklat tua untuk kedua lingkaran besar.

Draw a couple circles for the sesame ballsDraw a couple circles for the sesame ballsDraw a couple circles for the sesame balls

Langkah ke-2

Untuk membuat wijen, gambarlah objek berbentuk air mata yang berwarna krem muda. Di panel Brushes, buatlah sebuah Brush Baru (New Brush) dan pilih Scatter Brush sebagai tipenya.

Coba-cobalah pengaturan Spacing dan Rotation-nya, dan pastikan Rotation-nya berhubungan dengan Path-nya. Tekan OK dan anda akan menemukan brush yang anda telah ciptakan di panel Brushes. Jangan ragu untuk membuat beberapa salinan dari brush ini dengan pengaturan Size, Spacing, Scatter, dan Rotation yang berbeda.

Create a custom scatter brushCreate a custom scatter brushCreate a custom scatter brush

Langkah ke-3

Gunakan Paintbrush Tool (B) untuk menggabar beberapa garis di atas onde-ondenya. Secara singkat anda akan memiliki wijen sempurna yang telah tersebar di desain anda! Jika spasi, ukuran, atau rotasinya kurang tepat, atur pengaturan brush anda sesuai keinginan.

Saya juga menambahkan bentuk gradasi bayangan untuk setiap onde-onde untuk memberikan kedalaman. Sekarang mari kita mendesain pangsit!

Membuat sebuah Kukusan Bambu

Langkah ke-1

Satu dari desain kita yaitu beberapa bakpao imut, membutuhkan sebuah kukusan bambu untuk dapat menyelesaikan desainnya. Mari kita buat elemen kukusannya sekarang.

  1. Mulai dengan dua elips yang identik dan sebuah persegi panjang. Pastikan panjang setiap item sama persis.
  2. Unite semua ketiga objek bersama di panel Pathfinder.
  3. Gambar elips lain dengan ukuran dan lebar yang sama seperti yang sebelumnya anda gambar untuk kukusannya, dan tempatkan elips tersebut di atas desain yang telah di-Unite.
Ellipses and a rectangle form the basic steamer shapeEllipses and a rectangle form the basic steamer shapeEllipses and a rectangle form the basic steamer shape

Langkah ke-2

Gambar elips yang lebih kecil dan berwarna coklat yang lebih gelap dari objek-objek sebelumnya yang berada di tengah-tengah kukusan untuk menunjukkan bagian dalam kukusan. Langkah ke-3

Create single or stacked steamersCreate single or stacked steamersCreate single or stacked steamers

Langkah ke-3

Ini adalah desain dasar kukusan yang akan saya gunakan. Perhatikan berapa luas bagian dalamnya: banyak ruang untuk pangsit, roti, atau isi terserah anda kukusan ini dengan desain anda yang lain.

Finalize your steamer design before creating the fillingsFinalize your steamer design before creating the fillingsFinalize your steamer design before creating the fillings

Membuat Bakpao

Langkah ke-1

Untuk membuat bakpao yang sederhana, gambar sebuah lingkaran dan tarik ke atas anchor point yang atas seperti yang kita lakukan dengan buah persik dan bentuk air mata tadi. Jaga anchor point-nya tetap melengkung, tetapi. Gunakan Pencil Tool (N), gambar sebuah bentuk seperti pinggiran kerang di atas roti-nya dan Unite dua objek tersebut bersama di panel Pathfinder atau dengan Shape Builder Tool (Shift-M).

Gambar gradasi berbentuk tetes air mata untuk menunjukkan lipatan atas rotinya dan untuk menyelesaikan bentuk rotinya, gunakan warna dan gradasi yang sama seperti desain onde-onde.

Create a simple bun from a circle and scalloped shapesCreate a simple bun from a circle and scalloped shapesCreate a simple bun from a circle and scalloped shapes

Langkah ke-2

Mari isi kukusannya dengan bakpao-bakpao!

  1. Copy dan Paste lima bakpao dan Group-kan mereka bersama di atas kukusan. Atur mereka dengan cara yang anda inginkan sehingga bakpao-bakpao tersebut seperti menyembul dari kukusan.
  2. Gambar sebuah elips yang sejajar dengan elips yang paling dalam kukusan.
  3. Gambar dan Gabungkan (Unite) sebuah persegi panjang dengan elips jadi hanya bagian setengah keatas dari bakpao nya yang tertutupi.
  4. Seleksi bentuk yang baru dibuat dan grup bakpao.
  5. Buat sebuah Clipping Mask (Control+7) dan pastikan bakpao yang terpotong pas di dalam kukusannya. Atur jalur pemotongannya begitu juga dengan kelompok bakpaonya jika perlu.
Create a clipping mask to fit the steamed buns into the steamer designCreate a clipping mask to fit the steamed buns into the steamer designCreate a clipping mask to fit the steamed buns into the steamer design

Langkah ke-3

Anda dapat membuat kukusan yang penuh oleh pangsit, bakpao, roti persik, atau apapun yang ada inginkan! Mari selesaikan desain dari kukusannya dengan menggambar dua persegi panjang yang sedikit bengkok dengan Pen Tool dan tambahkan sebuah garis di bawah persegi panjang tersebut untuk menunjukkan kukusannya adalah kukusan bambu. Group seluruh ikon kukusan bersama.

Complete the steamer designComplete the steamer designComplete the steamer design

Membuat Pangsit Kukus

Langkah ke-1

Mari kita mulai dengan membuat setengah lingkaran:

  • Gambar sebuah lingkaran dengan Ellipse Tool.
  • Tindih lingkaran dengan sebuah persegi panjang.
  • Tekan Minus Front di panel Pathfinder dan pastikan anda mengklik expand.

Sekarang anda mempunyai desain setengah lingkaran dengan cepat dan mudah!

Draw a half circle from a circle and rectangleDraw a half circle from a circle and rectangleDraw a half circle from a circle and rectangle

Langkah ke-2

Gunakan setengah lingkarannya sebagai panduan, lalu gambar di atas setengah lingkarannya bentuk seperti kerang. Anda mungkin ingin referensi tentang pangsit kukus untuk mendapatkan gambaran bagaimana bergelombang tepi luar dari desainnya. Unite dua bentuk di panel Pathfinder. Perhatikan betapa tidak sempurnanya kontur kerangnya. Saya ingin membuatnya terlihat seperti buatan tangan.

Create a simple steamed dumpling shapeCreate a simple steamed dumpling shapeCreate a simple steamed dumpling shape

Langkah ke-3

Buat pangsitnya dengan menerapkan sebuah Linear Gradient ke bentuk dasarnya, mirip seperti yang kita gunakan untuk bakpao dan onde-onde.

Gambar bentuk dari gradasinya dengan Pen Tool atau Pencil Tool antara masing-masing bentuk kerang. Tambahkan sebuah setengah lingkaran dengan Radial Gradient dari tan gelap di 100% Opasitas ke 0% Opasitas untuk memberikan penampilan seperti telah dimasak sedikit. Hal ini merupakan hal yang opsional tergantung seperti apa pangsit yang anda inginkan, terlihat dikukus atau digoreng.

Render your final dumpling designRender your final dumpling designRender your final dumpling design

Langkah ke-4

Untuk menyelesaikan ikon pangsit kukusnya, Saya Menyalin pangsit tersebut lalu Menempelkan (Paste) pangsit keduanya lalu Mengatur Ukurannya dan Merotasi nya sedikit sebelum kedua pangsit tersebut Dikelompokkan bersama. Saya juga telah menyelesaikan ikon persiknya dengan cara yang sama.

Complete your steamed dumpling iconComplete your steamed dumpling iconComplete your steamed dumpling icon

Kerja Bagus! Mari Makan!

Sekarang anda telah menyelesaikan ketujuh icon dim sumnya, anda telah siap untuk berpesta! Dim sum favorit apa lagi yang dapat anda pikirkan untuk ditambahkan ke set ikon ini? Berbagilah ide tersebut dengan kami di bagian komentar di bawah ini, dan Selamat Tahun Baru Imlek!

Complete your final icon designComplete your final icon designComplete your final icon design
One subscription.
Unlimited Downloads.
Get unlimited downloads