Crea una scena della città occupata in Illustrator

Sep 15, 2025

Come si fa

La miglior città è una città frenetica, ma quella atmosfera affollata non è una cosa facile da catturare con successo. Tuttavia con alcuni semplici come disegnare Suggerimenti Puoi portare vita alle tue scene della città, riempire l'architettura con i dettagli ... e non dovrai passare settimane su di esso.

100 straordinari tutorial Adobe Illustrator

In questo tutorial cercheremo di mettere insieme una scena di strada vivace in Illustrator - parte di Adobe's Nuvola creativa . Costruire l'architettura, aggiungendo figure, collocare mobili da strada e segnaletica e sperimentare con la mia cosa preferita: colore.

Passaggio 01.

Linework for a store – note how much of it is copy and pasted for efficiency (click image to enlarge) — Linework per un negozio - Nota Quanto è copia e incollato per efficienza (clicca sull'immagine per ingrandire)

Come iniziare la tua opera d'arte dipende da te. Potresti scegliere di iniziare da uno schizzo a matita, disegnare dritto in un tablet o andare dritto in illustratore e costruirlo in vettori da zero. Ho iniziato con uno schizzo a matita e ha rintracciato il lineework usando lo strumento Penna e Forme in AI.

Passaggio 02.

This is a great way to learn how to get spacing and proportions correct before starting to draw (click image to enlarge) — Questo è un ottimo modo per imparare come ottenere spaziature e proporzioni corrette prima di iniziare a disegnare (clicca sull'immagine per ingrandire)

Se non sei appassionato di disegnare - o stai cercando una rapida scorciatoia - quindi vai avanti e traccia una foto. Utilizzare gli strumenti di forma per costruirlo davanti alla parte anteriore, quindi gli strati in AI sono nell'ordine giusto. Quindi innanzitutto il muro di base (l'oggetto più lontano di distanza), quindi i dettagli sul muro, e così via, lavorando in modo da fare in avanti per le cornici e le porte delle finestre.

Passaggio 03.

Repeated windows, frames and fire escape (click image to enlarge) — Windows, fotogrammi e fuga antincendio ripetuti (clicca sull'immagine per ingrandire)

Le scene della città possono avere migliaia di finestre. Non vettoriali uno per uno, illustra solo uno all'inizio in Linework, quindi aggiungi colori. Gruppo tutti gli elementi insieme selezionando ogni parte e facendo clic cmd + G. . Lavoro davvero in modo efficiente copiando e incollando quella finestra.

Seleziona il gruppo di finestre, tenere premuto Shift + Alt. E spostalo nella direzione di cui hai bisogno usando i tasti freccia. Quindi rilascia il. alt chiave e continua a fare clic Maiusc + tasto freccia fino a quando la finestra successiva è in posizione. Ripeti fino a quando si formano una riga di Windows, raggruppa tutte quelle finestre insieme e creare una nuova riga qui sotto. Continua a copiare fino a quando non hai riempito il tuo edificio con finestre identiche.

Passaggio 04.

I've included three key landmarks, which are spread across the illustration (click image to enlarge) — Ho incluso tre punti di riferimento chiave, che sono distribuiti attraverso l'illustrazione (clicca sull'immagine per ingrandire)

Durante la creazione di edifici, considera sempre come la tua composizione della città si riunirà. In una vera città, i punti di riferimento o gli edifici accattivanti sono raramente uno accanto all'altro. Crea spazi attorno a questi edifici chiave e riempiono queste lacune con edifici più piccoli, case generiche o negozi.

Inizio a costruire la mia città dalla cima della cartongesso e funziona, quindi gli strati stanno costruendo dal fondo (o più lontano se stai usando prospettiva) allo strato superiore (il primo piano).

Step 05.

Space out the roads and try playing with diagonal shapes (click image to enlarge) — Spazio fuori le strade e prova a giocare con le forme diagonali (clicca sull'immagine per ingrandire)

A meno che tu non crei una scena "tetti", assicurati di creare un po 'di spazio in tutto, i luoghi per mettere persone, auto e così via. Raccomando di scoppiare da qualsiasi realismo nella composizione / prospettiva qui - Isolerò gli edifici con blocchi di colore davanti e dietro per creare le strade e le pareti. Questi possono essere semplici come preferisci (i rettangoli di base funzionano perfettamente bene), dal momento che aggiungerai un sacco di elementi in cima per portare la scena alla vita.

Passaggio 06.

The colour palette can completely change the atmosphere of a city scene (click image to enlarge) — La tavolozza dei colori può cambiare completamente l'atmosfera di una scena della città (clicca sull'immagine per ingrandire)

Con tutti gli edifici "costruiti", aggiungiamo un po 'di colore. Primo consiglio: non usare colori realistici. La maggior parte degli edifici sono simili grigi e marroni, e questo non eccita nessuno. Puoi creare una tavolozza che "sente" come una città senza usare le sfumature esatte che troverai nella vita reale.

Quindi, se stai andando per una giungla urbana tagliente, gioca con alcuni verdi ricchi, grigi sporchi e toni di legno naturale. Se stai andando per una città contemporanea soleggiata, prova a mescolare i rosa caldi e le arance con teals profondi e fresco turchese.

Passaggio 07.

These simple assets will bring a lot of extra interest to the scene (click image to enlarge) — Queste semplici risorse porteranno un sacco di ulteriore interesse per la scena (clicca sull'immagine per ingrandire)

Le tue strade stanno guardando un po 'vuote, quindi è ora di portarlo in vita. Dobbiamo aggiungere figure, segni, veicoli, mobili, luci, cassette postali e tutto il resto. Creco questi separatamente dalla mia scena della città all'inizio, tirandoli tutti fuori individualmente quindi opere d'arte in un nuovo file illustrator. Se si accumula una buona scorta di beni, possono essere riutilizzati per illustrazioni future.

Passaggio 08.

Note how easy it is to change hairstyle, skin and clothing colours to make new people (click image to enlarge) — Nota Quanto è facile cambiare i colori dell'acconciatura, della pelle e dell'abbigliamento per creare nuove persone (clicca sull'immagine per ingrandire)

È importante garantire che figure siano tutte in proporzione l'una all'altra. Trovo che è meglio iniziare con la stessa taglia cerchio per la testa di ogni figura - bambini e neonati inclusi. Il rapporto antid-to-body sproporzionato sui bambini sembra assomiglia più bambino di quando la testa è più piccola.

Sentiti libero di copiare e incollare le figure e ricolorano alcune varianti di ogni figura. Questo è un modo efficace per costruire un sacco di persone diverse per la scena.

Passaggio 09.

The details bring it all to life (click image to enlarge) — I dettagli portano tutto alla vita (clicca sull'immagine per ingrandire)

Posiziona le tue risorse in tutta la tua scena della città. Considera come queste attività potrebbero essere collocate realisticamente, ad esempio, non posizionare due degli stessi semafori o segni l'uno accanto all'altro e ripetere i lampioni a distanze uguali (utilizzare la copia e incollare la tecnica dal punto 3). È probabile che l'arredamento di strada si trovi in un punto pittoresco, accanto a un parco o un punto di riferimento.

Metti le persone in gruppi, coppie e individualmente. Dando spesso alle persone una storia - un genitore e un bambino che camminano a casa da scuola, o due colleghi che fanno jogging insieme.

Passaggio 10.

Set the scene, add little details for people to find (click image to enlarge) — Imposta la scena, aggiungi piccoli dettagli per le persone da trovare (clicca sull'immagine per ingrandire)

Per finire, lanciare alcuni dettagli speciali specifici per la posizione. Se stai illustrando una città reale, illustra alcuni poster, segni o bandiere che enfatizzano la posizione. O se stai illustrando una città generica, ma vuoi una particolare atmosfera, ottenere alcuni slogan o annunci pubblicitari che aiutano a trasmettere il tuo messaggio. Una scena della città come questa è costruita da molti, molti dettagli, dai telai delle finestre ai camminatori di cani, ma ognuno di loro porta qualcosa per l'atmosfera dinamica e occupata della tua città.

Articoli Correlati:

Recensione: Penne di tonalità di colore camaleonte
Come illustrare i libri per bambini: 7 migliori consigli
Crea una carta da parati a basso poly in C4D

Crea una scena della città occupata in Illustrator

Passaggio 01.

Passaggio 02.

Passaggio 03.

Passaggio 04.

Step 05.

Passaggio 06.

Passaggio 07.

Passaggio 08.

Passaggio 09.

Passaggio 10.

Come si fa - Articoli più popolari

Come disegnare un leone

Usa Adobe XD per creare micro interazioni

8 regole dorate di progettazione mobile

Come selezionare con Photoshop's Lasso Tools

Dipingi una lepre maliziosa in acquerello

Inizia con la ruggine

Come funziona Snaping in APP 3D

Come dipingere il vetro curvo su un casco spaziale

Categorie