Buat adegan kota yang sibuk di Illustrator

Sep 13, 2025

Bagaimana caranya

Kota terbaik adalah kota yang sibuk, tetapi suasana yang sibuk itu bukanlah hal yang mudah untuk ditangkap dengan sukses. Namun dengan beberapa sederhana cara menggambar Kiat Anda dapat menghidupkan adegan kota Anda, mengisi arsitektur dengan detail ... dan Anda tidak perlu menghabiskan waktu berminggu-minggu.

100 Tutorial Adobe Illustrator yang menakjubkan

Dalam tutorial ini kita akan melihat menyatukan adegan jalanan yang ramai di Illustrator - bagian dari Adobe Awan kreatif . Kami akan membangun arsitektur, menambahkan angka, menempatkan perabot jalanan dan signage dan bereksperimen dengan hal favorit saya: Warna.

Langkah 01.

Linework for a store – note how much of it is copy and pasted for efficiency (click image to enlarge) — Linework untuk toko - perhatikan berapa banyak salinan dan disisipkan untuk efisiensi (klik gambar untuk memperbesar)

Bagaimana Anda memulai karya seni Anda terserah Anda. Anda mungkin memilih untuk memulai dari sketsa pensil, menggambar langsung ke tablet atau langsung ke Illustrator dan membangunnya di vektor dari awal. Saya mulai dengan sketsa pensil dan menelusuri linter menggunakan alat pena dan bentuk di AI.

Langkah 02.

This is a great way to learn how to get spacing and proportions correct before starting to draw (click image to enlarge) — Ini adalah cara yang bagus untuk mempelajari cara mendapatkan spasi dan proporsi yang benar sebelum mulai menggambar (klik gambar untuk memperbesar)

Jika Anda tidak tertarik pada menggambar - atau Anda sedang mencari jalan pintas cepat - lalu lanjutkan dan lacak foto. Gunakan alat bentuk untuk membangunnya dari belakang ke depan, jadi lapisan dalam AI berada dalam urutan yang benar. Jadi pertama-tama tembok dasar (objek terjauh jauh), kemudian detail di dinding, dan seterusnya, bekerja dengan cara maju ke bingkai jendela dan pintu.

Langkah 03.

Repeated windows, frames and fire escape (click image to enlarge) — Windows Berulang, Bingkai dan Escape Fire (klik gambar untuk memperbesar)

Adegan kota dapat memiliki ribuan jendela. Jangan vektor mereka satu per satu, cukup ilustrasikan satu pada awalnya di Linework, lalu tambahkan warna. Kelompokkan semua elemen bersama dengan memilih setiap bagian dan mengklik cmd + g. . Saya bekerja sangat efisien dengan menyalin dan menempelkan satu jendela itu.

Pilih grup jendela, tahan Shift + Alt. dan pindahkan ke arah yang Anda butuhkan menggunakan tombol panah. Kemudian rilis alt. kunci dan terus mengklik Pergeseran + tombol panah sampai jendela berikutnya sudah ada. Ulangi sampai Anda membentuk deretan windows, lalu grup semua jendela tersebut dan buat baris baru di bawah ini. Terus menyalin sampai Anda mengisi gedung dengan jendela yang identik.

Langkah 04.

I've included three key landmarks, which are spread across the illustration (click image to enlarge) — Saya sudah memasukkan tiga landmark utama, yang tersebar di ilustrasi (klik gambar untuk memperbesar)

Saat membuat bangunan, selalu pertimbangkan bagaimana komposisi kota Anda akan bersatu. Di kota nyata, landmark atau bangunan yang menarik jarang di samping satu sama lain. Buat spasi di sekitar bangunan-bangunan utama ini, dan isi celah ini dengan bangunan kecil, rumah generik atau toko.

Saya mulai membangun kota saya dari atas artboard dan bekerja, jadi lapisan-lapisannya sedang dibangun dari bawah (atau jauh-jauh jika Anda menggunakan perspektif) ke lapisan atas (latar depan).

Langkah 05.

Space out the roads and try playing with diagonal shapes (click image to enlarge) — Ruang keluar jalan dan coba bermain dengan bentuk diagonal (klik gambar untuk memperbesar)

Kecuali Anda membuat adegan 'atap', pastikan Anda membuat ruang tanah di seluruh, tempat untuk menempatkan orang, mobil, dan sebagainya. Saya merekomendasikan untuk melepaskan diri dari realisme dalam komposisi / perspektif di sini - saya melapisi bangunan dengan blok warna di depan dan belakang untuk membuat jalan dan dinding. Ini bisa sesederhana yang Anda suka (persegi panjang dasar bekerja dengan sangat baik), karena Anda akan menambahkan banyak elemen di atas untuk membawa adegan ke kehidupan.

Langkah 06.

The colour palette can completely change the atmosphere of a city scene (click image to enlarge) — Palet warna dapat sepenuhnya mengubah suasana pemandangan kota (klik gambar untuk memperbesar)

Dengan semua bangunan 'dibangun', mari kita tambahkan beberapa warna. Kiat pertama: Jangan gunakan warna realistis. Mayoritas bangunan adalah abu-abu serupa dan cokelat, dan itu tidak menggairahkan siapa pun. Anda dapat membuat palet yang 'terasa' seperti kota tanpa menggunakan nuansa yang tepat yang akan Anda temukan dalam kehidupan nyata.

Jadi jika Anda pergi untuk hutan perkotaan yang edgy, bermain dengan beberapa hijau yang kaya, abu-abu kotor dan nada kayu alami. Jika Anda pergi untuk kota kontemporer yang cerah, cobalah mencampur pink panas dan jeruk dengan teal dalam dan pirus sejuk.

Langkah 07.

These simple assets will bring a lot of extra interest to the scene (click image to enlarge) — Aset sederhana ini akan membawa banyak minat ekstra pada adegan (klik gambar untuk memperbesar)

Jalan-jalan Anda terlihat sedikit kosong, jadi saatnya untuk membawa semuanya seumur hidup. Kita perlu menambahkan angka, tanda, kendaraan, furnitur, lampu, kotak surat, dan segalanya. Saya membuat ini secara terpisah dari adegan kota saya pada awalnya, menggambar semuanya secara individual kemudian karya seni mereka dalam file ilustrator baru. Jika Anda membangun stok aset yang baik, mereka dapat digunakan kembali untuk ilustrasi di masa depan.

Langkah 08.

Note how easy it is to change hairstyle, skin and clothing colours to make new people (click image to enlarge) — Perhatikan betapa mudahnya mengubah gaya rambut, kulit dan pakaian untuk membuat orang baru (klik gambar untuk memperbesar)

Penting untuk memastikan angka apa pun secara proporsional satu sama lain. Saya merasa terbaik untuk memulai dengan lingkaran ukuran yang sama untuk kepala setiap angka - anak-anak dan bayi. Rasio head-to-bodi yang tidak proporsional pada anak-anak tampaknya terlihat lebih seperti anak daripada ketika kepala lebih kecil.

Jangan ragu untuk menyalin dan menempelkan angka dan merekolori ulang beberapa variasi setiap angka. Ini adalah cara yang efisien untuk membangun banyak orang yang berbeda untuk adegan itu.

Langkah 09.

The details bring it all to life (click image to enlarge) — Detailnya membawa semuanya seumur hidup (klik gambar untuk memperbesar)

Posisikan aset Anda di seluruh adegan kota Anda. Pertimbangkan bagaimana aset ini dapat ditempatkan secara realistis - misalnya, jangan letakkan dua lampu lalu lintas yang sama atau tanda-tanda di samping satu sama lain, dan ulangi lampu jalan pada jarak yang sama (gunakan teknik Salin dan Tempel dari Langkah 3). Perabotan jalanan cenderung ditemukan di tempat yang indah, di samping taman atau tengara.

Tempatkan orang dalam kelompok, berpasangan dan secara individual. Saya sering memberi orang cerita - orang tua dan anak berjalan pulang dari sekolah, atau dua rekannya jogging bersama.

Langkah 10.

Set the scene, add little details for people to find (click image to enlarge) — Atur adegan, tambahkan sedikit detail untuk orang untuk menemukan (klik gambar untuk memperbesar)

Untuk menyelesaikan, lempar beberapa detail spesifik lokasi khusus di sana. Jika Anda mengilustrasikan kota yang sebenarnya, ilustrasikan beberapa poster, tanda atau bendera yang menekankan lokasi. Atau jika Anda mengilustrasikan kota generik, tetapi ingin getaran tertentu, dapatkan beberapa slogan atau iklan yang membantu menyampaikan pesan Anda. Adegan kota seperti ini dibangun dari banyak, banyak detail, dari bingkai jendela untuk pejalan kaki anjing, tetapi setiap dari mereka membawa sesuatu pada suasana kota Anda yang dinamis dan sibuk.

Artikel terkait:

Ulasan: pena nada warna bunglon
Cara mengilustrasikan buku anak-anak: 7 Tips Atas
Buat wallpaper poli rendah di C4D

Buat adegan kota yang sibuk di Illustrator

Langkah 01.

Langkah 02.

Langkah 03.

Langkah 04.

Langkah 05.

Langkah 06.

Langkah 07.

Langkah 08.

Langkah 09.

Langkah 10.

Bagaimana caranya - Artikel Terpopuler

Buat perspektif di Adobe Illustrator

cat adegan dongeng klasik dengan procreate

6 cara untuk mempercepat pemodelan Anda

Buat digital etch sketsa

Cara mensimulasikan ledakan di Maya

cat potret hewan peliharaan berbulu

Tekstur K-2SO DROID yang autentik dikenakan

Cara mendapatkan lebih banyak dari gif

Kategori