Advertisement
  1. Design & Illustration
  2. Illustration
Design

Bagaimana Membuat Bungalo Tropis Pada Pantai Kelapa Dalam Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Di dalam tutorial ini kita akan membuat sebuah bungalo tropis pada sebuah background pantai kelapa dengan menggunakan bentuk dan tool paling sederhana di Adobe Illustrator.

Jika kamu ingin melewatkan tutorial ini dan hanya membeli hasil akhir bersamaan dengan rumah dan background lainnya, cukup pergi ke GraphicRiver untuk mendapatkan Set Rumah Pondok, Vila Kecil, Cottage dan Bungalo.

Lodge Chalet Cottage and Bungalow House Set preview

1. Bagaimana Membuat Dokumen Baru

Mari kita mulai project dengan membuat dokumen baru. Pergi ke File > New (atau Control/Command-N) dan persiapkan dokumen sebagai berikut:

  • Number of Artboards: 1
  • Width: 800
  • Height: 600
  • Units: pixels

Dari Tab Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen
  • Preview Mode: Default
  • Align New Objects to Pixel Grid: Tidak dicentang
Setting up a new document

2. Bagaimana Membuat Bagian Dasar Bungalo

Langkah 1

Mari kita mulai dengan membuat sebuah tembok samping dimana kita akan meletakkan bagian yang berbeda dari bungalo nyaman kita.

Pilih Rectangle Tool (M) dan buat persegi panjang 410 x 155 px, atur warna Fill ke #efb84a. Buat persegi panjang lainnya 130 x 155 px dengan warna #614727.

Creating two rectangles for the middle section

Langkah 2

Pilih persegi panjang coklat dan kuning ini dengan bantuan Selection Tool (V), dengan menahan tombol Shift. Klik lagi pada tembok kuning (kamu tidak perlu menahan tombol Shift kali ini!). Sebuah garis luar biru muncul di sekitar bentuk kuning, dan pilihan Align to Key Object secara otomatis dipilih di dalam panel Control dan Align.

Di dalam panel Align (Window > Align) atau Control, klik pada tombol Horizontal Align Left dan kemudian pada tombol Vertical Align Center.

Placing and aligning the rectangles

Langkah 3

Pilih persegi panjang coklat dengan Selection Tool (V) dan tekan Enter untuk membuka jendela pilihan Move. Atur nilai Horizontal Position ke 22 px dan Vertical position ke 0 px. Kemudian klik pada tombol Enter, yang memindahkan bentuk kita ke kanan.

Moving the doorway rectangle to the right

Langkah 4

Sekarang kita akan meniru tekstur kayu dinding dengan bantuan strip vertikal tipis. Buat sebuah bentuk 2.5 x 155 px dengan warna #d98c2f, yang menempelkan tepi kirinya ke tepi kanan persegi panjang coklat. Kemudian tekan Enter untuk menampilkan jendela Move, atur nilai Horizontal ke 10 px dan Vertical ke 0 px, memindahkan strip ke kanan.

Buat sebuah persegi panjang tipis serupa, tempelkan tepi kanannya ke tepi kanan bentuk kuning besar. Buka jendela pilihan Move dan atur nilai Horizontal ke -10 px dan Vertical ke 0 px, memindahkan strip ke kiri.

Creating two stripes on the wall

Langkah 5

Mulai berikan kedalaman pada ilustrasi kita dengan mengubah strip ke menjadi sebuah tekstur kayu dengan bantuan perintah Make Blend. Cukup pilih kedua garis dengan Selection Tool (V) sembari menahan tombol Shift. Pilih Object > Blend > Make.

Secara default, illustrator membuat sebuah transisi warna halus. Kita akan memperbaikinya dengan memilih Object > Blend > Blend Options atau dobel klik Blend tool. Ubah pilihan Spacing ke Specified Steps, mengubah nilai ke 20.

Creating wooden texture with the help of the Blend Options

Langkah 6

Mari lanjutkan menambahkan detail dengan membuat dua kursi kayu di dalam pintu masuk.

Buat sebuah persegi panjang 47 x 5 px berwarna #966a3a dengan menggunakan Rectangle Tool (M). Pilih bentuk dengan Selection Tool (V) dan tekan Enter untuk membuka jendela pilihan Move. Atur nilai Horizontal Position ke 0 px dan Vertical position ke 16 px, dan klik tombol Copy.

Creating two brown rectangles

Langkah 7

Buat sebuah persegi panjang vertikal 4.5 x 65 px berwarna coklat tua, #7a5835. Pilih bentuk ini dan persegi panjang horizontal atas yang kita buat di dalam langkah sebelumnya, dengan menahan tombol Shift. Klik lagi pada obyek vertikal (kamu tidak perlu menahan tombol Shift kali ini!). Sebuah garis tepi biru muncul di sekitar bentuk vertikal, dan Align to Key Object otomatis dipilih di dalam panel Control dan panel Align.

Di dalam panel Align (Window > Align) atau Control, klik pada tombol Horizontal Align Left dan kemudian pada tombol Vertical Align Top.

Buat persegi panjang terakhir 47 x 8 px #966a3a. Tempatkan itu sekitar 12 px di bawah dari bentuk horizontal bawah, sejajarkan ke tengah keseluruhan konstruksi. Lakukan Group (Control/Command-G) pada semua bentuk.

Finishing the chair

Langkah 8

Tarik kursi ke pintu masuk, tempatkan itu lebih dekat ke sisi kiri dan tempelkan tepi bawahnya ke bagian bawah persegi panjang pintu masuk. Pilih kursi dan kemudian pilih Reflect tool (O) dan, dengan menahan tombol Alt, klik pada bagian tengah persegi panjang background. Di dalam jendela pilihan Reflect, atur Axis ke Vertical dan tekan Copy, yang memantulkan kursi ke sisi kanan pintu masuk.

Putting the chair to the doorway

Langkah 9

Sekarang kita akan membuat pagar, yang akan kita tempatkan di depan pintu.

Mulai dengan membuat sebuah persegi panjang 130 x 3 px dengan warna #d4d1. Buka jendela Move dan salin persegi panjang, atur nilai Horizontal Position ke 0 px dan nilai Vertical ke 40 px.

Buat bentuk vertikal 3.5 x 55 px lainnya, isi itu dengan warna #c4c2c0. Tempatkan itu lebih dekat ke sisi kiri persegi panjang horizontal, sejajarkan itu ke tepi bawah obyek horizontal atas. Pilih gambar dan pergi ke Object > Arrange > Send to back. Buat persegi panjang vertical yang serupa pada bagian kanan pagar.

Making the fence

Langkah 10

Tambahkan empat persegi panjang 3.5 x 1.5 px dengan warna #a6a6a6 untuk bayangan, tempatkan mereka di atas strip vertical dan di bawah gambar horizontal.

Group (Control/Command-G) semua bagian dan letakkan pagar di dalam pintu, sejajarkan ke tengah dan tepi bawah.

Adding the shadows to the fence

Langkah 11

Karena kita belum selesai dengan detail pintu, mulai buat lampu gantung dengan membuat persegi panjang 37 x 35 px, isi dengan warna #bdae89.

Tambahkan persegi panjang 18 x 35 px warna#d1c197 dan sejajarkan itu dengan bagian tengah yang pertama. Selesaikan konstruksi dengan menambahkan persegi panjang 2.5 x 12 px #7a5835 untuk kabel, posisikan tepi bawahnya pada bagian atas persegi panjang yang lebih besar. Group (Control/Command-G) dan tempatkan lampu di dalam pintu masuk, tepat di bawah bagian atasnya, sejajarkan dengan tengah pintu.

Creating the pendant light

Langkah 12

Kita hampir selesai dengan bagian dasar. Mari tambahkan jendela.

Buat sebuah persegi panjang 140 x 88 px dan gambar 64 x 54 px dekat yang pertama, isi bentuk dengan warna #e8dfc3. Pilih persegi panjang, sambil menahan tombol Shift. Klik pada obyek besar (tanpa menahan tombol Shift kali ini!). di dalam panel Align (Window > Align) atau Control, klik pada tombol Horizontal Align Right dan kemudian pada tombol Vertical Align Top.

Kemudian pilih bentuk yang lebih kecil dan tekan Enter untuk membuka jendela pilihan Move. Atur Horizontal Position ke -160 px dan Vertical Position ke 0 px.

Building two rectangles for the windows

Langkah 13

Pilih jendela dengan Selection Tool (V) sembari menahan Shift, dan pergi ke Object > Path > Offset Path. Masukkan 4 px ke dalam kolom nilai Offset. Atur Fill garis luar ke #d1c197.

Group (Control/Command-G) bentuk dan letakkan jendela pada dinding, meninggalkan celah sekitar 5 px menuju sisi atas dan kanan bentuk kuning dasar.

Finishing the windows

3. Bagaimana Membuat Bagian Bawah Bungalo

Kita akan membuat bagian dasar rumah secara terpisah dari dinding samping. Hanya di akhir itu akan ditambahkan pada keseluruhan konstruksi. Mari kita mulai!

Langkah 1

Pertama-tama buat persegi panjang 400 x 26 px dengan warna #7a5835.

Kemudian kita akan memerlukan dua persegi panjang untuk membuat bantalan tiang. Buat satu bujur sangkar 40 x 40 px warna #d4d1cf dan gambar vertikal lainnya 18 x 57 px, isi dengan warna #c4c2c0. Tempatkan bentuk vertical di bawah garis luar bujur sangkar bawah, sejajarkan itu ke tengah dan group (Control/Command-G) kedua obyek bersama.

Sejajarkan tiang ke tepi atas dan kiri bentuk besar warna coklat.

Pilih tiang dan pilih Reflect tool (O). Dengan menahan tombol Alt, klik pada bagian tengah persegi panjang besar. Di dalam jendela pilihan Reflect, atur Axis ke Vertical dan tekan Copy, pantulkan tiang ke sisi kanan bentuk coklat.

Building the basic level and the bearing piles

Langkah 2

Buat sebuah bentuk ukuran 420 x130 px dan isi itu dengan warna #966a3a. Dengan menggunakan panel Align, sejajarkan obyek ke kiri dan bagian atas persegi panjang coklat yang lebih tua yang kita buat dalam langkah sebelumnya.

Creating and aligning the second rectangle

Langkah 3

Sekarang kita akan membuat tangga kayu. Mulai buat itu dari persegi panjang 75 x 13 px, yang akan kita warnai dengan menggunakan #b38f6a. Itu akan menjadi pijakan pertama pada tangga. Tambahkan dua bentuk vertical tipis ukuran 6 x 97 px dengan warna #966a3a pada tiap tepi luar pijakan, sejajarkan mereka ke tepi atas bentuk horizontal.

Tambahkan lagi dua persegi panjang horizontal 75 x 6 px warna #7a5835. Posisikan salah satunya sekitar 10 px di bawah pijakan atas, sejajarkan itu ke tengah. Tempatkan persegi panjang kedua 10 px di atas dari tepi bawah tepi bentuk vertikal.

Making the ladder

Langkah 4

Dengan menahan tombol Shift, pilih dua pijakan horizontal yang lebih tipis dengan Selection Tool (V). Pergi ke Object > Blend > Make.

Illustrator membuat transisi warna yang mulus. Perbaiki itu dengan memilih Object > Blend > Blend Options atau dobel klik Blend tool. Ubah pilihan Spacing ke Specified Steps, atur nilainya ke 3.

Group (Control/Command-G) semua obyek tangga dan tempatkan tangga di luar sisi kiri keseluruhan bagian bawah, sejajarkan itu ke bentuk atas.

Kemudian pilih bagian bawah rumah, kelompokkan dan tempatkan di bawah bagian dasar bungalo, sejajarkan dengan sisi kanan.

Finishing and positioning the ladder

4. Bagaimana Membuat Atap Bungalo

Langkah 1

Mari kita mulai dengan membuat persegi panjang sederhana 500 x 185 px (#966a3a) dan kemudian menambahkansebuah anchor point tepat di tengah tepi atas dengan bantuan Add Anchor Point Tool (+). Berikutnya, hapus anchor kiri dan kanan (lingkaran merah di dalam gambar) dengan mengklik pada mereka dengan Delete Anchor Point Tool (-).

Forming the triangle roof shape

Langkah 

Dengan menggunakan Direct Selection Tool (A), pilih sudut obyek atau cukup klik di dalam bentuk segitiga. Kamu dapat melihat Live Corner widget ditunjukkan di dalam sudut. Tarik indikator lingkaran ke tengah bentuk, atur radius sudut menjadi sekitar 12 px.

Tambahkan sebuah persegi panjang kecil dan tipis ukuran 9 x 26 px warna #7a5835 untuk rak atap tengah, yang akan kita sejajarkan ke tengah segitiga, menyembunyikan bagian bawahnya di balik bentuk besar.

Making the corners rounded

Langkah 3

Pilih atap dengan Selection Tool (V) dan Copy itu dengan Control/Command-C. Kemudian tempelkan dua salinan tepat di depan segitiga, dengan menekan Control/Command dua kali. Pindahkan gambar terpilih ke atas sekitar 20 px. Dengan menahan Shift, klik pada salinan atap kedua, yang menambahkan itu ke seleksi. Kemudian gunakan pilihan Minus Front pada panel Pathfinder dan isi bentuk hasil dengan warna #b38f6a, yang mendapatkan bagian atap yang lebih besar.

Creating the bottom roof section

Langkah 4

Sekarang kita akan meniru tekstur seperti jerami pada atap dengan menambahkan persegi panjang membulat yang lebih kecil. Buat dua bentuk 5 x 27 px, isi salah satunya dengan warna #7a5835 dan yang kedua dengan #b38f6a. Buat sudut persegi panjang ini membulat, dengan menarik penanda Live Corner.

Salin persegi panjang dan sebarkan salinan pada bentuk atap, membuat atapnya bertekstur. Cara lebih baik untuk membuat salinan kali ini adalah memilih bentuk dan Alt/Option-Drag seleksi (namun bukan handel pada kotak pembatas). Kamu perlu mengulangi tindakan ini beberapa kali untuk tiap persegi panjang, hingga kamu puas dengan hasilnya.

Group (Control/Command-G) semua bagian atap dan tempatkan bagian atap pada atas bagian rumah yang sebelumnya dibuat, sejajarkan itu ke tengah dinding kuning.

Adding a texture to the roof

5. Bagaimana Menambahkan Bayangan dan Sorotan Pada Bungalo

Mari tambahkan beberapa bagian gelap dan terang pada rumah untuk membuatnya lebih detail dan nyata.

Langkah 1

Pilih atap segitiga dengan Direct Selection Tool (A), dan kemudian klik kanan dan pilih Isolate Selected Path dari menu drop-down. Obyek terpisah muncul dalam penuh warna, sementara sisa artwork lainnya tampak meredup.

Pilih segitiga dan Copy itu, dengan menggunakan Control/Command-C. Klik Control-Command-F dua kali untuk mendapatkan dua salinan di atas segitiga. Pindahkan salinan atap 10 px ke kiri, tambahkan salinan kedua ke seleksi, dan gunakan pilihan Minus Front pada panel Pathfinder, mendapatkan bentuk sorotan. Isi bentuk hasil dengan warna #a87741.

Tekan Esc untuk keluar mode isolation, dengan menggunakan Selection Tool (V), dobel klik di luar group yang terisolasi.

Adding the highlight to the roof

Langkah 2

Pilih bagian tengah rumah dan masuki isolation mode. Pilih Rectangle Tool (M) dan bentuk dua persegi panjang sempit berwarna #966a3a, tempatkan mereka di bawah bentuk atap yang transparan. Karena ini akan bertindak sebagai bayangan, ubah Blending Mode ke Multiply sembari menurunkan tingkat Opacity ke 70% di dalam panel Transparency.

Dengan menggunakan metode yang sama, tambahkan sebuah bayangan pada kabel lentera dan keluar dari isolation mode.

Adding the shadows under the roof

Langkah 3

Pisahkan bagian bawah bungalo. Buat sebuah bentuk garis horizontal sempit 420 x 5 px berwarna #7a5835 untuk bayangan dan sejajarkan itu dengan garis luar bagian bawah dari persegi panjang atas, yang mengubah Blending Mode ke Multiply dan menurunkan Opacity ke 40%.

Adding the first shadow to the bottom section

Langkah 4

Pilih group bantalan tiang dengan Selection Tool (V) dan klik dengan tombol kanan mouse, pilih Isolate Selected Group lagi. Kita akan memasuki isolation mode di dalam isolation mode.

Buat sebuah persegi panjang ukuran 40 x 16 px yang akan kita isi dengan warna #a6a6a6 dan sejajarkan itu ke tengah dan atas bentuk atasnya. Ubah Blending Mode ke Multiply sembari menurunkan Opacity ke 70% di dalam panel Transparency.

Buat sebuah bentuk ukuran 18 x 20 px dengan warna yang sama, sejajarkan itu ke atas dan tengah bentuk tiang bagian bawah. Pindahkan titik kiri bawah persegi panjang ke atas sebesar 16 px, dengan menggunakan Direct Selection Tool(A), yang membentuk sebuah bayangan.

Keluar dari isolation mode dan ulangi semuanya sama persis untuk tiang kanan bungalo.

Pilih semua bagian rumah dan kelompokkan mereka. Bungalo kita sudah siap! Namun kita tetap harus mengerjakan beberapa untuk menyelesaikan ilustrasinya.

Creating the shadows for the bearing piles

6. Bagaimana Membuat Laut

Langkah 1

Buat sebuah persegi panjang 600 x 55 px berwarna apapun dan tambahkan garis hitam setebal 600 px tanpa fill, posisikan itu di bawah bagian atas persegi panjang, yang meninggalkan celah sekitar 10 px dari garis luar bagian atas.

Pilih garis dan pergi ke Effect > Distort & Transform > Zig Zag. Atur nilai Size ke 9 px, Absolute. Dan atur Ridges per segment sama dengan 9. Pilih Smooth Points dan klik OK. Pergi ke Object > Expand Appearance untuk menerapkan efek, dan kemudian putar terbalik garisnya.

Buat satu salinan garis beberapa pixels lebih rendah dan kemudian buat satu lagi salinan sekitar 20 px di bawah dari yang pertama.

Creating the rectangle and the wavy lines

Langkah 2

Pilih persegi panjang dan garis dan gunakan pilihan Divide pada panel Pathfinder, yang membagi persegi panjang kita menjadi empat bagian. Hilangkan bagian atas. Warnai gambar tersisa bagian atas dengan #f2eeeb, ubah warna bentuk kedua menjadi #ffcf75, dan isi yang terakhir dengan warna #ffb259, yang membuat permukaan laut bergelombang.

Making the wavy sea surface

Langkah 3

Tambahkan ikan sederhana untuk membuat ketinggian laut lebih detail. Kemudian kelompokkan semua bagian dan tempatkan di bawah bungalo, yang bertumpuk dengan tiang dan tangga. Group (Control/Command-G) bungalo dan laut.

Placing the sea level in front of the bungalow

7. Bagaimana Membuat Background Tropis

Yang kita perlukan sekarang adalah lansekap background yang cocok dengan bungalo nyaman kita. Kita akan menambahkan beberapa kelapa baru, tanah, dan bulan berkilau, yang akan menciptakan atmosfir.

Langkah 1

Mari mulai membuat elemen background dengan membuat pohon kelapa. Buat dua elips berbeda, tempatkan elips yang lebih besar di atas yang kecil, dan pilih mereka.

Ambil Shape Builder Tool (Shift -M) dan arahkan mouse di atas area atas lingkaran yang memotong hingga kamu melihat seleksi abu-abu. Klik sekali pada bentuk, yang mengubah itu menjadi gambar terpisah. Hapus dua bagian tersisa. Isi bagian tersisa dengan warna #e6783d dan buat persegi panjang vertical dengan warna yang sama untuk pohon. Salin putar dedaunan kelapa untuk membentuk mahkota kelapa.

Pilih semua bagian kelapa dan gabungkan ke dalam satu obyek, dengan menggunakan pilihan Unite pada panel Pathfinder.

Creating the palm shape

Langkah 2

Buat sebuah persegi panjang 600 x 70 px, warnai itu dengan menggunakan #e6783d, dan buat dua sudut atasnya melengkung.

Dengan menggunakan Ellipse Tool, buat sebuah lingkaran dengan warna #db6f37 di bawah persegi panjang. Tekan Alt-Shift dan tarik lingkaran ke kanan, yang membuat salinan. Tekan Control/Command-D beberapa kali untuk membuat lebih banyak bentuk serupa, yang mengisi sebagian besar luas persegi panjang atas. Tambahkan lingkaran yang lebih kecil ke sisi kiri dan kanan, membuatnya turun sedikit lebih rendah.

Pilih semua lingkaran dan Unite mereka di dalam Pathfinder, yang menyembunyikan bentuk hasil di balik persegi panjang horizontal dan sejajarkan itu ke bagian tengah. Kelompokkan persegi panjang dan bentuk bergelombang bersama.

Creating the orange rectangle and the wavy shape

Langkah 3

Tempatkan group ketinggian tanah di balik bungalo, sejajarkan itu ke tengah ketinggian air. Bentuk sebuah kebun kelapa pada background dengan menempatkan kelapa di belakang, duplikasikan itu, dan variasikan ukuran salinan untuk membentuk sebuah komposisi dengan keseimbangan yang baik.

Tambahkan bulan berkilau dengan warna #f2e9cb dengan Ellipse Tool (L), yang menyembunyikan itu di balik pohon kelapa, dan buat background bujur sangkar yang akan kita warnai menggunakan #fa8441.

Forming the palm groove adding the moon and the background

Langkah 4

Untuk mengisi ruang kosong dan menambahkan kedalaman pada lansekap, buat sebuah bentuk seperti awan di balik bulan dengan bantuan Pen Tool (P) atau Rectangle Tool (M), yang membuat sudut bentuk hasil melengkung.

Tambahkan siluet sederhana burung camar, tempatkan di atas lingkaran bulan.

Adding the cloud-like shape and the seagulls

Waktunya Bersantai!

Selamat! Ilustrasi bungalo tropis di pantai kelapa telah selesai!

Sekarang kamu dapat menggunakan imajinasimu dan merasakan atmosfir malam bercahaya bulan, ketika ombak memercik sementara kamu bersantai di atas kursi kayu, melihat melalui horizon.

Saya harap kamu menikmati prosesnya dan menemukan sesuatu yang baru dan berguna di dalamnya.

The result of the work

Sekarang kamu dapat membuat sendiri rumah berdasarkan pada tempat menakjubkan dimana kamu mungkin akan berpergian ke sana suatu hari.

Ilustrasi bungalo tropis ini hanyalah merupakan bagian dari Set Rumah Pondok, Vila Kecil, Cottage dan Bungalo saya, dan ada jauh lebih banyak ilustrasi perjalanan dan petualangan di dalam portofolio saya!

Lodge Chalet Cottage and Bungalow House Set preview
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.