1. Design & Illustration
  2. Nature

Bagaiman Cara Membuat Padang Rumput Musim Semi di Adobe Illustrator

Scroll to top
Read Time: 6 min

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

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

Dalam tutorial ini, kamu akan belajar bagaimana menggunakan Mesh Tool dan Gradient Tool di Adobe Illustrator untuk menciptakan latar belakang musim semi dengan pagar putih yang terang!

Jika kamu ingin melewatkan tutorial dan hanya menggunakan latar belakang ini, kamu dapat membeli Nature Meadow Landscape with a Bicycle dari GraphicRiver dan juga mendapatkan sepeda vektor!

nature background with bike from graphicrivernature background with bike from graphicrivernature background with bike from graphicriver
Nature Meadow Landscape with a Bicycle

1. Bagaimana Cara Membuat Latar Belakang

Langkah 1

Mari kita mulai dengan "melukis" latar belakang dengan Mesh Tool (U).

Cukup buat persegi panjang, Fill dengan warna abu-abu #F5F3EA dan, dengan menggunakan Mesh Tool, buat kisi-kisi di persegi panjang.

Lanjutkan dengan mewarnai simpul, seperti ditunjukkan pada gambar di bawah ini.

Berikut adalah warna yang kamu perlukan untuk setiap langkah:

  1. #F5F3EA
  2. #399F92
  3. #AAD2C9
  4. #52531A
  5. #D7D483
  6. #CCD8C1
  7. #E0E6C8
  8. #BFD9C7
paint the background with the mesh toolpaint the background with the mesh toolpaint the background with the mesh tool

Langkah 2

Mari kita lanjutkan membuat bukit berumput! Prosesnya sangat mirip dengan Langkah 1, namun pada akhirnya kamu harus menekuk bukitmu dengan Mesh Tool.

Buat saja beberapa simpul lagi dan buat bentuknya bergelombang dengan menariknya!

Berikut adalah warna yang kamu butuhkan:

  1. #E7E3AB
  2. #C5CD60
  3. #95A542
  4. #5B6D1C
create the grassy hillscreate the grassy hillscreate the grassy hills

Langkah 3

Dengan menggunakan Mesh Tool lagi, buatlah bukit lain dengan warna berikut:

  1. #DFDFA8
  2. #BAC569
  3. #6C8427
create another hillcreate another hillcreate another hill

Langkah 4

Tempatkan kedua bukit di atas latar belakang yang telah kita buat sebelumnya. Bukit yang lebih kecil harus disembunyikan di bawah bukit yang lebih besar.

arrange the hillsarrange the hillsarrange the hills

Langkah 5

Sekarang, buat persegi panjang dengan No Fill di bagian atas latar belakang, "yang membentuk framing" pada gambarnya. Pastikan setiap elemen yang kamu inginkan terlihat di dalam kotak.

Kemudian, pilih semua elemen dan setelah klik kanan, pilih Make Clipping Mask.

Kita akan menggunakan alat ini beberapa kali lagi di tutorial, jadi jangan lupakan begitu saja!

create a clipping maskcreate a clipping maskcreate a clipping mask

Langkah 6

Dengan Clipping Mask yang dibuat, bagian pertama gambar kita selesai!

finished background resultfinished background resultfinished background result

2. Bagaimana Cara Membuat Pagar

Langkah 1

Mari kita mulai dengan menggambar bentuk papan pagar.

Ambil Pen Tool (P) dan gambarkan setengah papan pagar. Setelah selesai garis besar, klik kanan itu dan pilih Transform > Reflect. Pilih Vertical Axis dan klik Copy untuk membuat setengah bentuk keduanya.

draw the fence shapesdraw the fence shapesdraw the fence shapes

Langkah 2

Sekarang, pindahkan setengah bagian kedua agar mencermin setengah aslinya secara sempurna (warna di bawah hanya untuk ilustrasi).

Setelah kamu berhasil, pilih kedua bagian dan dalam menu Pathfinder, pilih Unite. Ini akan menciptakan garis besar simetris penuh!

unite the pathsunite the pathsunite the paths

Langkah 3

Fill bentuknya dengan warna abu-abu (tidak masalah untuk saat ini).

Ambil Lasso Tool (L) dan pilih dua titik tengah di bagian bawah dari bentuk. Tekan Delete untuk menyingkirkannya.

Ini akan sangat penting nantinya, jadi jangan lompati langkah ini!

delete the bottom nodesdelete the bottom nodesdelete the bottom nodes

Langkah 4

Karena sekarang ada celah di bagian bawah bentuknya, gunakan Object > Path > Join untuk menyatukannya lagi.

Buat Copy dari garis besar dan sisihkan! Kita akan membutuhkannya nanti.

join the gaps togetherjoin the gaps togetherjoin the gaps together

Langkah 5

Mari menambahkan beberapa kedalaman ke papan pagar kita! Pergi ke Effect > 3D > Extrude and Bevel dan isi pengaturan berikut untuk Rotation:

  • -7°
  • 19°
  • -2°

Extrude Depth harus sekitar 5 px.

extrude and bevel optionsextrude and bevel optionsextrude and bevel options

Langkah 6

Setelah menerapkan efek ke bentuk, buat jalur keluar dari itu dengan membuka Object > Expand Appearance.

Ungroup hasilnya beberapa kali sampai kamu mendapatkan tiga jalur terpisah.

ungroup the resultungroup the resultungroup the result

Langkah 7

Pilih dua jalur yang membentuk sisi tiang pagar dan Unite mereka di panel Pathfinder.

unite the pathsunite the pathsunite the paths

Langkah 8

Warnai bagian depan pagar dengan #F1EBE1 dan samping dengan #D8CFC2.

color the fencecolor the fencecolor the fence

Langkah 9

Untuk langkah ini, kamu memerlukan foto papan kayu dengan tekstur.

Saya sarankan menggunakan foto saya sendiri, yang bisa kamu download sebagai lampiran untuk tutorial ini (texture.jpg).

Pindahkan foto ke dalam file dengan latar belakang musim semi dan buka panel Image Trace (Window > Image Trace).

Setelah memilih objek dengan tekstur, masukan pengaturan yang saya pilih ke panel (kamu mungkin perlu mengklik Advanced untuk menampilkan sisa pengaturannya) dan klik Trace.

Pengaturan Jejak Gambar:

  • Mode: Black and White
  • Threshold: 164
  • Paths: 50%
  • Corners: 75%
  • Noises: 25px
  • Create: Fills
  • Ignore White: Dicentang
wooden plank texturewooden plank texturewooden plank texture

Langkah 10

Pilih hasil dari jejak dan pergi ke Object > Expand.

expand optionsexpand optionsexpand options

Langkah 11

Di panel Transparency, atur Opacity menjadi 30% dan Transparency Mode menjadi Overlay.

transparency optionstransparency optionstransparency options

Langkah 12

Ambil garis luar yang kita buat di Langkah 4 dari bagian ini dan letakkan di atas tekstur. Buatlah Clipping Mask dari dua bentuk.

Letakkan hasilnya di atas pagar kita.

how to apply the fence texturehow to apply the fence texturehow to apply the fence texture

Langkah 13

Tarik pos sedikit ke kanan sambil menahan Shift dan Alt, buat Copy itu pada jarak yang masuk akal.

Lanjutkan dengan menekan Control-D untuk mengulangi langkah terakhirmu, efektifkan pembuatan papan sebanyak yang kamu mau. Berhenti pada pagar yang diinginkan.

create the fencecreate the fencecreate the fence

Langkah 14

Sekarang mari kita buat papan belakang untuk pagar kita!

Pertama, gambar persegi panjang sedikit lebih panjang dari pagarmu. Warnai itu dengan #EEE7DE. Tambahkan persegi panjang yang jauh lebih sempit di atas dan warnai dengan #E2DCD2.

create the fence boardcreate the fence boardcreate the fence board

Langkah 15

Pada langkah ini, kita akan membuat bayangan yang dilemparkan oleh tiang pagar.

Gambarkan dua persegi panjang vertikal berdampingan, warnai mereka dengan #7B6F5B (yang kiri) dan #DEDBD2 (yang kanan). Persegi panjang yang tepat harus sedikit lebih lebar.

Selanjutnya, atur Opacity persegi panjang kanan ke 0% dan lanjutkan ke Object > Blend > Blend Options. Tetapkan Spacing ke Specified Step dan pilih 30 untuk jumlah tersebut.

Akhirnya, pilih kedua persegi panjang dan pergi ke Object > Blend > Make.

creating the fence shadowscreating the fence shadowscreating the fence shadows

Langkah 16

Pindahkan campuran ke papan yang kita buat. Sama seperti sebelumnya, gunakan Control-D untuk Duplicate bayangan di seluruh papan.

blending the shadowsblending the shadowsblending the shadows

Langkah 17

Pindahkan papan dengan bayangan di balik pagar. Cobalah untuk membariskan bayangan dengan sempurna!

add the board to the fenceadd the board to the fenceadd the board to the fence

Langkah 18

Akhirnya, kita akan membuat sekrup yang menahan pagar kita pada tempatnya.

Gunakan Mesh Tool (U) untuk menciptakan kemiripan sekrup, ikuti langkah-langkah di bawah ini.

Berikut adalah warna yang kamu butuhkan:

  1. #D1D0C7
  2. #535044
  3. #AAA99F
  4. #B0AFA5
  5. #000000
create the screwscreate the screwscreate the screws

Langkah 19

Gunakan dua lingkaran untuk bayangan. Buat yang lebih kecil di dalam yang lebih besar tapi sedikit di luar pusat. Warnai lingkaran yang lebih besar dengan #D8D4C9 dan yang lebih kecil dengan #6C6557.

Atur Opacity lingkaran cahaya menjadi 0%, lalu lanjutkan dengan Object > Blend > Make.

add shadows to the screwsadd shadows to the screwsadd shadows to the screws

Langkah 20

Tempatkan Mesh di atas bayangan dan balikkan sedikit. Sekrup kita selesai!

add mesh to screwadd mesh to screwadd mesh to screw

Langkah 21

Letakkan sekrup di atas pagar hasil di tengah setiap persinggungan.

Gunakan Control-D untuk Duplicate sekrup setelah menggerakkan satu (sambil menahan Alt dan Shift).

add the screws to the fenceadd the screws to the fenceadd the screws to the fence

3. Bagaimana Membuat Awan dan Rumput

Langkah 1

Kini setelah pagar kita selesai, gambarnya butuh beberapa sentuhan akhir!

Jika kamu ingin memiliki awan di langit lanskap musim semi, ikuti tutorial ini: Membuat Langit Malam Dengan Awan Menggunakan Using Adobe Illustrator & Photoshop.

Setelah kamu selesai membuat awan, kembalilah ke latar belakang dan letakkan mereka di langit.

Saya sarankan buat beberapa salinan dari yang pertama dan gabungkan keduanya untuk menciptakan bentuk yang menarik!

add clouds to the backgroundadd clouds to the backgroundadd clouds to the background

Langkah 2

Untuk membuat langit kita lebih cantik lagi, ayo kita buat matahari!

Gambarkan sebuah lingkaran dan terapkan Radial Gradient yang berubah dari White menjadi #95896A menjadi black. Ubah bentuk Transparency Mode menjadi Screen.

create a suncreate a suncreate a sun

Langkah 3

Tempatkan sorotan kita di suatu tempat ke langit. Sekarang kita memiliki matahari!

place the sunplace the sunplace the sun

Langkah 4

Untuk langkah terakhir, kita bisa membuat rumput. Pelajari bagaimana membuat rumput dengan tutorial ini: Bagaimana Membuat Banner Kaca Dalam Adobe Illustrator.

Setelah kamu menyelesaikan rumput vectormu, kembali ke pagar yang kita buat di bagian sebelumnya. Letakkan di atas spanduk rumputmu sehingga bagian bawah pagar agak mencuat sedikit.

Selanjutnya, buatlah Copy rumput dan pindahkan di atas pagar. Pastikan untuk menempatkannya lebih rendah sehingga kamu bisa benar-benar masih melihat pagar!

add the grass to the fenceadd the grass to the fenceadd the grass to the fence

Langkah 5

Yang tersisa hanyalah memindahkan pagar dan rumput ke latar belakang kita! Jangan lupa gunakan Clipping Mask untuk "crop" image kamu!

add the fence to the backgroundadd the fence to the backgroundadd the fence to the background

Kerja yang Menakjubkan, Kamu Telah Selesai Sekarang!

Sekarang apa? Kamu bisa mencoba salah satu tutorial saya yang lain dari profil saya, atau melihat portofolio saya di GraphicRiver, serta gambar alam asli yang kita buat ulang dalam tutorial ini.

Saya harap kamu menikmati tutorialnya dan akan sangat senang melihat hasilnya di komentar di bawah ini!

Spring Grass Fence and Sky Background Adobe Illustrator TutorialSpring Grass Fence and Sky Background Adobe Illustrator TutorialSpring Grass Fence and Sky Background Adobe Illustrator Tutorial
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