1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Bagaimana Menggambar Bunga Aster Berbentuk Hati di Illustrator

Scroll to top
Read Time: 5 min

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

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

Pada tutorial ini, Anda akan belajar bagaimana menggunakan Mesh Tool dan Warp Effects pada Adobe Illustrator untuk membuat sepasang bunga aster berbentuk hati!

Jika Anda ingin melewatkan tutorial dan menggunakan bunga-bunga ini pada pekerjaan Anda, Anda dapat membeli Dua Aster dengan Bentuk Hati Tengah dari GraphicRiver!

 Two Daisies with Heart Shaped Middles Two Daisies with Heart Shaped Middles Two Daisies with Heart Shaped Middles
Dua Aster dengan Bentuk Hati di Tengah

1. Bagaimana Membuat Background Gradient Mesh dengan Hati Transparan

Langkah 1

Mari belajar bagaimana menggaunakan Mesh Tool dengan membuat background ini!

Pertama, gambar persegi panjang, isilah dengan warna #53A1FF. Ambil Mesh Tool (U) dan buat Mesh Grid seperti pada screenshot di bawah dengan mengklik di mana titik seharusnya berada.

Berikutnya, pilih enam titik bawah seperti diindikasikan pada langkah kedua gambar, dan beri warna dengan #FFFFFF

Lanjutkan dengan cara yang sama, pertama mewarnai baris atas dari titik, sekarang dengan #A8D9FF, dan kemudian lebih banyak lagi simpul di bagian atas dengan #89C6F7.

mesh skymesh skymesh sky

Langkah 2

Dengan menggunakan Pen Tool (P), gambarlah hati yang berisi putih. Buat dua salinan kecil itu.

white heartswhite heartswhite hearts

Langkah 3

Selanjutnya, ubah Opacity dari jantung terbesar menjadi 50%, dari jantung tengah sampai 70%, dan yang terkecil sampai 30%.

different opacitydifferent opacitydifferent opacity

Langkah 4

Tempatkan mereka pada background biru seperti ini:

add to skyadd to skyadd to sky

Langkah 5

Anda juga bisa menambahkan awan. Cari tahu cara membuatnya dalam tutorial ini!

cloudscloudsclouds

2. Bagaimana Menggambar Aster

Langkah 1

Sekarang background kita selesai, mari berpindah ke bagian yang lebih sulit: menggambar aster dengan Mesh!

Gambar kelopak pertama keluar dari elips, yang Anda butuhkan untuk menambahkan node Mesh ke dan bentuk seperti yang ditunjukkan pada gambar di bawah ini.

Gunakan Mesh Tool (U) dan ikuti langkah-langkah di bawah ini, warnai simpul yang dipilih.

Anda akan membutuhkan warna berikut:

  1. #FDFEF9
  2. #F6F0E4
  3. #E8DDD0
  4. #B59F89
mesh petalmesh petalmesh petal

Langkah 2

Untuk membuat kelopak kedua, buat salinan yang pertama dan lanjutkan ke Effect > Warp > Squeeze, gunakan Bend 34% dengan Horizontal Vertikal 1% dan Vertikal 3%.

Setelah Anda menerapkan efek ini, gunakan Object > Expand Appearance. Kemudian secara manual mengubah ukuran petal agar sedikit lebih kecil.

Kami akan membuat banyak kelopak yang berbeda, jadi saya sarankan agar Anda melacak nomor yang ditetapkan untuk mereka! Anda akan membutuhkan mereka di masa depan.

warp petalwarp petalwarp petal

Langkah 3

Kembali ke Mesh untuk membuat kelopak ketiga. Ikuti langkah di bawah.

  1. #FDFEF9
  2. #FDFEF9
  3. #CBBBA9
gradient mesh petalgradient mesh petalgradient mesh petal

Langkah 4

Gambar kelopak keempat dengan mesh.

  1. #FDFEF9
  2. #F2EBE0
  3. #CFC1B1
meshmeshmesh

Langkah 5

Untuk membuat kelopak kelima, ambil salinan dari salah satu yang kita buat pada Langkah 2.

Pergi ke Effect > Warp > Arc, menggunakan pengaturan berikut:

  • Bend: 14%
  • Horizontal: 3%
  • Vertical: 19%

Jangan lupa untuk mengaplikasikan Object > Expand Appearance.

warpwarpwarp

Langkah 6

Untuk mendapat kelopak keenam, tarik saja salinan dari nomor 5.

copy petalcopy petalcopy petal

Langkah 7

Gambar yang satu ini dengan Mesh.

  1. #FDFEF9
  2. #ECE3D9
  3. #F4EFE7
  4. #CFC1B1
gradient meshgradient meshgradient mesh

Langkah 8

Untuk kelopak nomor 8, datarkan salinan dari kelopak ketujuh, dan kemudian pindah ke Effect > Warp > Arc, mengaplikasikan pengaturan berikut.

  • Bend: 8%
  • Horizontal: 14%
  • Vertical: 11%

Object > Expand Appearance.

warp meshwarp meshwarp mesh

Langkah 9

Untuk yang satu ini, ambil juga salah satu dari 7, kali ini menggunakan Effect > Warp > Squeeze.

  • Bend: 35%
  • Horizontal: -4%
  • Vertical: -14%

Jangan lupa untuk mengimplementasikan Object > Expand Appearance.

squeeze petalsqueeze petalsqueeze petal

Langkah 10

Untuk kelopak kesepuluh, kembali pada salinan dari kelopak pertama yang kita buat dan terapkan Squeeze.

  • Bend: 47%
  • Horizontal: -3%
  • Vertical: 9%

Expand Appearance dari objek.

warp petalwarp petalwarp petal

Langkah 11

Buat yang satu ini dengan Mesh.

  1. #E9DFD4
  2. #DACFC1
  3. #FDFCFB
gradient meshgradient meshgradient mesh

Langkah 12

  1. #F4EDE4
  2. #E5DCD0
  3. #EBE3D7
daisy flower petaldaisy flower petaldaisy flower petal

Langkah 13

Gambar kelopak terakhir.

  1. #F3ECE3
  2. #FEFDFD
  3. #E1D7CB
  4. #EAE1D6
mesh toolmesh toolmesh tool

Langkah 14

Gunakan angka sebagai referensi, rakit bunga asternya.

assemble daisyassemble daisyassemble daisy

3. Bagaimana Menyelesaikan Aster

Langkah 1

Satu elemen yang kurang adalah bagian tengah dari bunga matahari. Karena sangat sulit untuk menggambar itu dari awal, saya ingin beralih ke Image Trace.

Di sidebar tutorial ini, Anda akan menemukan tombol Download Attachment. Tekan dan, saat file zip didownload, unzip arsip. Salah satu file, full_daisy.jpg, adalah foto (diambil oleh saya) yang akan kita gunakan pada langkah ini.

Untuk beberapa langkah berikutnya, Anda akan membutuhkan Adobe Photoshop. Jika Anda tidak memiliki software ini, silahkan lanjut ke Langkah 4.

Pertama, buka file .jpg di Adobe Photoshop. Perbesar aster di tengah dan potong bagian tengahnya; Selanjutnya, isolasi dalam putih seperti yang ditunjukkan di sebelah kanan.

Jika Anda menemukan kesulitan ketika mengisolasi bagian tengah , gunakan daisy_cropped.jpg untuk langkah berikutnya.

photoshop daisyphotoshop daisyphotoshop daisy

Langkah 2

Pergi ke Filter > Liquify dan di sana, pilih alat pertama pada toolbar. Dengan ini, bentuk aster tengah menjadi hati

shape heartshape heartshape heart

Langkah 3

Ini harus berubah seperti ini; namun, proses ini cukup sulit dan membutuhkan perhatian besar terhadap detail. Karena itu, Anda malah bisa menggunakan file yang telah saya buat (daisy_heart.jpg) untuk langkah selanjutnya jika Anda merasa perlu.

daisy heartdaisy heartdaisy heart

Langkah 4

Buka file yang Anda buat di Photoshop (atau daisy_heart.jpg) di Adobe Illustrator.

Tweak warna sedikit dengan Edit > Edit Colors > Adjust Colors untuk membuatnya lebih terang.

recolorrecolorrecolor

Langkah 5

Pergi ke Window > Image Trace dan pada panel itu, masukan pengaturan yang Anda lihat di bawah:

  • Mode : Color
  • Palette: Full Tone
  • Colors: 100
  • Paths: 50%
  • Corners: 50%
  • Noise: 5 px

Click Trace.

tracetracetrace

Langkah 6

Ambil vektor yang dihasilkan dan gunakan Effect > Distort & Transform > Free Distort untuk meletakkannya dalam perspektif. Expand Appearance objek.

free distortfree distortfree distort

Langkah 7

Menggunakan Pen Tool (P), menggambar garis besar untuk hati. Selanjutnya, gunakan Radial Gradient (#D2A451 - #FFFFFF) ke Stroke.

strokestrokestroke

Langkah 8

Ubah Transparency Mode dari hati ke Multiply dan Opacity nya ke 60%.

multiplymultiplymultiply

Langkah 9

Tempatkan outline pada bagian atas hati.

outlineoutlineoutline

Langkah 10

Buat dua hati. Isi yang lebih kecil dengan #92621E dan yang lebih besar dengan #E8DCC8.

two heartstwo heartstwo hearts

Langkah 11

Tempatkan hati cokelat di atas hati putih dan buat hati putih benar-benar transparan.

transparent hearttransparent hearttransparent heart

Langkah 12

Pergi ke Object > Blend > Blend Options, pilih Specified Steps, dan masukkan 30.

Kemudian, pilih kedua hati dan terapkan Object > Blend > Make.

blendblendblend

Langkah 13

Atur hati ke Multiply dengan 30% Opacity.

multiplymultiplymultiply

Langkah 14

Tempatkan itu di belakang hati.

behind the heartbehind the heartbehind the heart

Langkah 15

Tempatkan bagian tengah pada bagian atas kelopak aster.

add to daisyadd to daisyadd to daisy

Langkah 16

Gambar tangkai untuk bunga dengan Mesh.

  1. #94A040
  2. #597418
  3. #FFFFFF
stem stem stem

Langkah 17

Warp tangkai dengan Arc.

  • Bend: 14%
  • Horizontal: 2%
  • Vertical: 0%

Expand Appearance dari objek.

bend stembend stembend stem

Langkah 18

Kaitkan tangkai pada dua aster tersebut.

attach stemsattach stemsattach stems

Langkah 19

Tempatkan aster ke background.

place daisiesplace daisiesplace daisies

Pekerjaan Luar Biasa, Anda Selesai!

Terima kasih telah mengikuti, dan tolong posting hasil Anda di kolom komentar. Saya akan menanti untuk melihatnya!

Pada tutorial ini, Anda belajar bagaimana membuat foto realistik aster cantik dengan Mesh Tool.

Saya harap Anda telah menikmati tutorial ini dan belajar bagaimana menggunakan beberapa alat untuk masa mendatang! Cek beberapa dari vektor tutorial saya pada halaman profil instuktur saya.

Anda juga dapat membeli bunga-bunga ini dan desain lain yang serupa pada portfolio saya di GraphicRiver.

 Two Daisies with Heart Shaped Middles Two Daisies with Heart Shaped Middles Two Daisies with Heart Shaped Middles
Dua Aster dengan Bentuk Hati di Tengah
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