Slik lager du en Winter City Scene i Adobe Illustrator

Hva du skal skape

Vinteren kommer! Det er på tide å nyte den fantastiske feriejule atmosfæren, gå på snødekte gater og lytte til julesanger mens du ser på lysene, kransene og dekorasjonene av vakre europeiske byer.

I denne opplæringen vil vi la julen magien fylle vår fantasi og lage en festlig bygateillustrasjon.

Som alltid kan du hoppe over opplæringen og få tak i resultatet som en del av min Christmas Travel Winter Backgrounds samling. Og se etter enda mer julegave på GraphicRiver.

1. Hvordan lage et nytt dokument

Først må vi sette opp en Nytt dokument (Fil> Ny eller Kontroll-N) med disse innstillingene:

  • Antall kunstbrett: 1
  • Bredde: 1200
  • Høyde: 1200
  • enheter: piksler

Fra Avansert tab:

  • Fargemodus: RGB
  • Raster effekter: Skjerm
  • Forhåndsvisningsmodus: Misligholde
  • Fjern merkingen Juster nye objekter til pikselruten

2. Hvordan lage et vinterhus

Trinn 1

Før vi begynner å bygge vårt første hus, sørg for at du har Smart Guides (Se> Smart Guides) skrudd på. Dette alternativet hjelper oss å flytte og plassere objekter lettere.

Deretter oppretter du en 224 x 395 px lyse blå # 579dfe rektangel ved hjelp av Rektangelverktøy (M) for hovedbygningen av bygningen vår.

Bygg en mer 224 x 50 px form (# 754a3d) og legg den på den nederste delen av den større, som retter seg mot midten.

Steg 2

Lag en liten brun (# 8a5e48) rektangel som vil fungere som en murstein. Spred mursteinene over den nedre brune delen av bygningen ved å kopiere og dra dem, etterligne tekstur.

Trinn 3

La oss begynne å bygge et vindu ved å lage en 33 x 75 px rektangel som vi vil fylle med # bad4f7.

Velg den og gå til Objekt> Path> Offset Path. Sett offset verdi til -3 px, legger til en mindre form på innsiden. Sett formfarge til # 4a5c5e.

Trinn 4

Velg den lyse ytre formen og bruk Offset-banen metode igjen, innstilling av offset til 5 px å lage en oversikt. Farge den med blå # 447cc9. (1)

Legg til en smal stripe av 3 px bredde deler vinduet inn i to halvdeler. Lag en mer horisontal linje av samme bredde, plasser den på den øverste halvdelen av vinduet. (2)

Hvis du velger den horisontale linjen, velger du Reflekteringsverktøy (O). Holding the alt nøkkel, klikk på midten av den vertikale stripen. I Reflektere alternativvindu, sett inn Akser til Horisontal og trykk Kopiere, reflekterer formen til nederste halvdel av vinduet. (3)

Gruppe (Control-G) alle delene sammen.

Trinn 5

I tillegg til den større, trenger vi et mindre vindu for huset.

Bygge en 33 x 52 px rektangel av # bad4f7 farge.

Bruker Offset-banen alternativet og de samme fargene som i forrige trinn, legg til en mørk indre form, blå kontur og krysset vertikale og horisontale striper til vinduet.

Trinn 6

La oss gå videre og plassere vinduer på husformen.

Ta det større vinduet og dra det til midten av det store, blå rektangel. Holde formen valgt og holder begge Skifte og alt nøkler, dra vinduet til høyre, opprett en kopi på høyre side.

For å få en ekstra kopi i samme retning på venstre side, velg bare det første vinduet og trykk Tast inn.De Bevege seg alternativvinduet vises. Legg til "-"symbol før Horisontal verdi uten å endre verdien selv og trykk Kopiere.

Trinn 7

Lag tre nye vinduer på toppen av bygningen.

Deretter legger du til to mindre vinduer på bunnen, og etterlater en tom plass i midten for inngangen.

Trinn 8

Tid til å lage en inngangsdør.

Bygge en 60 x 119 px rektangel (# 8a5e48) og gå til Objekt> Path> Offset Path, setter inn offset verdi til 10 px. Endre konturfargen til # 447cc9.

Legg til et horisontalt rektangel (# 4a5c5e) på den øverste delen av den indre formen til dørvinduet.

Trinn 9

La oss legge til noen detaljer på døren ved å lage en horisontal stripe (# 6e4539) rett under bunnen av dørvinduet. Deretter legger du en tynnere vertikal linje av samme farge på midten av den brune delen av døren, og deler døren i to deler.

Bygg enda et rektangel for snøgrensen# b3def5), tilpasse den til den nederste delen av døren. Velg de to øvre ankre med Direkte utvalgsverktøy (A) og trekk sirkelindikatorene til midten, slik at hjørnene blir avrundet.

Trinn 10

Gruppe (Kontroll-G) hele døren biter sammen og legger døren på huset, og retter seg til bunnkanten.

Ta Direkte utvalgsverktøy (A) og holder Skifte, dra den nedre kanten av den blå dørens kontur opp, plasser den på samme nivå som den brune mursteinens overkant.

Trinn 11

Legg til flere tynne striper som går over de øverste og nederste kantene av vinduene, noe som gjør fasaden mer detaljert.

Trinn 12

Tid til å lage et tak for huset vårt.

Bygge en 234 x 140 px rektangel av # b3def5 farge på toppen av bygningen, overlapping husets toppkant, og litt rundt hjørnene.

Kopier takformen og klikk Kontroll-Bå få en Duplisere bak hovedobjektet. Flytt den ned med noen få piksler ved hjelp av Pil nøkkel og endre fargen til mørk blå (# 4075bd), skaper en skyggeeffekt.

Dupliser hovedblå veggform. Velg deretter både veggen og takkopien ved hjelp av Krysse funksjon av Pathfinder å kutte formen. Nå ser skyggen naturlig ut.

Trinn 13

Mange gamle europeiske hus har mansardvinduer, og jeg liker denne arkitektoniske detaljen. La oss legge til to mansardvinduer til vår bygning.

Bare opprett et smalt hvitt rektangel og roter det ved å holde Skifte nøkkel. Ta Reflekteringsverktøy (O), og så Alt-klikk på topp ankerpunktet i vår form. I Rotere panel, sett inn Angle til 90 ° og klikk på Kopiere knapp. Gjør begge fasene helt avrundede og flytt dem nærmere hverandre. Slå sammen det runde rektangelet i en form ved hjelp av Forene mulighet for Pathfinder. Denne formen vil fungere som en snøhette på toppen av vinduet.

Lag et lite blått rektangel under.

Trinn 14

Velg begge figurene med Utvalgsverktøy (V), hold alt nøkkel, og klikk på den blå formen. Valget blir tykkere, noe som indikerer at du nå tilpasser seg Nøkkelobjekt. Hodet til Rette inn panelet og klikk på Horisontal justeringssenter knapp.

Ta Pennverktøyet (P) og tegne en triangulær form (# 4075bd) som sitter rett på den øvre kanten av den blå formen og overlapper den vinklede hvite formen.

Velg den hvite vinklede figuren og gå til Objekt> Arranger> Ta med til fronten, plasser den foran de andre delene.

Trinn 15

Lag et lite vindu inne i det blå rektangelet på samme måte som vi gjorde før, ved hjelp av offset funksjon og Rektangelverktøy (M).

Gruppe (Kontroll-G) alle mansard-vinduet knytter sammen og lager en speilkopi på venstre side av taket, ved å ta Reflekteringsverktøy (O) og klikker på midten av taket mens du holder alt knapp.

Legg til hvite avrundede rektangler under hver fasadevindu for snødekte vinduer. Det første huset er klart!

3. Hvordan lage flere vinterhus

Trinn 1

La oss flytte til neste grå bygning med det avrundede taket.

Start med å lage en 225 x 395 px rektangel av # 4a5c5e farge. Lag en mer 145 x 90 px form av samme farge, plassere den over den øvre kanten av den større og justere til senteret. Velg de to øvre hjørnene, gjør dem helt avrundet, og slå sammen de to figurene i en ved hjelp av Forene alternativ på Pathfinder panel.

Steg 2

Bruke Offset-banen Metode for å legge til en dekorativ kant rundt bygningen. Sett fargen til # 9ec5c9. Dra bunnen av felgen til den øverste flate kanten av husformen. Juster de fremre kantkanten til hovedhusbunnen ved å dra dem med Direkte utvalgsverktøy (A).

Trinn 3

Lag en avrundet dør med trapp på bunnen. Bruke Levende hjørner funksjon for å runde dørens topp, den offset metode for å lage en kant rundt den, og enkle rektangler for trappen. Bruk # 8a5e48 for hoveddørens farge, # 6e4539 for mørkere brun, og # 7c9b9e for den lysegrå.

Plasser tre dekorative striper (# 7c9b9e) på husets fasade bak dørgruppen. Legg til en horisontal kant (# 9ec5c9) over inngangen og spre to eksemplarer av det over bygningens fasade, og etterlater tomme rom for fremtidens vinduer.

Legg en mild skygge under bunnen, og gjør fasaden mer tredimensjonal. Fyll skyggeformen med # 4a5c5e, og bytt dens Blandingsmodus til Multiplisere i åpenhet panel,mens du senker opacity til 40%.

Trinn 4

Lag et lite vindu på samme måte som vi gjorde for det forrige huset, ved hjelp av Rektangelverktøy (M) og Offset-banen alternativ. Bruk # b3def5 farge for vinduet og # 7c9b9e for vindusrammen.

Lag små dekorative rektangler rundt vinduet, fyll dem med # 9ec5c9. Legg til en tynn, horisontal form av samme farge for vindusskinnen på undersiden.

For å gi hylleet en mer klassisk stil, lag en sirkel over hylsen, som passer til midten. Velg kant og toppsirkel og kutt av toppen av sirkelen ved Alt klikke på den med Form Builder Tool (Shift-M). Slå begge formene sammen i ett med Forene alternativav Pathfinder.

Legg til et hvitt avrundet rektangel som overlapper kantene, som vil fungere som snøhette. Gruppe (Control-G) alle delene sammen.

Trinn 5

Sprer vindusgruppen over bygningen. Lag to mindre rektangulære vinduer og ett sirkulært vindu på den øverste delen av fasaden.

Lag to grå kolonner (# 7c9b9e) under den dekorative randen og legg til snøhetter på de horisontale kantene ved hjelp av hvite avrundede rektangler.

Ta Pennverktøy (s) og skape den vinklede formen for halvparten av det snødekte taket (# b3def5) på venstre side av bygningen. Rundt takkanten, og hold formen valgt, skape en speilrefleksjon av den på høyre side av Alt klikke på toppbygningen anker med Reflekteringsverktøy (O). Ikke glem å sette Akser til vertikal og trykk Kopiere til slutt, som vi gjorde før.

Den grå bygningen er ferdig. Gruppe (Control-G) alle sine stykker sammen.

Trinn 6

Tid til å lage den siste bygningen med et trappetak.

Lage en 235 x 430 px rektangel av # ffc45c farge. Begynn å danne taket ved å plassere et horisontalt rektangel på toppkanten, noe som gjør det kortere ved kantene. Legg til to flere rektangler, den ene over den andre, gjør hver enkelt kortere enn den forrige.

Plasser a 235 x 140 px rektangel (# 822b1a) på bunnen av bygningen i første etasje. Legg til en smal kant (# e66340) over sin øvre kant.

Trinn 7

Kopier vinduet fra det første blåhuset, og gjør det ytre partiet bredere samtidig som vinduet selv blir kortere på toppen og bunnen. Endre fargene med # e66340 for den røde ytre delen, # 7c9b9e for glasset og # 4a5c5e for vindusrammen.

Legg til en hvit ellipse øverst i vinduet, lag en linje som går over ellipseformen over sentrum, og bruk Dele opp mulighet for Pathfinder mens du velger linjen og ellipsen. Slett den nederste halvdelen av formen, danner en snøhette.

Legg et hvitt avrundet rektangel på bunnen av vinduet for en snøhøyde. Gruppe (Control-G) alle delene sammen.

Lag flere kopier av vinduene og ordne dem på fasaden i en hvilken som helst symmetrisk posisjon som du finner interessant.

Trinn 8

Gi det store vinduet i første etasje.

De fleste manipulasjonene vil være de samme som for de forrige objektene. Begynn med å opprette en 64 x 64 rektangel for vindusglasset (# 7c9b9e). Med hjelp av offset metode, legg til to skisser til den ved hjelp av # 754a3d for lyseren brun og # 5b1b14 for mørkere. Legg til en vertikal smal stripe, etterbehandling av vindusrammen.

Klikk på vindusglasset og lag enkle gardiner av mørkere farger med Pennverktøyet (P), kutte ut de utestående delene med Form Builder Tool (Shift-M).

Begynn å lage en parasoll ved å bygge en rød (# e84b4a) rektangel, slik at de øverste hjørner avrundes. Legg til noen vertikale striper (# e8dddd) på solbeskyttelsen, klipp av de uønskede stykkene, og legg en mild skygge under kanten.

Legg en snøhette til toppen av solbeskyttelsen og en snøhvit på bunnen. Deretter Gruppe (Control-G) objektene.

Trinn 9

Opprett en kopi av vinduet på venstre side, endre fargen til gul (# ffb636), og bygge en enkel gran for å legge til en julemessig følelse. Sett fargene på granet og gardinene til den mørkere gule.

Klikk på den viktigste gule formen og opprett en enkel vinklet skygge (# eba04b) med Pennverktøyet (P).

Avslutt bygningen ved å plassere oransje (# e66340) murstein her og der, så vel som hylser over toppkanten av det trappede taket.

Kontroll (Control-G) alle delene sammen.

4. Hvordan lage en vinterbybildesammensetning

Trinn 1

La oss stille opp våre hus og legge til en 1200 x 1200 px rektangel (# 94cdeb) for bakgrunnen. Bruke Rette inn panel for å justere bygningene på bunnen.

Steg 2

Bytt takfarger fra de blå og gråhusene til hvitt, og legg til mer kontrast til illustrasjonen. Endre fargene på snøhetene på mansardvinduene til mørkere blå.

Lag et hvitt avrundet rektangel for bakkenivå og lag en subtil skygge på bunnen ved å lage en kopi (# b3def5) bak det og flytte det ned med noen få piksler.

Tegn enkle silhuetter av andre bygninger (# 87c0de) bak husene med Pennverktøyet (P), legger til mer dybde i illustrasjonen.

Trinn 3

Ved hjelp av enkle former og Pennverktøyet (P), opprett en gaten lanterne og farge den ved hjelp av følgende innstillinger: 

  • # 4a5c5e for mørkere grå
  • # 586e70 for lysere grå
  • # ffb636 for det gule glasset
  • # d49322 for lampen

Dra lanternen på illustrasjonen, plasser den på venstre side i nærheten av det blå huset, og lag en annen kopi på høyre side i nærheten av den gule bygningen.

Trinn 4

La oss få våre lanterner til å skinne.

Bare opprett en hvit sirkel bak en av lanternene og fyll den med radial gradient fra hvit til svart, bytt den Blandingsmodus til Skjerm. Dobbeltklikk på glidebryteren nederst til venstre og endre den hvite fargen til gul (# feb02a).

Deretter flyttes glidebryteren øverst til venstre til høyre. Kopier graden, plasser den bak den andre lanterne.

Trinn 5

Nå skal vi lage en snøfnugg. Tegn hovedformularen ved å bruke Pennverktøyet (P) og bildet nedenfor som referanse (1). Bruk #daeffa for farging.

For å legge til den avrundede toppdelen, bare opprett et avrundet rektangel og slett den øverste halvdelen ved hjelp av Direkte utvalgsverktøy (A). (2)

Gruppe (Control-G) alle delene. Ta Rotate Tool (R) og klikk på bunnen anker mens du holder alt knapp. Tast inn 90 for vinkelverdien og trykk Kopiere. Hvis du holder kopien valgt, trykker du på Kontroll-D to ganger, skape to kopier og fullføre snøfnetten. (3) Gruppe (Control-G) alle delene sammen.

Kopiere og variere størrelsene, spred snøfnuggene over vår scene for å danne en velbalansert komposisjon. Legg til noen sirkler for å etterligne mindre snøfinger.

Trinn 6

Ta en titt på vinterscenen din og se om det er noe annet du vil lage - kanskje en ekstra snøhette, noen flere detaljer på husene, eller lys fra vinduene. 

Jeg valgte å legge til mer julegave i illustrasjonen og opprettet klassiske feriesymboler, for eksempel en krans, kranser, klokker, et furu og noen andre dekorasjoner. Også jeg la til noen snøhett til det steide taket i det gule huset.

Fantastisk arbeid! Gratulerer!

God jobb! Vi har klart å skape en trendy, stilig vinterby scene. Nå er vi klare til juleferien!

Denne illustrasjonen er bare en del av min Christmas Travel Winter Backgrounds samling. Og se etter enda flere julillustrasjoner på GraphicRiver.

Jeg håper du har hatt glede av prosessen og lært noen nyttige tips og triks for fremtidige illustrasjoner.

Ta gjerne del i hvordan prosjektet ditt viste seg, eller still spørsmål i kommentarene nedenfor. God julferie!