Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Christmas
Design

Bagaimana Membuat Pemandangan Kota Musim Dingin di Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Musim dingin datang! Saatnya untuk menikmati liburan Natal yang indah, berjalanlah di jalan-jalan bersalju dan dengarkan lagu-lagu Natal sambil melihat lampu, karangan bunga dan hiasan kota-kota Eropa yang indah.

Dalam tutorial ini, kita akan membiarkan Natal mengisi imajinasi kita dan menciptakan ilustrasi jalan kota yang meriah.

Seperti biasa, Anda bisa melewatkan tutorial dan meraih hasilnya sebagai bagian dari koleksi Backgrounds Natal Travel Musim Dingin saya. Dan cari semangat Natal lagi di GraphicRiver.

Christmas Travel Winter Backgrounds set on Graphicriver

1. Bagaimana Membuat Dokumen Baru

Pertama, kita perlu menyiapkan New Document (File > New atau Control-N) dengan pengaturan ini:

  • Number of Artboards: 1
  • Width: 1200
  • Height: 1200
  • Units: pixels

Dari tab Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen
  • Preview Mode: Default
  • Hapus centang Align New Objects to Pixel Grid
Creating a new document

2. Bagaimana Membuat Rumah Musim Dingin

Langkah 1

Sebelum mulai membangun rumah pertama, pastikan Smart Guides (View > Smart Guides) telah diaktifkan. Pilihan ini akan membantu kita untuk bergerak dan menempatkan objek dengan lebih mudah.

Kemudian buat persegi panjang 224 x 395 px biru muda #579dfe dengan bantuan Rectangle Tool (M) untuk bentuk utama bangunan kami.

Bangun satu lagi bentuk 224 x 50 px (#754a3d) dan taruh di bagian bawah yang lebih besar, selaraskan ke tengahnya.

Building two rectangles

Langkah 2

Buat persegi panjang kecil cokelat (#8a5e48) yang akan berfungsi sebagai batu bata. Sebarkan batu bata di atas bagian bawah coklat bangunan dengan menyalin dan menyeretnya, meniru teksturnya.

Adding bricks

Langkah 3

Mari mulai membangun sebuah jendela dengan membuat persegi panjang 33 x 75 px yang akan kita isi dengan #bad4f7.

Pilih dan pergi ke Object > Path > Offset Path. Atur nilai Offset ke -3 px, tambahkan bentuk yang lebih kecil di dalamnya. Atur warna bentuk ke #4a5c5e.

Forming a rectangle with outline

Langkah 4

Pilih bentuk luar yang terang dan gunakan metode Offset Path lagi, atur Offset sampai 5 px untuk membuat garis besar. Warnanya dengan warna biru #447cc9. (1)

Tambahkan garis sempit lebar 3 px yang membagi jendela kita menjadi dua bagian. Buat satu lagi garis horizontal dengan lebar yang sama, letakkan di bagian atas jendela. (2)

Dengan menjaga garis horizontal yang dipilih, pilih Reflect Tool (O). Tahan tombol Alt, klik pada bagian tengah garis vertikal. Di jendela pilihan Reflect, atur Axis menjadi Horizontal dan tekan Copy, yang merefleksikan bentuknya ke bagian bawah jendela. (3)

Group (Control-G) seluruh bagian bersama-sama.

Rendering a large window

Langkah 5

Sebagai tambahan untuk yang lebih besar, kita butuh jendela yang lebih kecil untuk rumah.

Bangun persegi panjang 33 x 52 px berwarna #bad4f7.

Dengan menggunakan opsi Offset Path dan warna yang sama seperti pada langkah sebelumnya, tambahkan bentuk bagian dalam gelap, outline biru, dan garis vertikal dan horizontal yang menyilang ke jendela.

Creating a small window

Langkah 6

Mari kita beralih dan menempatkan jendela pada bentuk rumah.

Ambil jendela yang lebih besar dan seret ke tengah persegi panjang biru besar. Jaga bentuk yang dipilih dan tahan tombol Shift dan Alt, seret kanan jendela, buat salinan di sisi kanan.

Untuk mendapatkan satu salinan lagi ke arah yang sama di sisi kiri, cukup pilih jendela pertama dan tekan Enter. Jendela pilihan Move muncul. Tambahkan simbol "-" sebelum nilai Horizontal tanpa mengubah nilainya dan tekan Copy.

Creating a row of windows

Langkah 7

Buat tiga jendela lagi di atas bagian bangunan.

Kemudian tambahkan dua jendela yang lebih kecil di bagian bawah, meninggalkan ruang kosong untuk pintu masuk.

Spreading the windows over facade

Langkah 8

Waktunya membuat pintu masuk.

Buat persegi panjang 60 x 119 px (#8a5e48) dan pergi ke Object > Path > Offset Path, atur nilai Offset menjadi 10 px. Ubah warna garis besar menjadi #447cc9.

Tambahkan persegi panjang horisontal (#4a5c5e) di bagian atas bentuk dalam untuk jendela pintu.

Building a door

Langkah 9

Mari tambahkan beberapa detail ke pintu dengan membuat garis horizontal (#6e4539) tepat di bawah garis bawah jendela pintu. Kemudian letakkan garis vertikal tipis dengan warna yang sama di bagian tengah pintu yang berwarna coklat, bagilah pintunya dalam dua bagian.

Bangun satu persegi panjang lagi untuk ambang bersalju (#b3def5), selaraskan ke bagian bawah pintu. Pilih dua jangkar atas dengan Direct Selection Tool (A) dan tarik indikator lingkaran ke tengah, membuat sudut membulat.

Finishing the door

Langkah 10

Group (Control-G) semua bagian pintu bersama-sama dan letakkan pintu di rumah, selaraskan ke tepi bawahnya.

Ambil Direct Selection Tool (A) dan, tahan Shift, tarik tepi bawah garis biru ke atas, tempatkan pada tingkat yang sama dengan tepi atas bagian bata coklat.

Placing the door on the building

Langkah 11

Tambahkan beberapa garis tipis di tepi atas dan bawah jendela, membuat faset lebih rinci.

Creating decorative stripes

Langkah 12

Waktunya membuat atap untuk rumah kita.

Buat persegi panjang 234 x 140 px warna #b3def5 di bagian atas bangunan, tumpang tindih tepi atas rumah, dan sedikit di tikungan.

Salin bentuk atap dan klik Control-B untuk mendapatkan Duplikat di belakang objek utama. Pindahkan ke bawah oleh beberapa piksel  menggunakan tombol Panah dan ubah warna menjadi biru tua (#4075bd), buat efek bayangan.

Gandakan bentuk dinding biru utama. Kemudian pilih baik salinan dinding dan salinan atap menggunakan fungsi Intersect dari Pathfinder untuk memotong bentuknya. Sekarang bayangannya terlihat natural.

Drawing a roof

Langkah 13

Banyak rumah tua Eropa memiliki jendela mansard, dan saya sangat menyukai detail arsitektur ini. Mari kita tambahkan dua jendela mansard ke gedung kita.

Buatlah persegi panjang putih yang sempit dan putar dengan menahan tombol Shift. Ambil Reflect Tool (O), lalu Alt-klik pada titik jangkar teratas dari bentuk kita. Pada panel Rotate, atur Angle menjadi 90° dan klik tombol Copy. Buat kedua bentuk itu sepenuhnya membulat dan gerakkan mereka lebih dekat satu sama lain. Gabungkan persegi panjang bulat menjadi satu bentuk dengan menggunakan opsi Unite pada Pathfinder. Bentuk ini akan bertindak sebagai penutup salju di bagian atas jendela kita.

Buat persegi panjang biru kecil di bawah.

Starting build a mansard window

Langkah 14

Pilih kedua bentuk dengan Selection Tool (V), tahan tombol Alt, dan klik pada bentuk biru. Seleksi menjadi lebih tebal, menunjukkan bahwa Anda sekarang menyelaraskan ke Objek Kunci. Kepala ke panel Align dan klik tombol Horizontal Align Center.

Ambil Pen Tool (P) dan gambarlah bentuk seperti segitiga (#4075bd) yang berada tepat di tepi atas bentuk biru dan tumpang tindih dengan bentuk putih yang miring.

Pilih bentuk siku putih dan pergi menuju Object > Arrange > Bring to Front, letakkan di depan bagian lainnya.

Adding triangle shape and aligning snow cape

Langkah 15

Buat sebuah jendela kecil di dalam kotak biru dengan cara yang sama seperti yang kita lakukan sebelumnya, gunakan fungsi Offset dan Rectangle Tool (M).

Group (Control-G) semua potongan jendela mansard bersama-sama dan buat salinan cermin di bagian kiri atap, dengan mengambil Reflect Tool (O) dan klik di tengah atap sambil menahan tombol Alt.

Tambahkan persegi empat membulat putih di bawah setiap jendela faset untuk tepian jendela bersalju. Rumah pertama sudah siap!

Adding a window and a second mansard Building snowy ledges

3. Bagaimana Membuat Lebih Banyak Rumah Musim Salju

Langkah 1

Mari berpindah ke gedung abu-abu berikutnya dengan atap yang membulat.

Mulailah dengan membuat persegi panjang 225 x 395 px warna #4a5c5e. Buat satu lagi bentuk 145 x 90 px dengan warna yang sama, letakkan di tepi atas yang lebih besar dan sejajarkan dengan pusatnya. Pilih dua sudut atas, buat mereka sepenuhnya membulat, dan kemudian gabungkan dua bentuk menjadi satu dengan bantuan opsi Unite pada panel Pathfinder.

Building grey rectangle and top rounded part

Langkah 2

Gunakan metode Offset path untuk menambahkan lingkar dekoratif di sekitar bangunan. Atur warnanya ke #9ec5c9. Tarik tepi bawah lingkar ke tepi datar atas bentuk rumah. Sejajarkan tepi lingkar yang menonjol ke basis rumah utama dengan menyeretnya dengan Direct Selection Tool (A).

Adding a decorative rim on the top part

Langkah 3

Buat pintu membulat dengan tangga di bagian bawah. Gunakan fitur Live Corners untuk melengkapi bagian atas pintu, metode Offset untuk membuat pelek di sekelilingnya, dan persegi panjang sederhana untuk tangga. Gunakan #8a5e48 untuk warna pintu utama, #6e4539 untuk warna cokelat gelap, dan #7c9b9e untuk abu-abu muda.

Tempatkan tiga garis dekoratif (#7c9b9e) pada faset rumah di belakang kelompok pintu. Tambahkan langkan horisontal (#9ec5c9) di atas pintu masuk dan serasikan dua salinan lagi ke fasad bangunan, biarkan ruang kosong untuk jendela masa depan.

Tempatkan bayangan lembut di bawah langkan bawah, buat faset lebih tiga dimensi. Isi bentuk bayangan dengan #4a5c5e, dan alihkan Blending Mode ke Multiply di panel Transparency, sambil menurunkan Opacity menjadi 40%.

Creating the door decorative stripes and a shadow

Langkah 4

Buatlah sebuah jendela kecil dengan cara yang sama seperti yang kita lakukan untuk rumah sebelumnya, dengan menggunakan opsi Rectangle Tool (M) dan Offset path. Gunakan warna #b3def5 untuk jendela dan #7c9b9e untuk bingkai jendela.

Buat persegi panjang dekoratif kecil di sekeliling jendela, isi dengan #9ec5c9. Tambahkan bentuk horisontal tipis dengan warna yang sama untuk langkan jendela di bagian bawah.

Untuk memberi langkan gaya yang lebih klasik, buat lingkaran di atas langkan, sejajarkan dengan pusatnya. Pilih langkan dan lingkaran atas dan potong bagian atas lingkaran dengan Alt-klik di atasnya dengan Shape Builder Tool (Shift-M). Gabungkan kedua bentuk menjadi satu dengan opsi Unite pada Pathfinder.

Tambahkan persegi panjang membulat putih yang tumpang tindih dengan langkan, yang akan bertindak sebagai penutup salju. Group (Control-G) semua bagian bersama-sama.

Forming a window

Langkah 5

Sebarkan kelompok jendela di atas bangunan. Buat dua jendela persegi panjang yang lebih kecil dan satu jendela melingkar di bagian atas faset.

Bentuk dua kolom abu-abu (#7c9b9e) di bawah lingkar dekoratif dan kemudian tambahkan tutup salju pada tepian horizontal menggunakan persegi panjang bulat putih.

Ambil Pen Tool (P) dan buat bentuk miring untuk setengah atap bersalju (#b3def5) di sisi kiri bangunan. Seberangi sudut atap dan, jaga agar bentuknya tetap dipilih, buat bayangan cermin di sisi kanan oleh Alt-klik pada jangkar bangunan atas dengan Reflect Tool (O). Jangan lupa untuk mengatur Axis ke Vertikal dan tekan Copy pada akhirnya, seperti yang kita lakukan sebelumnya.

Bangunan abu-abu selesai. Group (Control-G) semua bagiannya bersama-sama.

Spreading windows over the building making a roof and snowy ledges

Langkah 6

Waktunya membuat bangunan terakhir dengan atap bertingkat.

Buat persegi panjang 235 x 430 px warna #ffc45c. Mulailah membentuk atap dengan menempatkan persegi panjang horizontal di tepi atas, sehingga lebih pendek di tepinya. Tambahkan dua persegi panjang lagi, satu di atas yang lain, buat masing-masing lebih pendek dari yang sebelumnya.

Tempatkan persegi panjang 235 x 140 px (#822b1a) di bagian bawah bangunan untuk lantai dasar. Tambahkan langkan sempit (#e66340) di atas tepi atasnya.

Creating stepped shape and ground floor rectangle

Langkah 7

Salin jendela dari rumah biru pertama, dan buat bagian luarnya lebih lebar sambil membuat jendela itu sendiri lebih pendek di bagian atas dan bawah. Ubah warna menggunakan #e66340 untuk bagian luar merah, #7c9b9e untuk kaca, dan #4a5c5e untuk bingkai jendela.

Tambahkan elips putih di bagian atas jendela, buat garis yang melintasi bentuk elips di atas pusatnya, dan gunakan opsi Divide dari Pathfinder saat memilih garis dan elips. Hapus setengah bagian bawah bentuknya, membentuk tutup salju

Tambahkan persegi panjang membulat putih di bagian bawah jendela untuk birai bersalju. Group (Control-G) semua bagian bersama-sama.

Buat lebih banyak salinan jendela dan atur di fasad dalam posisi simetris yang menurut Anda menarik.

Creating and copying the windows

Langkah 8

Render jendela besar untuk lantai dasar.

Kebanyakan manipulasi akan sama dengan objek sebelumnya. Mulailah dengan membuat persegi panjang 64 x 64 untuk kaca jendela (#7c9b9e). Dengan bantuan metode Offset, tambahkan dua garis besar untuk itu, gunakan #754a3d untuk cokelat ringan dan #5b1b14 untuk yang lebih gelap. Tambahkan garis sempit vertikal, akhiri bingkai jendela.

Klik pada jendela kaca dan buatlah tirai sederhana dari warna yang lebih gelap dengan Pen Tool (P), potong bagian yang luar biasa dengan Shape Builder Tool (Shift-M).

Mulailah membuat kerai dengan membangun persegi panjang merah (#e84b4a), membuat sudut atas membulat. Tambahkan beberapa garis vertikal (#e8dddd) pada kerai, potong potongan yang tidak diinginkan, dan letakkan bayangan lembut di bawah tepinya.

Tambahkan topi salju ke bagian atas kerai dan langkan bersalju ke dasarnya. Kemudian Group (Control-G) objek.

Building a large window with a sunshade

Langkah 9

Buat salinan jendela di sisi kiri, ubah warnanya menjadi kuning (#ffb636), dan buat pohon cemara sederhana untuk menambahkan perasaan Natal. Tetapkan warna pohon cemara dan tirai ke kuning yang lebih gelap.

Klik pada bentuk kuning utama dan buat bayangan siku sederhana (#eba04b) dengan Pen Tool (P).

Selesaikan bangunan dengan menempatkan batu bata oranye (#e66340) di sana-sini serta tepian di atas tepi atas atap melangkah.

Control (Control-G) seluruh bagian bersama-sama.

Adding second window a shadow and decorative bricks

4. Cara Membuat Komposisi Pemandangan Kota Musim Dingin

Langkah 1

Mari berbaris rumah kita dan tambahkan persegi panjang 1200 x 1200 px (#94cdeb) untuk latar belakang. Gunakan panel Align untuk menyelaraskan bangunan di bagian bawah.

Aligning the houses and adding blue background

Langkah 2

Ubah warna atap rumah biru dan abu-abu menjadi putih, tambahkan lebih banyak kontras dengan ilustrasi. Ubah warna tutup salju di jendela mansard ke biru yang lebih gelap.

Buat persegi panjang bulat putih untuk tingkat dasar dan buat bayangan halus di bagian bawah dengan membuat salinan (#b3def5) di belakangnya dan gerakkan ke bawah beberapa piksel.

Gambar siluet sederhana bangunan lainnya (#87c0de) di belakang rumah dengan Pen Tool (P), menambahkan lebih dalam pada ilustrasi.

Rendering background buildings and ground level

Langkah 3

Dengan bantuan bentuk sederhana dan Pen Tool (P), buat lentera jalan dan warnanya menggunakan pengaturan berikut:

  • #4a5c5e untuk abu-abu lebih gelap
  • #586e70 untuk abu-abu lebih muda
  • #ffb636 untuk kaca berwarna kuning
  • #d49322 untuk lampu

Tarik lentera pada ilustrasi, letakkan di sisi kiri dekat rumah biru, dan buat salinan lain di sisi kanan dekat bangunan kuning.

Creating a lantern

Langkah 4

Mari membuat lentera kita bersinar.

Buat lingkaran putih di belakang salah satu lentera dan isi dengan gradien radial dari putih ke hitam, ganti Blending Mode menjadi Screen. Klik dua kali pada slider gradien kiri bawah dan ubah warna putih menjadi kuning (#feb02a).

Lalu pindahkan slider gradien kiri atas sedikit ke kanan. Salin gradien, letakkan di belakang lentera kedua.

Adding lighting to the lantern

Langkah 5

Sekarang kita akan membuat kepingan salju. Gambarlah bentuk utama menggunakan Pen Tool (P) dan gambar di bawah sebagai referensi (1). Gunakan #daeffa untuk pewarnaannya.

Untuk menambahkan bagian atas yang membulat, buatlah persegi panjang membulat dan hapus bagian atasnya dengan bantuan Direct Selection Tool (A). (2)

Group (Control-G) semua bagiannya. Ambil Rotate Tool (R) dan klik pada jangkar bawah sambil menahan tombol Alt. Masukkan 90 untuk nilai Angle dan tekan Copy. Simpan salinan yang dipilih, tekan Control-D dua kali, buat dua salinan lagi dan selesaikan kepingan salju. (3) Group (Control-G) semua bagiannya bersama-sama.

Menyalin dan memvariasikan ukuran, menyebarkan kepingan salju di atas pemandangan kita untuk membentuk komposisi yang seimbang. Tambahkan beberapa lingkaran untuk meniru kepingan salju yang lebih kecil.

Forming a snowflakes

Langkah 6

Lihatlah pemandangan musim dingin Anda dan lihat apakah ada hal lain yang ingin Anda ciptakan-mungkin topi salju tambahan, beberapa rincian lebih lanjut tentang rumah, atau cahaya dari jendela.

Saya memilih untuk menambahkan lebih banyak semangat Natal ke ilustrasi dan menciptakan simbol liburan klasik, seperti karangan bunga, karangan bunga, lonceng, pohon pinus, dan beberapa hiasan lainnya. Saya juga menambahkan beberapa topi salju ke atap rumah kuning yang sudah dilipat.

Creating finishing details

Kerja yang mengagumkan Selamat!

Kerja bagus! Kita berhasil menciptakan pemandangan kota musim dingin bergaya flat yang trendi. Sekarang kita siap untuk liburan Natal!

Ilustrasi ini hanyalah bagian dari koleksi Backgrounds Natal Travel Musim Dingin saya. Dan cari lebih banyak lagi ilustrasi Natal di GraphicRiver.

Christmas Travel Winter Backgrounds set on Graphicriver

Saya harap Anda menikmati prosesnya dan mempelajari beberapa tip dan trik berguna untuk ilustrasi masa depan Anda.

Jangan ragu untuk membagikan bagaimana proyek Anda ternyata atau mengajukan pertanyaan di komentar di bawah ini. Selamat liburan Natal!

winter house scene
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.