Skapa en upptagen stadscen i Illustrator

Sep 16, 2025

Hur

Den bästa staden är en upptagen stad, men den upptagen atmosfären är inte en lätt sak att fånga framgångsrikt. Men med några enkla hur man ritar Tips Du kan ta med dina stadscener till liv, fyll arkitekturen med detaljer ... och du behöver inte spendera veckor på den.

100 fantastiska Adobe Illustrator Tutorials

I den här handledningen kommer vi att titta på att sätta ihop en livlig gata-scen i Illustrator - en del av Adobe's Kreativt moln . Vi kommer att bygga arkitektur, lägga till figurer, placera gata möbler och skyltar och experimentera med min favorit sak: färg.

Steg 01.

Linework for a store – note how much of it is copy and pasted for efficiency (click image to enlarge) — LINEWORY för en butik - Observera hur mycket det är kopiera och klistra in för effektivitet (klicka på bilden för att förstora)

Hur du börjar ditt konstverk är upp till dig. Du kan välja att börja från en penna skiss, rita rakt in i en tablett eller gå rakt in i illustratören och bygga den i vektorer från början. Jag började med en penna skiss och spårade linjen med hjälp av pennan och former verktyget i AI.

Steg 02.

This is a great way to learn how to get spacing and proportions correct before starting to draw (click image to enlarge) — Detta är ett utmärkt sätt att lära sig att få avstånd och proportioner korrekt innan du börjar dra (klicka på bilden för att förstora)

Om du inte är angelägen om att dra - eller du letar efter en snabb genväg - fortsätt och spåra ett foto. Använd formverktygen för att bygga upp det från baksidan till framsidan, så lagren i AI är i rätt ordning. Så för det första grundväggen (det längsta objektet bort), så detaljer på väggen, och så vidare, arbeta dig framåt till fönsterramar och dörrar.

Steg 03.

Repeated windows, frames and fire escape (click image to enlarge) — Upprepade fönster, ramar och brandflykt (klicka på bilden för att förstora)

City scener kan ha tusentals fönster. Vector dem inte en efter en, illustrera bara en först i linjet, lägg sedan till färger. Gruppera alla element tillsammans genom att välja varje del och klicka på cmd + g . Jag jobbar verkligen effektivt genom att kopiera och klistra in det ett fönstret.

Välj fönstret, håll skift + alt och flytta den i den riktning du behöver använda piltangenterna. Släpp sedan alt nyckel och fortsätt klicka Skift + Piltangent tills nästa fönster är på plats. Upprepa tills du bildar en rad med fönster, sedan gruppera alla fönster tillsammans och skapa en ny rad nedan. Fortsätt kopiera tills du har fyllt med din byggnad med identiska fönster.

Steg 04.

I've included three key landmarks, which are spread across the illustration (click image to enlarge) — Jag har inkluderat tre viktiga landmärken, som är spridda över illustrationen (klicka på bilden för att förstora)

Medan du skapar byggnader, överväg alltid hur din stadskomposition kommer att komma ihop. I en riktig stad är de landmärken eller iögonfallande byggnaderna sällan bredvid varandra. Skapa mellanslag runt dessa nyckelbyggnader och fyll i dessa luckor med mindre byggnader, generiska hus eller butiker.

Jag börjar bygga min stad från toppen av konstkortet och arbeta ner, så lagren bygger upp från botten (eller längst bort om du använder perspektiv) till toppskiktet (förgrunden).

Steg 05.

Space out the roads and try playing with diagonal shapes (click image to enlarge) — Utrymme ut på vägarna och försök att leka med diagonala former (klicka på bilden för att förstora)

Om du inte skapar en "hustaks scen, se till att du skapar lite markutrymme hela, ställen att sätta människor, bilar och så vidare. Jag rekommenderar att du bryter bort från någon realism i kompositionen / perspektivet här - jag lagar upp byggnaderna med färgblock framför och bakom för att skapa vägar och väggar. Dessa kan vara så enkelt som du vill (grundläggande rektanglar fungerar perfekt), eftersom du lägger till massor av element på toppen för att få platsen till livet.

Steg 06.

The colour palette can completely change the atmosphere of a city scene (click image to enlarge) — Färgpaletten kan helt ändra atmosfären i en stadscene (klicka på bilden för att förstora)

Med alla byggnader "byggda", låt oss lägga till lite färg. Första tipset: Använd inte realistiska färger. Majoriteten av byggnader är liknande grå och bruna, och det exciterar inte någon. Du kan skapa en palett som "känns" som en stad utan att använda de exakta nyanser du skulle hitta i det verkliga livet.

Så om du går för en edgy urban djungel, lek med några rika gröna, smutsiga grå och naturliga trä toner. Om du går för en solig modern stad, försök att blanda heta pinks och apelsiner med djupa tegel och coola turkos.

Steg 07.

These simple assets will bring a lot of extra interest to the scene (click image to enlarge) — Dessa enkla tillgångar kommer att medföra mycket extra intresse för scenen (klicka på bilden för att förstora)

Dina gator ser lite tomma, så det är dags att få allt till livet. Vi måste lägga till figurer, tecken, fordon, möbler, ljus, brevlådor och allt annat. Jag skapar dessa separat från min stadscene först och drar dem alla ut och sedan konstverkar dem i en ny illustratörsfil. Om du bygger upp ett bra lager av tillgångar, kan de återanvändas för framtida illustrationer.

Steg 08.

Note how easy it is to change hairstyle, skin and clothing colours to make new people (click image to enlarge) — Observera hur lätt det är att byta frisyr, hud- och klädfärger för att skapa nya personer (klicka på bilden för att förstora)

Det är viktigt att se till att några siffror är i proportion till varandra. Jag tycker att det är bäst att börja med samma storlek cirkel för varje figurs huvud - barn och spädbarn ingår. Det oproportionerliga huvudkroppsförhållandet på barn verkar se mer barnliknande än när huvudet är mindre.

Känn dig fri att kopiera och klistra in siffror och återkalla några variationer av varje figur. Detta är ett effektivt sätt att bygga upp många olika människor för scenen.

Steg 09.

The details bring it all to life (click image to enlarge) — Detaljerna ger allt till liv (klicka på bilden för att förstora)

Placera dina tillgångar över hela din stadsplats. Tänk på hur dessa tillgångar kan placeras realistiskt - till exempel, placera inte två av samma trafikljus eller tecken bredvid varandra och upprepa streetlights på lika avstånd (använd kopiering och klistra in tekniken från steg 3). Gatemöbler kommer sannolikt att hittas på en pittoresk plats, bredvid en park eller landmärke.

Placera människor i grupper, par och individuellt. Jag ger ofta människor en historia - en förälder och barn som går hem från skolan, eller två kollegor joggar ihop.

Steg 10.

Set the scene, add little details for people to find (click image to enlarge) — Ställ in scenen, lägg till lite detaljer för personer att hitta (klicka på bilden för att förstora)

För att avsluta, kasta några speciella platsspecifika detaljer där inne. Om du illustrerar en verklig stad, illustrerar vissa affischer, tecken eller flaggor som betonar platsen. Eller om du illustrerar en generisk stad, men vill ha en viss atmosfär, få några slogans eller annonser som hjälper till att förmedla ditt meddelande. En stadsplats som detta är uppbyggt av många, många detaljer, från fönsterramar till hundvandrare, men var och en av dem ger något till den dynamiska, upptagna atmosfären i din stad.

Relaterade artiklar:

Recension: Chameleon färgton pennor
Hur illustrerar barnböcker: 7 Topptips
Skapa en låg poly tapeter i C4D

Skapa en upptagen stadscen i Illustrator

Steg 01.

Steg 02.

Steg 03.

Steg 04.

Steg 05.

Steg 06.

Steg 07.

Steg 08.

Steg 09.

Steg 10.

Hur - Mest populära artiklar

Hur man ritar en hund

Master Version Control för avlägsna lag

Bygg skalbara responsiva komponenter

Skapa anpassade penslar i klippstudiofärg

Hur man utformar användarvänliga mobila gränssnitt

Använd partiklar för att skapa en 3D-stänk

Hur får man mer från GIF

Modellering av ett rymdskepp för gameplay design

Kategorier