Så här skapar du en Winter City Scene i Adobe Illustrator

Vad du ska skapa

Vintern kommer! Det är dags att njuta av den underbara julens semester, gå på snöiga gator och lyssna på jullåtar medan du tittar på ljusen, kransarna och dekorationerna av vackra europeiska städer.

I denna handledning kommer vi att låta julen magi fylla vår fantasi och skapa en festlig stadsgatan illustration.

Som alltid kan du hoppa över handledningen och ta tag i resultatet som en del av min Julresor Vinterbakgrunds samling. Och leta efter ännu mer julafton på GraphicRiver.

1. Hur man skapar ett nytt dokument

Först måste vi skapa en Nytt dokument (Fil> Ny eller Kontroll-N) med dessa inställningar:

  • Antal skyltar: 1
  • Bredd: 1200
  • Höjd: 1200
  • Enheter: pixlar

Från Avancerad flik:

  • Färg läge: RGB
  • Raster effekter: Skärm
  • Förhandsgranskningsläge: Standard
  • Avmarkera Justera nya objekt till pixelnätet

2. Hur man skapar ett vinterhus

Steg 1

Innan vi börjar bygga vårt första hus, se till att du har Smarta guider (Visa> Smarta guider) påslagen. Det här alternativet hjälper oss att flytta och placera objekt lättare.

Skapa sedan en 224 x 395 px ljusblå # 579dfe rektangel med hjälp av Rektangelverktyg (M) för huvudbyggnaden av vår byggnad.

Bygga en mer 224 x 50 px form (# 754a3d) och lägg den på den nedre delen av den större, anpassning till centrum.

Steg 2

Skapa en liten brun (# 8a5e48) rektangel som kommer att fungera som en tegelsten. Sprid tegelstenarna över den nedre brundelen av byggnaden genom att kopiera och dra dem, imitera texturen.

Steg 3

Låt oss börja bygga ett fönster genom att skapa en 33 x 75 px rektangel som vi kommer att fylla med # bad4f7.

Välj det och gå till Objekt> Path> Offset-sökväg. Ställ in Offset värde till -3 px, lägger till en mindre form inuti. Ange formfärgen till # 4a5c5e.

Steg 4

Välj den ljusa yttre formen och använd Offsetväg metod igen, inställning av Offset till 5 px att skapa en skiss. Färga den med blå # 447cc9. (1)

Lägg till en smal rand av 3 px bredd dela vårt fönster i två halvor. Skapa en mer horisontell linje av samma bredd, placera den på den övre halvan av fönstret. (2)

Om du väljer den horisontella raden väljer du Reflekteringsverktyg (O). Håller Alt nyckel, klicka på mitten av den vertikala randen. I Reflektera alternativfönstret, ställ in Axel till Horisontell och tryck på Kopia, reflekterar formen till bottenhalvan av fönstret. (3)

Grupp (Control-G) alla delar tillsammans.

Steg 5

Förutom den större behöver vi ett mindre fönster för huset.

Bygga en 33 x 52 px rektangel av # bad4f7 Färg.

Använda Offsetväg alternativ och samma färger som i föregående steg, lägg till en mörk inre form, blå kontur och korsade vertikala och horisontella ränder till fönstret.

Steg 6

Låt oss gå vidare och placera fönster på husets form.

Ta det större fönstret och dra det till mitten av den stora, blå rektangeln. Håller formen vald och håller båda Flytta och den Alt nycklar, dra fönstret rätt, skapa en kopia på höger sida.

För att få en kopia i samma riktning på vänster sida, välj bara det första fönstret och tryck på Stiga på.De Flytta alternativfönstret visas. Lägg till "-"symbol före Horisontell värde utan att ändra värdet själv och tryck på Kopia.

Steg 7

Skapa tre fler fönster på den övre delen av byggnaden.

Lägg sedan till två mindre fönster på undersidan, vilket lämnar ett tomt utrymme i mitten för ingången.

Steg 8

Tid för att skapa en ingångsdörr.

Bygga en 60 x 119 px rektangel (# 8a5e48) och gå till Objekt> Path> Offset-sökväg, ställer in Offset värde till 10 px. Ändra konturfärgen till # 447cc9.

Lägg till en horisontell rektangel (# 4a5c5e) på den övre delen av den inre formen för dörrfönstret.

Steg 9

Låt oss lägga till några detaljer på dörren genom att skapa en horisontell rand (# 6e4539) höger under dörrfönstret nederst. Placera sedan en tunnare vertikal linje av samma färg på mitten av den bruna delen av dörren, dela dörren i två delar.

Bygg en mer rektangel för snöiga tröskeln (# b3def5), anpassa den till dörrens nedre del. Välj de två övre ankare med Direktmarkeringsverktyg (A) och dra cirkelindikatorerna till mitten, vilket gör hörnen rundade.

Steg 10

Grupp (Kontroll-G) alla dörrstycken samman och placera dörren på huset, anpassning till dess nedre kant.

Ta Direktmarkeringsverktyg (A) och håller Flytta, Dra den nedre kanten av den blå dörrkonturen uppåt, placera den på samma nivå som den övre kanten på den bruna tegeldelen.

Steg 11

Lägg till flera tunna ränder som går över de övre och nedre kanterna av fönstren, vilket gör fasaden mer detaljerad.

Steg 12

Tid att skapa ett tak för vårt hus.

Bygga en 234 x 140 px rektangel av # b3def5 färg på toppen av byggnaden, överlappar husets övre kant och något runt hörnen.

Kopiera takets form och klicka Kontroll-Bför att få en Duplicera bakom huvudobjektet. Flytta ner det med några pixlar med hjälp av Pil nyckeln och ändra färgen till mörkblå (# 4075bd), vilket skapar en skuggningseffekt.

Kopiera huvudblå väggformen. Välj sedan både väggkopian och takkopian med hjälp av Korsas funktion av Stigfinnare att skära formen. Nu ser skuggan ut naturligt.

Steg 13

Många gamla europeiska hus har mansardfönster, och jag gillar verkligen denna arkitektoniska detalj. Låt oss lägga till två mansardfönster till vår byggnad.

Bara skapa en smal vit rektangel och rotera den genom att hålla Flytta nyckel. Ta Reflekteringsverktyg (O), och då Alt-klicka på den övre ankarpunkten i vår form. I Rotera panel, ställ in Vinkel till 90 ° och klicka på Kopia knapp. Gör båda formerna helt rundade och flytta dem närmare varandra. Slå samman den runda rektangeln i en form med hjälp av Förena möjlighet till Stigfinnare. Denna form kommer att fungera som snöhatt på toppen av vårt fönster.

Skapa en liten blå rektangel under.

Steg 14

Välj båda formerna med Urvalsverktyg (V), håll Alt nyckeln och klicka på den blå formen. Urvalet blir tjockare, vilket indikerar att du nu anpassar till Nyckelobjekt. Gå till Justera panelen och klicka på Horisontell inriktning Center knapp.

Ta Penverktyg (P) och rita en triangelliknande form (# 4075bd) som sitter rätt på den blå forkanten och överlappar den vinklade vita formen.

Välj den vita vinklade formen och gå till Objekt> Ordna> Ta fram, placera den framför de andra delarna.

Steg 15

Skapa ett litet fönster i den blå rektangeln på samma sätt som vi gjorde tidigare, med hjälp av Offset funktion och Rektangelverktyg (M).

Grupp (Kontroll-G) alla mansardfönstret delar tillsammans och skapar en spegelkopia på den vänstra delen av taket, genom att ta Reflekteringsverktyg (O) och klickar på mitten av taket medan du håller Alt knapp.

Lägg till vita runda rektanglar under varje fasadfönster för snöiga fönsterlister. Det första huset är klart!

3. Hur man skapar fler vinterhus

Steg 1

Låt oss flytta till nästa grå byggnad med det avrundade taket.

Börja med att göra en 225 x 395 px rektangel av # 4a5c5e Färg. Skapa en mer 145 x 90 px form av samma färg, placera den över den övre kanten av den större och anpassa sig till dess centrum. Välj de två övre hörnen, gör dem helt rundade och slå sedan samman de två formerna i en med hjälp av Förena alternativ på Stigfinnare panel.

Steg 2

Använd Förskjutningsväg Metod för att lägga till en dekorativ kant runt byggnaden. Ställ in färgen till # 9ec5c9. Drag kanten av fälgen till den övre platta kanten på husets form. Rikta ut de utstående kantkanterna mot huvudhusbasen genom att dra dem med Direktmarkeringsverktyg (A).

Steg 3

Skapa en rundad dörr med en trappa på undersidan. Använd Levande hörn funktion att runda dörrens topp, den Offset metod för att skapa en kant runt den och enkla rektanglar för trappan. Använda sig av # 8a5e48 för huvuddörrfärgen, # 6e4539 för den mörkare bruna och # 7c9b9e för ljusgrått.

Placera tre dekorativa ränder (# 7c9b9e) på husets fasad bakom dörrgruppen. Lägg till en horisontell kant (# 9ec5c9) över ingången och sprida ytterligare två exemplar av det över byggnadsfasaden, vilket lämnar tomma utrymmen för framtida fönster.

Placera en mild skugga under bottenskanten, vilket gör fasaden mer tredimensionell. Fyll i skuggformen med # 4a5c5e, och byt dess Blandningsläge till Multiplicera i Genomskinlighet panel,medan du sänker Opacitet till 40%.

Steg 4

Forma ett litet fönster på samma sätt som vi gjorde för föregående hus, med hjälp av Rektangelverktyg (M) och den Förskjutningsväg alternativ. Använda sig av # b3def5 färg för fönstret och # 7c9b9e för fönsterramen.

Skapa små dekorativa rektanglar runt fönstret och fyll i dem # 9ec5c9. Lägg till en tunn horisontell form av samma färg för fönsterkanten på undersidan.

För att ge ledgen en mer klassisk stil, gör en cirkel över ledningen, anpassning till centrum. Välj ledge och toppcirkel och klippa av den övre delen av cirkeln Alt-klicka på den med Formverktygsverktyg (Shift-M). Slå samman båda formerna i ett med Förena alternativav Stigfinnare.

Lägg till en vit rundad rektangel som överlappar kantgen, som kommer att fungera som snöhatt. Grupp (Control-G) alla delar tillsammans.

Steg 5

Sprid fönstergrupperna över byggnaden. Skapa två mindre rektangulära fönster och ett cirkulärt fönster på fasadens överdel.

Bild två grå kolumner (# 7c9b9e) under den dekorativa fälgen och lägg sedan till snäpplockor på de horisontella sidorna genom att använda vita avrundade rektanglar.

Ta Penverktyg (s) och skapa den vinklade formen för hälften av det snöiga taket (# b3def5) på vänster sida av byggnaden. Runt taket och, för att hålla formen vald, skapa en spegelreflektion av den på höger sida av Alt-klicka på toppbyggnaden ankar med Reflekteringsverktyg (O). Glöm inte att ställa in Axel till Vertikal och tryck på Kopia i slutet, som vi gjorde tidigare.

Den grå byggnaden är klar. Grupp (Control-G) alla dess delar tillsammans.

Steg 6

Tid att göra den sista byggnaden med ett stegat tak.

Skapa en 235 x 430 px rektangel av # ffc45c Färg. Börja bilda taket genom att placera en horisontell rektangel på överkanten, vilket gör det kortare vid kanterna. Lägg till ytterligare två rektanglar, en över varandra, vilket gör var och en kortare än föregående.

Placera a 235 x 140 px rektangel (# 822b1a) på botten av byggnaden för bottenvåningen. Lägg till en smal ledning (# e66340) ovanför sin övre kant.

Steg 7

Kopiera fönstret från det första blåhuset och gör dess yttre del bredare samtidigt som fönstret självt blir kortare i övre och nedre kanterna. Ändra färgerna med # e66340 för den röda utsidan, # 7c9b9e för glaset och # 4a5c5e för fönsterramen.

Lägg till en vit ellips på fönstrets övre del, skapa en linje som går över ellipsformen ovanför dess centrum och använd Dela upp möjlighet till Stigfinnare medan du väljer linjen och ellipsen. Ta bort den undre halvan av formen och bilda en snölock.

Lägg till en vit rundad rektangel i fönstrets nedre del för en snöig kant. Grupp (Control-G) alla delar tillsammans.

Gör fler kopior av fönstren och ordna dem på fasaden i någon symmetrisk position som du tycker är intressant.

Steg 8

Lämna det stora fönstret till bottenvåningen.

De flesta manipulationerna kommer att vara desamma som för föregående objekt. Börja med att skapa en 64 x 64 rektangel för fönsterglaset (# 7c9b9e). Med hjälp av Offset metod, lägg till två konturer till den, med hjälp av # 754a3d för ljusare brunt och # 5b1b14 för den mörkare. Lägg till en vertikal smal rand och avslutar fönstret.

Klicka på fönsterglaset och skapa enkla gardiner av den mörkare färgen med Penverktyg (P), skär av de utestående delarna med Formverktygsverktyg (Shift-M).

Börja med att skapa en parasoll genom att bygga en röd (# e84b4a) rektangel, vilket gör de övre hörnen avrundade. Lägg till några vertikala ränder (# e8dddd) på solskydd, skär av de oönskade bitarna och lägg en mild skugga under sin kant.

Lägg till en snöflock till toppen av solskydd och en snöig kant till botten. Sedan Grupp (Control-G) föremålen.

Steg 9

Skapa en kopia av fönstret på vänster sida, ändra färg till gul (# ffb636), och bygg en enkel gran för att lägga till en julkänsla. Ställ in granens färger och gardinerna mot den mörkare gula.

Klicka på den huvudsakliga gula formen och skapa en enkel vinklad skugga (# eba04b) med Penverktyg (P).

Avsluta byggnaden genom att placera orange (# e66340) tegelstenar här och där samt ledningar ovanför det övre takets övre kanter.

Kontroll (Control-G) alla delar tillsammans.

4. Hur man skapar en vinterstadskomposition

Steg 1

Låt oss ställa upp våra hus och lägga till en 1200 x 1200 px rektangel (# 94cdeb) för bakgrunden. Använd Justera panel för att anpassa byggnaderna längst ner.

Steg 2

Byt takfärgerna från de blå och gråa husen till vitt och lägg till mer kontrast till illustrationen. Ändra snökapslarnas färg på mansardfönstren till den mörkblå.

Skapa en vit rundad rektangel för marknivå och gör en subtil skugga på botten genom att skapa en kopia (# b3def5) bakom det och flytta ner det med några pixlar.

Rita enkla silhuetter av andra byggnader (# 87c0de) bakom husen med Penverktyg (P), lägger till mer djup i illustrationen.

Steg 3

Med hjälp av enkla former och Penverktyg (P), skapa en gata lykta och färg den med följande inställningar: 

  • # 4a5c5e för den mörkare grå
  • # 586e70 för ljusare grå
  • # ffb636 för det gula glaset
  • # d49322 för lampan

Dra lyktan på illustrationen, placera den på vänster sida nära det blå huset och gör en annan kopia på höger sida nära den gula byggnaden.

Steg 4

Låt oss få våra lyktor att lysa.

Bara skapa en vit cirkel bakom en av lyktorna och fyll den med radial gradient från vit till svart, byt dess Blandningsläge till Skärm. Dubbelklicka på den nedre vänstra gradientreglaget och ändra den vita färgen till gul (# feb02a).

Flytta sedan skjutreglaget till vänster åt vänster till vänster. Kopiera lutningen, placera den bakom den andra lykta.

Steg 5

Nu ska vi skapa en snöflinga. Rita huvudformen med hjälp av Penverktyg (P) och bilden nedan som referens (1). Använda sig av #daeffa för färgningen.

För att lägga till den avrundade överdelen, skapa bara en rundad rektangel och ta bort den övre halvan med hjälp av Direktmarkeringsverktyg (A). (2)

Grupp (Control-G) alla delar. Ta Rotera verktyg (R) och klicka på nedre ankaret medan du håller Alt knapp. Stiga på 90 för vinkelvärdet och tryck på Kopia. Om du håller den valda kopian trycker du på Kontroll-D två gånger, skapa två exemplar och slutföra snöflingan. (3) Grupp (Control-G) alla delar tillsammans.

Kopiera och variera storlekarna, sprida snöflingorna över vår scen för att bilda en välbalanserad komposition. Lägg till några cirklar för att efterlikna mindre snöflingor.

Steg 6

Ta en titt på din vinterplats och se om det finns något annat du vill skapa - kanske en extra snölock, några fler detaljer om husen eller ljus från fönstren. 

Jag valde att lägga till mer julen i illustrationen och skapade klassiska semesterns symboler, som en krans, kransar, klockor, en tall och några andra dekorationer. Också jag lade till några snöhattar till det gula huset.

Fantastiskt jobb! Grattis!

Bra jobbat! Vi har lyckats skapa en trendig vinterstadsklass i platta. Nu är vi redo för julhelgen!

Den här illustrationen är bara en del av min Julresor Vinterbakgrundsuppsamling. Och leta efter ännu fler julillustrationer på GraphicRiver.

Jag hoppas att du har haft processen och lärt dig några användbara tips och tricks för dina framtida illustrationer.

Gärna dela hur ditt projekt visade sig eller ställa frågor i kommentarerna nedan. God julhelg!