Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Bagaimana Cara membuat adegan musim dingin di Adobe Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Learn Adobe Illustrator.
Create a Hill Scene Using Gradients in Adobe Illustrator
27 Amazingly Detailed Adobe Illustrator Tutorials

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini kita akan menciptakan pemandangan hutan musim dingin yang nyaman dengan gaya datar yang trendi. Kita akan menggunakan berbagai bentuk dasar dan pemakaian Pathfinder dari Adobe Illustrator, membangun pemandangan indah yang bisa dijadikan header untuk blog atau situsmu, sebagai kartu ucapan atau ilustrasi untuk dicetak. Prosesnya sangat mudah dan komprehensif.

Pemandangan vector datar telah menjadi elemen desain yang sangat populer yang tersebar luas di spanduk iklan, layout situs web dan template brosur. Kamu dapat menemukan banyak di Envato Market dan menggabungkan beberapa konsep yang berbeda ke dalam rangkaian. Dalam tutorial ini kita akan membuat satu dari rangkaian adegan seperti itu: sebuah hutan musim dingin yang datar. Mari kita mulai!

1. Membuat Pohon Cemara Datar

Langkah 1

Mari mulai dengan membuat batang pohon pertama kita. Ambil Rectangle Tool (M) dan buat sebuah strip tipis ukuran 7 x 90 px.

Isi itu dengan warna coklat. Gunakan fitur Live Corners untuk membuat sudut-sudut garis membulat sepenuhnya dengan menarik penanda lingkaran ke tengahnya. Jika kamu menggunakan versi Adobe Illustrator sebelumnya, silahkan gunakan Effect > Stylize > Round Corners.

Tambahkan bentuk tipis lainnya dengan sudut membulat 7 x 60 px untuk cabang cemara, dan isi dengan warna biru muda.

make a tree trunk with rectangle tool

Langkah 2

Tahan Alt-Shift dan tarik bentuk biru yang dibuat ke kanan untuk membuat salinan. Tekan Control-D beberapa kali untuk membuat lebih banyak salinan. Dan mari kita tambahkan beberapa keanekaragaman cabang. Copy yang pertama dan Paste itu in Front (Control-C > Control-F). Tumpang tindih bentuknya, buat lebih pendek, tapi jaga lebar awal 7 px.

make a fir branch with rectangle tool

Langkah 3

Buat masing-masing garis sedikit lebih panjang dari yang lain dengan memilih anchor point bawahnya dengan Direct Selection Tool (A) dan tarik ke bawah. Biarkan sama lebar untuk semua bentuk. Tambahkan salinan yang lebih pendek untuk tiap garis. Warnai kembali garis-garis, secara bertahap gelapkan bentuk bagian bawah, seperti yang ditunjukkan pada gambar di bawah ini.

make a fir branch with rectangle tool 2

Langkah 4

Group(Control-G) potongan masing-masing strip untuk membentuk cabang, dan letakkan strip kita secara vertikal. Dan sekarang mari kita pilih cabang atas dan dobel klik Rotate Tool (R) untuk membuka menu Options. Atur nilai Angle menjadi 30 degrees dan ulangi tindakan yang sama untuk setiap garis, putar dengan sudut yang sama.

rotate the branches

Langkah 5

Tempatkan cabang yang diputar di sisi kiri pohon, Group (Control-G) mereka dan dobel klik Reflect Tool (O) untuk membuka menu Options. Pilih Vertical Axis dan klik Copy untuk membalik kelompok cermin ke sisi lain batang.

reflect the branches

Langkah 6

Akhirnya, mari kita membuat batang sedikit lebih rinci. Copy bentuk batang dan Paste in Front (Control-C > Control-F). Buat salinannya sedikit lebih terang. Ambil Scissors Tool (C) dan klik titik jangkar bagian atas dan bawah untuk membagi bentuk menjadi dua bagian. Hapus bagian kiri salinan.

Mengagumkan! Pohon pertama kita—cemara musim dingin—sudah siap! Mari beralih ke yang berikutnya!

use the scissors tool for the trunk

2. Render Pohon Kedua

Langkah 1

Ayo buat pohon kedua lebih tinggi. Mulailah dengan membentuk batang dua warna. Kamu bisa membuat bentuk baru, mengubah panjang dan lebarnya sesuai dengan keinginanmu, atau hanya menyalin batang dari pohon pertama dan membuatnya lebih tinggi.

Ambil Rounded Rectangle Tool dan buat dua bentuk biru muda kecil di atas batang, membentuk pohon bergaya mahkota.

Pilih bentuk biru bersama dengan batang, dan gunakan panel Align untuk menyelaraskan bentuk, pilih Align to Key Object dan klik Horizontal Align Center.

make a rounded rectangle tree crown

Langkah 2

Gandakan kedua bentuk biru (Control-C > Control-F) dan buat warnanya sedikit lebih gelap. Kemudian gunakan Scissors Tool (C) untuk membagi salinan atas terpisah dengan mengklik anchor point pada bagian samping dan hapus bagian yang tidak dibutuhkan.

Berikut adalah bagaimana tampak seharusnya pohon kedua dibandingkan dengan pohon pertama kita. Kita membuatnya lebih tinggi agar komposisi keseluruhan lebih beragam.

use scissors tool on the rounded rectangle shapes

Langkah 3

Dan mari kita tambahkan beberapa cabang ke pohon ini juga. Pertama-tama, gandakan salah satu potongan bulat dari mahkota dan letakkan di sisi kanan batang. Kemudian ambil Pen Tool (P) atau Line Segment Tool (\) dan buat bentuk bujur sangkar.

Atur warna Stroke menjadi coklat pada panel Color, dan masuk ke panel Stroke. Dari sini, atur Cap dan Corner ke posisi tengah, buat sudut dan ujung garis sedikit membulat. Dan atur Stroke Weight menjadi 3 pt.

use strokes lines to make branches

Kamu bisa membuat sudut yang lebih membulat menggunakan fitur Live Corners.

make the corners rounded with live corners feature

Langkah 4

Mari tambahkan beberapa cabang lagi di sini. Gandakan yang telah kita buat dan ubah ukuran dan posisi salinannya. Kita mungkin perlu membuat pohon lebih tinggi lagi untuk memiliki lebih banyak ruang pada cabang tambahan.

copy and add more branches

Langkah 5

Mari tambahkan semak kecil bulat yang terdiri dari dua lingkaran yang dibuat dengan Ellipse Tool (L). Lampirkan batang coklat gelap. Teman kecil ini akan membantu kita mengisi beberapa ruang kosong dari ilustrasi kita.

make a circle tree

3. Membuat Pohon Ek yang Tebal

Langkah 1

Kita akan mulai dengan membuat mahkota pohon ek kita. Bentuk persegi panjang 90 x 45 px dengan warna biru muda dan buat sudutnya bulat sepenuhnya. Buat dua persegi panjang yang lebih bundar dengan ukuran lebih kecil dan bentuk piramida, letakkan satu di atas yang lain.

form the oak crown from rectangles

Langkah 2

Bentuk Group (Control-G) dan salinannya (Control-C > Control-F), buat salinan sedikit lebih gelap. Dengan tetap memilih bagian kelompok atas dari bentuk, ambil Eraser Tool (Shift-E), tahan Alt, dan rentangkan seleksi pada separuh kanan mahkota pohon untuk menghapusnya.

add a shadow with the eraser tool

Langkah 3

Tambahkan batang pohon coklat tua di depan. Ambil Polygon Tool dan atur nilai Sides menjadi 3 untuk membuat segitiga kecil. Salin segitiga yang dibuat dan sebarkan salinan di sisi kiri mahkota dan di atas batang pohon, yang membuat pohon bertekstur.

add a trunk and triangle details

4. Membuat Pinus yang Indah 

Langkah 1

Mari kita gunakan pohon pertama yang kita buat dalam tutorial ini—pohon cemara—untuk membentuk pohon pinus yang tinggi dan detil. Pertama-tama, buat batangnya jauh lebih tinggi, tarik turun anchor point bagian bawahnya dengan Direct Selection Tool (A).

Kemudian pilih semua cabang, kecuali yang teratas, dan tekan Enter untuk membuka jendela Move. Atur nilai Horizontal menjadi 0 px dan nilai Vertical menjadi 10 px untuk memindahkan grup cabang yang dipilih 10 px ke bawah.

Batalkan pilihan cabang atas dari grup yang baru saja kita pindahkan dan ulangi aksi yang sama, pindahkan sisa cabang 10 px ke bawah.

move the branches down

Langkah 2

Sekarang warnai ulang cabang-cabangnya, beri warna cokelat agar sesuai dengan tubuh batang. Dan mari kita mulai membentuk jarum pohon pinus. Gunakan Rounded Rectangle Tool untuk ditempatkan dalam bentuk vertikal kecil di sisi kiri cabang atas.

add pine needles with rounded rectangle tool

Langkah 3

Pindahkan jarum yang dibuat di bawah cabang (Shift-Control- [). Tahan Alt-Shift dan tarik itu ke kanan dan ke atas sedikit, yang membuat sebuah salinan. Tekan Control-D beberapa kali lagi, isi dahan atas dengan model jarum. Variasikan bentuk biru, buatlah cabang lebih beragam.

add pine needles with rounded rectangle tool 2

Langkah 4

Group (Control-G) jarum yang telah kita buat untuk cabang atas, salin grup dan tempel beberapa kali untuk mengisi semua cabang kosong. Buat jarum di bagian bawah sedikit lebih panjang dengan memilih anchor point bawahnya dengan Lasso Tool (Q) dan pindahkan ke bawah dengan tombol Panah Bawah.

Kamu bisa membuat sisi kiri pohon pinus agak gelap agar terlihat lebih detail. Dan mari kita pindah ke pohon terakhir kita!

add details to the pine

5. Membuat Pohon Cemara Bergaya

Langkah 1

Akhirnya, mari kita buat pohon lainnya yang meninggalkan jarum, tapi kali ini sangat sederhana dan bergaya. Untuk memulainya, buat tiga segitiga, menggunakan Polygon Tool. Variasikan ukuran dan warna segitiga, buat yang atas kecil dan biru muda dan bagian bawahnya besar dan biru tua.

Kombinasikan segitiga, tempatkan di bawah yang lain, membentuk piramida.

make a fir tree from triangles

Langkah 2

Tambahkan satu batang dan Send to Back (Shift-Control-[). Akhirnya, buatlah satu set segitiga biru kecil dan sebarkan mereka di atas bentuk biru pohon cemara, yang menambahkan sentuhan bertekstur.

add texture to the fir tree with triangles

6. Membuat Pemandangan Hutan Musim Dingin

Langkah 1

Mari kita tempatkan pohon kita dalam deretan, gandakan beberapa dan variasikan ukurannya untuk membentuk komposisi yang seimbang. Tambahkan garis horizontal panjang dengan Rounded Rectangle Tool di bagian bawah hutan, membentuk tanah.

Kamu dapat menyusun ulang pohon, dengan menempatkan satu objek di atas yang lain dengan menggunakan Control-[ dan kombinasi tombol Control-].

Pilih semua pohon dan pergi ke panel Align. Dari sini, pilih Align to Key Object dan klik Vertical Align Bottom.

align the trees to key object

Sekarang semua pohon sejajar dengan tanah!

make a balanced composition

Langkah 2

Mari tambahkan persegi panjang berwarna terang untuk latar belakang di bawah pepohonan sehingga kita bisa membuat beberapa detail putih dan bersalju. Warnai kembali tanah horisontal menjadi putih dan tambahkan lingkaran putih kecil di sisi kiri bentuk tanah. Tekan Alt-Shift dan tarik lingkaran putih ke kanan, buat salinannya. Tekan Control-D beberapa kali untuk membuat lebih banyak salinan, yang mencakup semua bentuk dasar dengan lingkaran.

add white circles for the ground

Langkah 3

Dengan tetap memilih lingkaran, Unite di Pathfinder.  Ambil Eraser Tool (Shift-E), tahan Alt dan tarik pilihan persegi panjang di atas setengah bagian bawah bentuk lingkaran untuk menghapusnya.

unite the circles in pathfinder

Jika kamu menggabungkan lingkaran dengan garis tanah, seharusnya terlihat seperti ini.

flat forest scene composition

Langkah 4

Dan sekarang mari kita tambahkan beberapa detail terakhir ke langit untuk mengisi ruang kosong komposisi kita. Gunakan Rounded Rectangle Tool untuk membentuk bentuk 50 x 15 px. Tempatkan bentuk yang lebih kecil pada bagian atas, gerakkan ke kiri dan dengan demikian membentuk gaya awan.

Buat lebih banyak awan dan sebarkan mereka di bagian atas ilustrasi kita. Sekarang terlihat lengkap!

add clouds with rounded rectangle tool

Selamat! Ilustrasi Hutan Musim Dingin Kita Selesai!

Kerja bagus, semuanya! Pemandangan hutan musim dingin bergaya datar sudah siap! Kita telah menambahkan sedikit sentuhan akhir di sini: kepingan salju jatuh dari awan untuk membuat ilustrasi terlihat lebih detail. Saya harap kamu telah menemukan beberapa tips dan trik baru yang dapat kamu gunakan dalam pekerjaan mendatang.

Kamu bisa mendapatkan file sumber ini pada ilustrasi vector rata hutan musim dingin untuk memeriksa bagaimana pembuatannya dan melihat skema warna lain yang dapat kamu gunakan untuk membuat gambar lebih beragam dan memperluas bidang penggunaannya. Dengan mengikuti contoh ini, kamu dapat mencoba mewarnai ulang gambar tersebut, yang menggambarkan berbagai musim di tahun ini atau pencahayaan yang berbeda, atau menunjukkan suasana siang dan malam.

Selamat bersenang-senang!

flat forest scene composition
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.