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

Cara Membuat Banner Rumput

Read Time: 5 mins

Indonesian (Bahasa Indonesia) translation by Husain Ali Yahya (you can also view the original English article)

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

Di tutorial ini, kamu akan belajar cara menggunakan Mesh Tool dan efek Warp di Adobe Illustrator untuk membuat banner rumput yang segar!

Kamu bisa membeli sebuah ilustrasi yang termasuk banner rumput yang mirip bahkan dengan bunga di portofolio saya di sini.

Green GrassGreen GrassGreen Grass
Rumput Hijau

1. Cara Membuat Bilah Rumput

Langkah 1

Langkah pertama ktia akan menjadi pembuatan dari satu helai rumput. Buat sebuah persegi kecil dan panjang dengan Rectangle Tool (M).

Green rectangleGreen rectangleGreen rectangle

Langkah 2

Warnai itu hijau. Kamu bisa menggunakan #699108 seperti yang saya gunakan di tutorial ini.

Colored with 699108Colored with 699108Colored with 699108

Langkah 3

Pilih bagian atas pinggir kanan dari persegi dengan Direct Selection Tool (A) dan Hapus itu, membuat sebuah pentung segitiga.

Deleted node to create triangleDeleted node to create triangleDeleted node to create triangle

Langkah 4 

Ambil Mesh Tool (U) dan buat empat mesh nodes di interval reguler dari satu ke yang lainnya dengan mengklik tool tersebut di jalur. Pada akhirnya, kamu harus menambahkan enam mesh nodes, seperti yang didemonstrasikan di screenshot.

Created nodes with Mesh ToolCreated nodes with Mesh ToolCreated nodes with Mesh Tool

Langkah 5

Sekarang kita akan memberi warna di mesh yang telah dibuat. Kita akan mulai dengan node terendah, beri warna itu dengan warna #325001

Colored node with 325001Colored node with 325001Colored node with 325001

Langkah 6

Lalu, kita akan mengambil node kedua dari bawa h dan memberi warna #7CA10F

Colored node with 7CA10FColored node with 7CA10FColored node with 7CA10F

Langkah 7

Kita akan melanjutkan mewarnai node, gelap dan terang, seperti yang ditunjukkan di screenshot.

#4C6C06 untuk node ketiga.

Colored node with 4C6C06Colored node with 4C6C06Colored node with 4C6C06

#7CA10F  untuk node keempat.

Colored node with 7CA10F Colored node with 7CA10F Colored node with 7CA10F

 #416203 untuk node kelima.

Colored node with 416203 Colored node with 416203 Colored node with 416203

Terakhir, #7CA00D untuk node paling atas.

Colored node with 7CA00DColored node with 7CA00DColored node with 7CA00D

Langkah 8

Buat baris mesh lagi dengan klik kanan di sekitar bentuk dengan Mesh Tool (U).

Created node in the middle of the shapeCreated node in the middle of the shapeCreated node in the middle of the shape

Langkah 9

Akhiri sehelai rumput kita menjadi lebih terang dengan memilih semua node dengan Lasso Tool (Q) dan mewarnainya dengan #F3FF84.

Colored the tip with F3FF84Colored the tip with F3FF84Colored the tip with F3FF84

Langkah 10

Pilih baris tengah dari nodes menggunakan Lasso Tool (Q) dan atur warnanya dengan pergi ke Edit > Edit Colors > Adjust Colors.

Input pengaturan berikut: 17% Red, 12% Green.

Adjusted the colors 17 Red 12 GreenAdjusted the colors 17 Red 12 GreenAdjusted the colors 17 Red 12 Green

2. Cara membuat bentuk rumput dengan efek Warp

Langkah 1

Seakrang ktia akan membuat 4 kopi dari helaian rumput untuk diubah. Kamu bisa mengklonnya menggunakan Control-C, Control-V atau dengan menyeretnya sambil menahan tombol Alt.

Created five copiesCreated five copiesCreated five copies

Langkah 2

Ambil satu kopi dan ke Effect > Warp > Flag. Gunbakan pengaturan berikut:

  • 45% Bend
  • 21% Horizontal Distortion

Ini akan men-warp helai rumput dan membuatnya terlihat alami.

Warped with Flag 45 Bend 21 Horizontal DistortionWarped with Flag 45 Bend 21 Horizontal DistortionWarped with Flag 45 Bend 21 Horizontal Distortion

Langkah 3

Pilih hasilnya dan ke Object > Expand Appearance untuk mengatur bentuk dari efek yang diterapkan. Jangan lupa untuk mengulang tahap setiap warp!

Expanded AppearanceExpanded AppearanceExpanded Appearance

Langkah 4

Helai kedua akan kita modifikasi dengan Effect > Warp > Arc dengan pengaturan berikut:

  • 8% Bend
  • -6% Horizontal Distortion

Ulangi tahap 3 setelah ini:

Warped with Arc 8 Bend -6 Horizontal DistortionWarped with Arc 8 Bend -6 Horizontal DistortionWarped with Arc 8 Bend -6 Horizontal Distortion

Langkah 5

Untuk bentuk ketiga, gunakan Effect > Warp > Flag lagi, tapi dengan pengaturan berbeda.

  • -35% Bend
  • -10% Horizontal Distortion

Ulangi Langkah 3

Warped with Flag -35 Bend -10 Horizontal DistortionWarped with Flag -35 Bend -10 Horizontal DistortionWarped with Flag -35 Bend -10 Horizontal Distortion

Langkah 6

Untuk mencapai tampilan yang berbeda kamu bisa menggunakan anchor points di bentuk, gunakan Add Anchor Point (+) dan seret dengan Direct Selection Tool (A) seperti yang saya lakukan di sini.

Added Archor Point and dragged it a little downwardsAdded Archor Point and dragged it a little downwardsAdded Archor Point and dragged it a little downwards

Langkah 7

Kita pergi ke bentuk keempat. terapkan Effect > Warp > Rise dengan pengaturan berikut.

  • -46% Bend
  • 26% Horizontal Distortion
  • 1% Vertical Distortion

Ulangi tahap 3

Warped with Rise -46 Bend 26 Horizontal Distortion 1 Vertical DistortionWarped with Rise -46 Bend 26 Horizontal Distortion 1 Vertical DistortionWarped with Rise -46 Bend 26 Horizontal Distortion 1 Vertical Distortion

Langkah 8

Akhirnya, ubah sisa bentuk menggunakan  Effect > Warp > Flag dengan pengaturan beriktu:

  • 75% Bend
  • 71% Horizontal Distortion
  • 1% Vertical Distortion

ulangi langkah 3

Warped with Flag 71 Bend 71 Horizontal Distortion 1 Vertical DistortionWarped with Flag 71 Bend 71 Horizontal Distortion 1 Vertical DistortionWarped with Flag 71 Bend 71 Horizontal Distortion 1 Vertical Distortion

Langkah 9

Kita telaha selesai dengan Warping! Sekarang kita akan membutar helaian rumput sehingga menghadap dengan beanr. Pilih kelima item dan buat kopi (Control-C, Control-V)  dari mereka.

Created a copy of the grassCreated a copy of the grassCreated a copy of the grass

Langkah 10

Pilih kopi dan ke Edit > Edit Colors > Adjust Colors, untuk membuat rumput jadi lebih gelap.

  • -18% Red
  • -19% Green
Adjusted the colors -18 Red -19 GreenAdjusted the colors -18 Red -19 GreenAdjusted the colors -18 Red -19 Green

Langkah 11

Buat satu kopi dari rumput yang asli dan atur warnanya juga.

Edit > Edit Colors > Adjust Colors

  • 12% Red
  • 13% Green
Adjusted the colors 12 Red 13 GreenAdjusted the colors 12 Red 13 GreenAdjusted the colors 12 Red 13 Green

langkah 12

Sekarang kamu telah memiliki semua warna mari pikirkan panbjang dari rumput.

Pilih semua rumput yang telah kita buat, buat kopi, dan ubah ukuran dari rumput sedikit untuk membuatnya lebih pendek.

Created more copies and scaled them to look shorterCreated more copies and scaled them to look shorterCreated more copies and scaled them to look shorter

3. Cara membuat Banner Rumputmu Sendiri.

Sekarang kamu telah memiliki semua tipe rumput tugas selanjutnya tergantung kreativitasmu.

Langkah 1

Menggunakan helaian rumput yang telah kita buat, buat rumput yang berjejer stu sama lainnya. Kamu bisa mengkopi bentuk dan mengirimnya ke belakang (Shift-Control-[) atau ke depan (Shift-Control-]). tentu saja kamu bisa memodifikasi bagian yang berbeda menggunakan fungsi yang kita telah pelajari di tutorial ( mengganti warna, warping. dll )

Arranging the grassArranging the grassArranging the grass

Lanjutkan ketika kamu telah puas dengan rumputmu. Kamu bisa menggunakan milikku sebagai inspirasi.

Final arranged pictureFinal arranged pictureFinal arranged picture

Langkah 2

Jika kamu puas dengan hasil akhir pilih rumputnya buat grup (Control-G) dan pindahkan ke tempat originalnya sambil menahan tombol Alt. Ini akan mengkopinya Di sana tidak boleh ada tempat kosong antara dua grup.

Copying the grass patch - do not leave white spacesCopying the grass patch - do not leave white spacesCopying the grass patch - do not leave white spaces

Langkah 3

Jaga grup kedua terpilih dan tekan Control-D. Ini akan mengkopinya lagi.
Ulang tahap ini hingga kamu senang dengan panjang banner mu.

Final bannerFinal bannerFinal banner

4. Mempermanisnya

Kita hampir selesai! Yang tersisa adalah membuat bannermu tampak lebih baik.

Langkah 1

Buat sebuah persegi putih dengan Rectangle Tool (M). Ukurannya tidak penting sekarang.
Pilih Mesh Tool (U) dan buat sebuah nodetepat di tengah bentuk.

White rectangle mesh node in the middleWhite rectangle mesh node in the middleWhite rectangle mesh node in the middle

Langkah 2

Pilih tiga node di bawah dengan Lasso Tool (Q) dan terapkan warna #293500 ke mereka.

Coloring the bottom row with 293500Coloring the bottom row with 293500Coloring the bottom row with 293500

Langkah 3

Selanjutnya pilih node ditengah dan beri warna #B8B87A.

Coloring the middle row with B8B87AColoring the middle row with B8B87AColoring the middle row with B8B87A

Langkah 4

Bukan panel Transparency (Window > Transparency) dan terapkan Multiply Transparency mode ke bentuk.

Setting the Transparency to MultiplySetting the Transparency to MultiplySetting the Transparency to Multiply

Langkah 5

Ubah ukurannya sehingga pas denga bagian bawah banner rumput. Jika kamu merasa bayangannya terlalu gelap atur Opacity di panel Tranparency - Saya buat menjadi 70%.

Scaling the shape so it goes from the bottom to about the half of the bannerScaling the shape so it goes from the bottom to about the half of the bannerScaling the shape so it goes from the bottom to about the half of the banner

Tahap 6

Di sini kita menerapakan Clipping Mask untuk memotong banner.

Jadi sekarang, kita membuat sebuah persegi dan meletakkannya di atas gambar. Itu harus meliputi semua yang ingin kamu miliki di gambar akhir.

Creating rectangle for Clipping MaskCreating rectangle for Clipping MaskCreating rectangle for Clipping Mask

Langkah 7

Pilih semuanya (Control-A) dan klik kanan dan pilih Make Clipping Mask.

Doing the Clipping MaskDoing the Clipping MaskDoing the Clipping Mask

Selamat kamu telah selesai!

Sekarang apa? Kamu bisa bermain dengan bannermu, contohnya merotasi model rumput yang lain. Kamu juga bisa mengganti warna bayangannya juga.

Final ResultFinal ResultFinal Result

Di tutorial ini kamu telah belajar cara membuat latar rumput terutama menggunakan Mest Tool dan aneka Warp Effects!

Saya harap kamu menikmati tutorial ini dan belajar beberapa alat berguna untuk nanti!

Banner rumput ini secara unik dibuat melalui tutorial ini tapi kamu bisa mencari banner rumput lainnya di ilustrasi ini dan bahkan lebih banyak di Portofolio saya!

Green GrassGreen GrassGreen Grass
Banner Rumput Hijau
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