Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool
Design

Bagaimana Menggambar Bunga Aster Berbentuk Hati di Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final 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
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 sky

Langkah 2

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

white hearts

Langkah 3

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

different opacity

Langkah 4

Tempatkan mereka pada background biru seperti ini:

add to sky

Langkah 5

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

clouds

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 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 petal

Langkah 3

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

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

Langkah 4

Gambar kelopak keempat dengan mesh.

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

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.

warp

Langkah 6

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

copy petal

Langkah 7

Gambar yang satu ini dengan Mesh.

  1. #FDFEF9
  2. #ECE3D9
  3. #F4EFE7
  4. #CFC1B1
gradient 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 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 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 petal

Langkah 11

Buat yang satu ini dengan Mesh.

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

Langkah 12

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

Langkah 13

Gambar kelopak terakhir.

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

Langkah 14

Gunakan angka sebagai referensi, rakit bunga asternya.

assemble 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 daisy

Langkah 2

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

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

recolor

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.

trace

Langkah 6

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

free distort

Langkah 7

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

stroke

Langkah 8

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

multiply

Langkah 9

Tempatkan outline pada bagian atas hati.

outline

Langkah 10

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

two hearts

Langkah 11

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

transparent heart

Langkah 12

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

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

blend

Langkah 13

Atur hati ke Multiply dengan 30% Opacity.

multiply

Langkah 14

Tempatkan itu di belakang hati.

behind the heart

Langkah 15

Tempatkan bagian tengah pada bagian atas kelopak aster.

add to daisy

Langkah 16

Gambar tangkai untuk bunga dengan Mesh.

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

Langkah 17

Warp tangkai dengan Arc.

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

Expand Appearance dari objek.

bend stem

Langkah 18

Kaitkan tangkai pada dua aster tersebut.

attach stems

Langkah 19

Tempatkan aster ke background.

place 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
Dua Aster dengan Bentuk Hati di Tengah
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.