Hvordan lage et fjelllandskap i flat stil i Adobe Illustrator

Hva du skal skape

I denne opplæringen vil jeg vise deg hvordan du lager et naturlig fjelllandskap i flatt design ved hjelp av de mest grunnleggende formene og verktøyene til Adobe Illustrator.

Hvis du ønsker å hoppe over opplæringen, kan du bare kjøpe resultatet som en del av Camping Travel Landscape-pakken. Finn mer inspirasjon til Travel Designs 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 fan:

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

2. Hvordan sette opp lagene

Det ville være en god ide å organisere prosjektet vårt ved hjelp av lag, da denne måten vi lett kan fokusere på hver del av landskapet vårt.

Ta opp lag panel, og opprett fem lag, endre navn på hver av dem på følgende måte:

  • lag 1: innsjø
  • lag 2: hoved
  • lag 3: bakker
  • lag 4: fjell
  • lag 5: himmel

Låse alt annet enn det første "lake" -laget. Til Låse lag, klikk på Rediger kolonne knappen (til høyre for øyeikonet) i lag panel for hvert lag du vil låse.

Jeg foretrekker å gjøre det raskere av Alt-klikke de Rediger kolonne knappen i lag panel for det eneste laget jeg vil være ulåst.

3. Hvordan lage Mountain Lake

Trinn 1

Begynn å bygge en fjellvann ved å lage en 900 x 58 px lyse blå # 4bafe3 rektangel i nederste del av tavlen med hjelp av Rektangelverktøy (M). 

Lag en mer 580 x 40 px form av samme farge, plasser den under den nederste kanten av den første som er nær venstre side.

Steg 2

Bruker Direkte utvalgsverktøy (A), velg hjørnene til det store rektangelet eller bare klikk inne i formen, hold nede Skifte. Du kan se Live Corner Widget vist i hjørnene. Gjør formenes hjørner helt avrundet ved å trekke sirkelindikatorene til midten. Du kan også bruke Effekt> Stylize> Round Corners. 

Bruk samme metode for å runde hjørner av mindre rektangel.

Velg begge objektene og slå dem sammen i ett objekt, ved å bruke Forene alternativet til Pathfinder panel.

Trinn 3

Velg den blå formen og Kopiere det, ved hjelp Kontroll-C. Klikk Kontroll-Bå få en Duplisere bak hovedobjektet. Flytt den noen få piksler lavere og endre fargen til # 406e85.

Trinn 4

Velg toppkanten av lyseblå figuren med Direkte utvalgsverktøy (A) og Kopiere det ved å klikke Kontroll-C. trykk Kontroll-F å få en Duplisere av topplinjen foran hovedformen. Endre Fylle farge på linjen til Ingen og Stroke farge til svart. Sett Stroke vekt til 3-4 px, slik at stripen skiller seg ut fra hovedformen. 

Velg linjen og gå til Effekt> Forvreng og transformer> Zig Zag. Endre Størrelse verdi til 3 px, absolutt. Og sett Ridges per segment lik 27. Å velge Glatte poeng og klikk OK, får den bølgende linjen. Gå til Objekt> Utvid Utseende å bruke effekten.

Trinn 5

Velg både venstre og høyre ankre av den bølgende stripen med Direkte utvalgsverktøy (A), og bruk Kontroll-J å bli med på den åpne banen, og få en lukket form som et resultat.

Dra den resulterende bølgete figuren rett inn på den øverste kanten av hovedblå figuren og endre dens Fylle farge til # 4bafe3 og Stroke farge til Ingen. Velg den bølgete formen sammen med den store blå formen og slå dem sammen i ett objekt ved hjelp av Forene alternativet til Pathfinder panel.

Trinn 6

Velg hovedblå form og trykk Tast inn å åpne Bevege seg vindu. Sett Horisontal posisjon verdi til 0 px og vertikal posisjon verditil -10 px, og klikk på Kopiere knapp. Sett Fylle fargen på den nye formen til # 73d0ff og legg den til baksiden ved hjelp av Shift-Control-[.

Gjenta alle handlingene for den nyopprettede figuren for å få en annen Duplisere bak det. Endre Fylle av den andre kopien til # ace5f6.

Gruppe alle former sammen med Kontroll-G, tilpasse dem til midten av tavlen.

Trinn 7

Nå skal vi legge til noen detaljer til sjøen for å gjøre det mer ekte.

Ta Ellipseverktøy (L) og opprett en 22 x 10 px ellipse, fylle den med # ace5f6 farge. Konverter venstre og høyre ankerpunkter fra glatte til skarpe hjørner ved å klikke på dem med Ankerpunktsverktøy (Shift-C), får den bladlignende formen (1).

Tegn en horisontal linje over midten av figuren som passerer gjennom begge skarpe ankre. Dele opp begge former i Pathfinder (2), Ungroup (Control-Shift-G) dem og Slett den øverste halvdelen (3).

Bruke Bevege seg alternativvinduet for å lage to eksemplarer på samme avstand (4). Gruppe (Control-G) alle former.

Spred kopiene av vår gruppe over sjøen, gjør solens glitrende refleksjoner (5), noe som vi ser på vannoverflaten på en solrik dag.

Trinn 8

Lag en 8,5 x 21 px ellipse av # fff75a farge ved hjelp av Ellipseverktøyet (L). Klikk på toppankeret medAnkerpunktsverktøy (Shift-C), konvertere den til et skarpt hjørne.

Velg venstre og høyre ankre i ellipsen med Direkte utvalgsverktøy (A) og flytt dem ned med noen få piksler, noe som resulterer i en dråpeaktig form.

Velg den gule formen, ta Rotate Tool (R), og så Alt-klikk på bunnen ankerpunktet av vår figur. I Rotere panel, sett inn Angle til 20 ° og klikk på Kopiere knapp. trykk Kontroll-D enda en gang til å gjenta den siste handlingen, få to flere eksemplarer. Velg begge kopier og flytt dem litt til bunnen.

Trinn 9

Hvis du holder kopiene valgt, velger du Reflekteringsverktøy (O). Holding the alt nøkkel, klikk på toppankeret til den vertikale gule figuren. I Reflektere alternativvindu, sett inn Akser til vertikal og trykk Kopiere, reflekterer begge former til høyre side av vertikal form. Gruppe (Control-G) de gule figurene. Det vil bli blomsten av vannliljen.

Bygge en 62 x 6,5 rektangel, fylling det med # c1db35 og gjør hjørnene avrundet med hjelp av Live Widget trekk.

Plasser den gule blomsten nærmere høyre side av den grønne figuren, gjem den nederste delen bak rektangelet.

Lage en 13 x 13 px sirkel fylt med dette # fff75afarge og send den bakover med Objekt> Ordne> Send bakover. Deretter plasserer du sirkelen nærmere høyre side av det grønne rektangelet, og skjuler den nederste kanten bak figuren. Gruppe (Control-G) alle delene sammen.

Trinn 10

Bruk samme metoder som i de to foregående trinnene, opprett en liten fisk av # ace5f6 farge. 

Spred kopiene av fisk og vannliljer over sjøoverflaten som vist i eksemplet nedenfor.

4. Hvordan lage engen og skogen

Låse alle lagene, men "main" laget.

Trinn 1

La oss begynne å lage bulrush ved å bygge en 1,7 x 55 px vertikalt rektangel, med # 66801b for stengelens farge. 

Lag en mer 4,25 x 17 px rektangel, som vi vil farge ved hjelp av# 696354. Bruke Levende hjørner funksjon for å gjøre hjørnene i formen fullstendig avrundet. 

Sett den brune figuren på toppen av den grønne stilken, slik at den nederste delen overlapper toppen av stammen og justere til midten.

Bruker Pennverktøyet (P), tegne enkle trekant-lignende former av # 66801b farge for bladene på bunnen av stengelen. Gruppe (Control-G) alle bulrush deler sammen.

Steg 2

Bygg en 82 x 78 px rektangel av # c1db35 farge, som gjør toppdelen fullstendig avrundet med hjelp av Levende hjørner trekk. Tegn en vertikal linje som går over midten og toppanker av formen.

Dele opp begge former i Pathfinder og Ungroup (Control-Shift-G) dem. Farg venstre halvdel med # 79981f. Lag en liten sirkel av # 99ba38 farge på høyre halvdel av den store figuren. Kopiere sirkelen og spre kopiene over den høyre delen, slik at den blir teksturert. Gruppe (Control-G) alle delene sammen. Dette blir bushen.

Lag en mindre Kopiere av busken nær den første og dra begge buskene til venstre på innsjøen, gjemmer bunndelene bak bølgene.

Lag noen eksemplarer av bulrushen som vi opprettet tidligere, og plasser dem på høyre side av sjøen, gjemmer bunnen av stilkene bak vannet.

Trinn 3

Begynn å skape kysten ved å bygge en 1075 x 57 px rektangel med a # a2c430 Fylle farge. Gjør hvis fullstendig avrundet og juster den til midten av sjøen. Send det bakover med Objekt> Ordne> Send til Tilbake.

Velg det grønne rektangel og Kopiere det med Kontroll-C. Klikk Kontroll-B å få en Duplisere bak hovedobjektet. Flytt den ned med noen få piksler og endre fargen til # 406e85. Gruppe (Control-G) rektanglene og plasser dem bak sjøen.

Trinn 4

La oss fortsette å legge til detaljer til kysten ved å lage en 14 x 14 px rektangel med a # 79981f Fylle farge. Velg Legg til ankerpunktsverktøy (+) og klikk på midten av rektangelens øvre kant, og legg til et nytt ankerpunkt. Slett venstre og høyre toppanker med Slett ankerpunktsverktøy (-), å få trekantformen (1).

Velg trekanten med Utvalgsverktøy (V) og trykk Tast inn å åpne Bevege seg alternativer vindu. Sett Horisontal posisjon verdi til 0 px og Vertikal stilling verditil 14 px, og klikk på Kopiere knapp. trykk Kontroll-D for å gjenta handlingen, og fortsett å trykke Kontroll-D å legge til 17 kopier (2). Gruppe (Control-G) dem sammen. Dette blir gresset.

Lage en 110 x 100 px sirkel med a # 7a7462 Fylle farge. Tegn en horisontal linje som går over midten og siden ankre av formen. Velg begge tall og Dele opp dem, ved hjelp av Pathfinder panel (3). Ungroup (Control-Shift-G) former og Slett den nederste delen. Denne figuren vil fungere som en stein. Lag en mindre stein av # 8f8873 farge (4).

Kombiner og kopier steiner og gress, spre dem bak bakken rektangel. Ikke glem å bruke Objekt> Ordne> Send til Tilbake for objekteneå plassere dem bak bakken rektangel. Legg til en eller flere kopier av bushen vi opprettet tidligere. Du kan bruke og eksempel nedenfor som referanse (5), men gjerne lage forskjellige kombinasjoner av gress, busker og steiner.

Trinn 5

Nå skal vi jobbe på skogens bakgrunn. Bygge en 1030 x 40 px rektangel med # d0f341 farge, tilpasse den til midten av tavlen. Rund om hjørnene, send det bakover med Objekt> Ordne> Send til Tilbake, og legg den bak det større grønne rektangelet, slik at den nederste delen overlapper toppkanten på den større figuren.

Trinn 6

For å danne skogen trenger vi to typer trær: graner som er formet som en trekant, og bladtrær formet som en sirkel.

Lage en 140 x 235 px rektangel med a # d0f341 Fylle farge. Klikk på midten av rektangelens øverste kant med Legg til ankerpunktsverktøy (+), legger til et nytt ankerpunkt. Slett venstre og høyre toppanker med Slett ankerpunktsverktøy (-), får trekanten form. 

Lag en vertikal linje som går over midten og toppankeren til formen. Dele opp begge tallene i Pathfinder og Ungroup (Control-Shift-G) dem, farger venstre halvdel inn # a2c430. Lag et lite rektangel av # a2c430 farge, Kopiere det, og spre kopiene over høyre del av treet, slik at det blir teksturert. Gruppe alle deler og send treet tilbake med Objekt> Ordne> Send til Tilbake.

Trinn 7

La oss lage kronen til det andre treet ved å bygge en 165 x 165 sirkel som vi vil Fylle med # d0f341 farge.

Tegn en vertikal linje over midten og forankre av formen.

Dele opp begge former i Pathfinder og Ungroup (Control-Shift-G) dem. Farg venstre halvdel med # a2c430. Legg til noen små avrundede rektangler av # a2c430 farge til høyre halvdel for en teksturert effekt. Legg til et koffert med a # 7a7462 Fylle farge til bunnen av kronen.

Gruppe (Control-G) alle delene og send dem til baksiden med Objekt> Ordne> Send til Tilbake.

Trinn 8

La oss plassere trærne på rad bak den bakrundede rektangelformen, duplisere noen av dem og varierer størrelsene for å danne en balansert sammensetning. Legg til noen flere av børstene vi allerede har opprettet.

La en tom plass midt i skogen for åsene og fjellene som vi skal skape i de følgende trinnene. Resultatet skal se slik ut:

5. Hvordan lage bakker

Låse alle lagene unntatt lagene "bakker".

Trinn 1

Med hjelp av Pennverktøy (P), lage den bølgete formen med a # 8ead28 Fylle farge.

Velg figuren, og velg deretter Reflekteringsverktøy (O) og holder alt nøkkel, klikk på nederste høyre anker. I Reflektere alternativvindu, sett inn Akser til vertikal og trykk Kopiere, reflekterer formen til høyre side.

Slå begge formene sammen i ett med Forene alternativet til Pathfinder panel, får bakken.

Steg 2

Sett bakken bak hovedstedet, plasser den nærmere høyre side. Lag en mindre Kopiere av den mørkere grønne fargen (# 79981f) på venstre side av landskapet, gjemmer den bak den første formen. Alle sidene og bunnene i våre åser skal være skjult bak trærne, buskene og bakkenivået.

Trinn 3

Velg først den venstre bakken som vi opprettet i de forrige trinnene.

Høyreklikk og velg Isoler valgt gruppe fra rullegardinmenyen. Den isolerte bakken vises i full farge, mens resten av teksten vises nedtonet.

Ta Pennverktøyet (P) og bygge en vertikal zig-zag linje som krysser bakken form. Sett Fylle av linjen til Ingen, de Stroke Weight til 9 px, og Stroke Color til # 66801b. Gjør hjørnene på linjen avrundet ved å velge dem med Direkte utvalgsverktøy (A) og dra Levende hjørner markører.

Velg linjen og gå til Objekt> Utvid. Kryss av de Stroke alternativ, og uncheck de Fylle alternativet, trykke på OK. Vårt slag vil forvandle seg til en fylt form

La oss kutte av deler av stien som står utenfor bakken. Velg overlappingsbanen sammen med bakken form, og bruk Form Builder Tool (Shift-M) ved å holde nede alt nøkkel og klikk på de uønskede brikkene til Slett dem.

trykk OK og Flukt for å gå ut av isolasjonsmodus eller ved å bruke Utvalgsverktøy (V), Dobbeltklikk utenfor den isolerte gruppen.

Trinn 4

Låse opp det "største" laget. Velg ett blad og ett gran og Kopiere dem. Låse "main" laget igjen og gå tilbake til "åsene" laget. trykk Kontroll-V eller gå til Rediger> Lim inn, få kopier av våre trær på "åser" laget.

Spred trærne over åsene, duplisere noen av dem og varierer størrelsene for å fylle det tomme rommet.

Trinn 5

Lag silhuetter av bakken ved å lage duplikater av de tidligere opprettede åsene, endret deres Fylle farger til # 515c1b og gjøre høyere eller kortere former ved hjelp av Utvalgsverktøy (V)

Du bør få noe slikt:

6. Hvordan lage fjellene

Låse alle lagene, men "fjell" laget.

Trinn 1

La oss begynne å danne fjellformen ved å lage en 582 x 540 px rektangel, fylling det med # 99927b farge.

Ta Legg til ankerpunktsverktøy (+) og klikk på midten av rektangelens øvre kant, og legg til et nytt ankerpunkt. Slett venstre og høyre toppanker med Slett ankerpunktsverktøy (-), får trekanten form.

Steg 2

Med hjelp av Linjesegmentverktøy (/), bygge en 400 px bredde svart Stroke uten Fylle, posisjonering det under den øverste delen av rektangelet, etterlater et gap på ca. 200 px fra toppanker og justere det til midten av rektangelet.

Velg linjen og gå til Effekt> Forvreng og transformer> Zig Zag. Sett Størrelse verdi til 10 px, absolutt. Og sett Ridges per segment lik 9. Å velge Glatte poeng og klikk OK. Gå til Objekt> Utvid Utseende å bruke effekten.

Velg trekanten form og Kopiere det bruker Kontroll-C. Klikk Kontroll-F å få en Duplisere på toppen av trekanten. Velg duplikatet og linjen ved hjelp av Dele opp alternativet til Pathfinder panel, dividere vår trekant i to former. Del opp gruppe dem og fjern bunnen. Fargelegge den øvre gjenværende figuren med # e2f0e9, å få den snødekte toppen av fjellet.

Trinn 3

Lag en smalere Kopiere av trekanten foran den første og endre fargen til # 99927b, danner små skygger på fjellet. Bygg en smalere Duplisere av skyggedelen på forsiden av den, farger den nye med # 87806c.

Nå ser vårt fjell mer detaljert og interessant ut.

Trinn 4

Nå som den grunnleggende utsikten over fjellet er klar, la oss legge til en skygge i flatskjerm, som dekker halvparten av klippen.

Velg den bakre trekantformen, Kopiere det og Lim inn foran (Control-C> Control-F). Holde duplikatet valgt, gå til Objekt> Arranger> Ta med til fronten, plasserer kopien foran fjellet. Velg nederste høyre anker i trekanten med Direkte utvalgsverktøy (A) og dra den til senteret, rett til midtanker.

Endre Blandingsmodus av den resulterende trekant til Multiplisere mens du senker opacity nivåer til 40% i åpenhet panel, får skyggen. Gruppe (Control-G) alle fjelldelene sammen.

Trinn 5

Sett fjellet på hovedstedet, gjem bunndelen bak bakkene. Lag to mindre fjell til venstre og til høyre for hovedrocken, slik at de overlapper det større fjellet og plasserer dem foran det.

Lag ytterligere tre trekants silhuetter med a # 659cad Fylle farge bak hovedlandskapet, etterbehandling av sammensetningen.

7. Hvordan lage bakgrunnen

Vi er nesten ferdige med vårt fjelllandskap. Men vi trenger fortsatt en bakgrunn som skildrer himmel, sol og skyer.

La oss begynne med låse~~POS=TRUNC alle lagene unntatt "himmelen" laget.

Trinn 1

Bygge en 1200 x 1200 px kvadrat av # 77b8cc, justere den til midten av tavlen.

Steg 2

For å fylle tomt mellomrom og legg til dybde i landskapet vårt, opprett sky-lignende figurer av # 9accdb farge bak fjellene ved hjelp av Pennverktøyet (P) eller Rektangelverktøy (M), gjør hjørner av de resulterende tallene avrundet.

Trinn 3

Begynn å bygge skyen ved å lage to overlappende sirkler med Ellipseverktøyet (L), sette deres Fylle og Stroke til standard svart og hvitt farger. Bytt til Rektangelverktøy (M) og legg en smal stripe nederst i skyen, la den ligge litt lavere enn den nederste kanten av den store sirkelen.

Forene alle former i Pathfinder å lage et enkelt objekt. Endre Fylle farge til # e2f0e9 og streber til Ingen. Lag noen flere skyer av forskjellige størrelser og spred dem over himmelen, og la en tom plass til solen.

Trinn 4

Bygge en 105 x 105 px sirkel som vi vil farge ved hjelp av # fff45a. Tegn en vertikal linje over midten av sirkelen ved å bruke Linjesegmentverktøy (\). Holder linjen og sirkelen valgt, Dele opp dem i Pathfinder. Ungroup (Control-Shift-G) Formen og farg den venstre halvdelen med # fde23d

Bygg en mer 144 x 144 px sirkel av # fbcd30 farge, plassere den bak den første, tilpasse seg til senteret. Velg den store sirkelen og gå til Effekt> Forvreng og transformer> Zig Zag. Sett Størrelse til 5 px, absolutt. Og sett Ridges per segment lik 10. Å velge Glatte poeng og klikk OK. Gå til Objekt> Utvid Utseende å bruke effekten.

Gruppe hele solen former sammen og legger den på hovedscenen.

Låse opp alle lagene.

Vårt fjelllandskap er klart!

God jobb! Vårt stilige fjellområdet er ferdig. Du kan bruke fantasien din og fortsette å spille rundt og legge til detaljer til du er helt fornøyd med resultatet.

Denne fjelllandskapsfilmen er bare en del av Camping Travel Landscape, og det er langt mer reise- og eventyrillustrasjoner i porteføljen min!

Jeg håper du har oppdaget noen nye tips og triks som du kan bruke til å lage flotte illustrasjoner i fremtiden. Du er velkommen til å dele resultatene dine i kommentarene nedenfor.