Hur man skapar ett bergslandskap i plattstil i Adobe Illustrator

Vad du ska skapa

I denna handledning kommer jag att visa dig hur man skapar ett naturligt bergslandskap i plattform med hjälp av de mest grundläggande formerna och verktygen i Adobe Illustrator.

Om du vill hoppa över handledningen kan du bara köpa resultatet som en del av mitt Camping Travel Landscape-paket. Hitta mer inspiration för Travel Designs 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. Så här ställer du upp lagen

Det skulle vara en bra idé att organisera vårt projekt med hjälp av lager, eftersom vi på detta sätt enkelt kan fokusera på varje del av vårt landskap.

Ta upp Skikten panel och skapa fem lager, ändra namn på var och en av dem enligt följande:

  • skikt 1: sjö
  • skikt 2: huvud
  • skikt 3: kullar
  • skikt 4: berg
  • skikt 5: himmel

Låsa allt utom det första "lake" -laget. Till Låsa lager, klicka på Redigera kolumn knappen (till höger om ögonsymbolen) i Skikten panel för varje lager du vill låsa.

Jag föredrar att göra det snabbare sättet av Alt-klickar de Redigera kolumn knapp i Skikten panelen för det enda lagret som jag vill vara upplåst.

3. Hur man skapar Mountain Lake

Steg 1

Börja bygga en bergsjö genom att skapa en 900 x 58 px ljusblå # 4bafe3 rektangel i botten av tavlan med hjälp av Rektangelverktyg (M). 

Gör en mer 580 x 40 px form av samma färg, placera den under den första kanten av den första närmare vänster sida.

Steg 2

Använda Direktmarkeringsverktyg (A), välj hörnen av den stora rektangeln eller klicka bara inuti formen, håll nere Flytta. Du kan se Live Corner widget visas i hörnen. Gör formen hörn fullständigt rundade genom att dra cirkelindikatorerna till mitten. Du kan också använda Effekt> Stylize> Round Corners. 

Använd samma metod för att runda hörnen av den mindre rektangeln.

Välj båda objekten och slå dem samman i ett objekt med hjälp av Förena alternativ av Stigfinnare panel.

Steg 3

Välj den blå formen och Kopia den, med användning av Kontroll-C. Klick Kontroll-Bför att få en Duplicera bakom huvudobjektet. Flytta den några pixlar lägre och ändra färgen till # 406e85.

Steg 4

Välj den övre kanten av den ljusblå siffran med Direktmarkeringsverktyg (A) och Kopia det genom att klicka Kontroll-C. Tryck Kontroll-F för att få en Duplicera av topplinjen framför huvudformen. Ändra Fylla färgen på linjen till Ingen och Stroke färg till svart. Ställ in Stroke vikt till 3-4 px, vilket gör att remsan sticker ut från huvudformen. 

Välj raden och gå till Effekt> Förvräng & Transformera> Zig Zag. Ändra Storlek värde till 3 px, Absolut. Och sätta Ridges per segment lika med 27. Välj Lätta punkter och klicka ok, få den vågiga linjen. Gå till Objekt> Expand Utseende att tillämpa effekten.

Steg 5

Välj både vänster och höger sida ankare av den vågiga stripen med Direktmarkeringsverktyg (A), och använda Kontroll-J att gå med i den öppna banan och få en sluten form som ett resultat.

Dra den resulterande vågformen direkt på huvudkanten av huvudblåfiguren och ändra dess Fylla färg till # 4bafe3 och Stroke färg till Ingen. Välj den vågiga formen tillsammans med den stora blå formen och slå ihop dem i ett objekt, med hjälp av Förena alternativ av Stigfinnare panel.

Steg 6

Välj huvudblå form och tryck på Stiga på att öppna Flytta fönster. Ställ in Horisontellt läge värde till 0 px och den Vertikal position värdetill -10 px, och klicka på Kopia knapp. Ställ in Fylla Färgen på den nya formen till # 73d0ff och placera den på baksidan med hjälp av Skift-Control- [.

Upprepa alla åtgärder för den nyskapade siffran för att få en annan Duplicera bakom det. Ändra Fylla av den andra kopian till # ace5f6.

Grupp alla former tillsammans med Kontroll-G, anpassa dem till mitten av tavlan.

Steg 7

Nu ska vi lägga till några detaljer till sjön för att göra det mer verkligt.

Ta Ellipsverktyg (L) och skapa en 22 x 10 px ellips, fyller den med # ace5f6 Färg. Konvertera vänster och höger ankarpunkter från släta till skarpa hörn genom att klicka på dem med Anchor Point Tool (Shift-C), få den bladliknande formen (1).

Rita en horisontell linje över mitten av figuren som passerar genom båda vassa ankare. Dela upp båda formerna i Stigfinnare (2), Ungroup (Control-Shift-G) dem och Radera den övre halvan (3).

Använd Flytta alternativfönstret för att skapa ytterligare två kopior på samma avstånd (4). Grupp (Control-G) alla former.

Sprid kopiorna av vår grupp över sjön och gör solens glittrande reflektioner (5), något som vi ser på vattenytan på en solig dag.

Steg 8

Gör en 8,5 x 21 px ellips av # fff75a färg med hjälp av Ellipsverktyg (L). Klicka på toppankret medAnchor Point Tool (Shift-C), konvertera det till ett skarpt hörn.

Välj ellipsens vänstra och högra ankare med Direktmarkeringsverktyg (A) och flytta ner dem med några pixlar, vilket resulterar i en droppliknande form.

Välj den gula formen, ta den Rotera verktyg (R), och då Alt-klicka på nedre ankarpunkten i vår figur. I Rotera panel, ställ in Vinkel till 20 ° och klicka på Kopia knapp. Tryck Kontroll-D ytterligare en gång för att upprepa den sista åtgärden, få ytterligare två kopior. Välj båda kopiorna och flytta dem något till botten.

Steg 9

Om du håller de valda kopiorna väljer du Reflekteringsverktyg (O). Håller Alt nyckel, klicka på det övre ankaret på den vertikala gula figuren. I Reflektera alternativfönstret, ställ in Axel till Vertikal och tryck på Kopia, reflekterar båda formerna till höger om den vertikala formen. Grupp (Control-G) de gula formerna. Det kommer att bli blomningen av vattenliljan.

Bygga en 62 x 6,5 rektangel, Fyllning det med # c1db35 och gör hörnen rundade med hjälp av Live Widget funktion.

Placera den gula blomman närmare höger sida av den gröna figuren och gömma den nedre delen bakom rektangeln.

Skapa en 13 x 13 px cirkel fylld med detta # fff75afärg och skicka den bakåt med Objekt> Ordna> Skicka bakåt. Placera sedan cirkeln närmare den högra sidan av den gröna rektangeln, göm den nedersta kanten bakom figuren. Grupp (Control-G) alla delar tillsammans.

Steg 10

Använd samma metoder som i de två föregående stegen, skapa en liten fisk av # ace5f6 Färg. 

Sprid kopiorna av fiskar och vattenliljor över sjöytan, som visas i exemplet nedan.

4. Hur man skapar ängen och skogen

Låsa alla lager men "huvud" skiktet.

Steg 1

Låt oss börja skapa bulrush genom att bygga en 1,7 x 55 px vertikal rektangel med # 66801b för färgen på stjälken. 

Gör en mer 4,25 x 17 px rektangel, som vi kommer att färga med# 696.354. Använd Levande hörn funktion för att göra formen av formen fullständigt rundad. 

Sätt den bruna formen på toppen av den gröna stjälken, så att dess underdel överlappar toppen av stjälken och anpassa sig till mitten.

Använda Penverktyg (P), rita enkla triangeliknande former av # 66801b färg för bladen på botten av stjälken. Grupp (Control-G) alla bulrush delar tillsammans.

Steg 2

Bygg en 82 x 78 px rektangel av # c1db35 färg, vilket gör sin toppdel fullständigt rundad med hjälp av Levande hörn funktion. Rita en vertikal linje som går över mitten och formens toppankare.

Dela upp båda formerna i Stigfinnare och Ungroup (Control-Shift-G) dem. Färg den vänstra halvan med # 79981f. Gör en liten cirkel av # 99ba38 färg på den högra halvan av den stora figuren. Kopia cirkeln och sprida kopiorna över den högra delen, vilket gör det texturerat. Grupp (Control-G) alla delar tillsammans. Detta kommer att vara busken.

Skapa en mindre Kopia av busken nära den första och dra båda buskarna till vänster på sjön, gömma sina bottnar bakom vågorna.

Gör några kopior av den bulrush som vi skapade tidigare och placera dem på höger sida av sjön, gömma botten av stalkerna bakom vattendrag.

Steg 3

Börja med att skapa kusten genom att bygga en 1075 x 57 px rektangel med a # a2c430 Fylla Färg. Gör om den är fullständigt rundad och rikta den till mitten av sjön. Skicka det bakåt med Objekt> Ordna> Skicka till Tillbaka.

Välj den gröna rektangeln och Kopia det med Kontroll-C. Klick Kontroll-B för att få en Duplicera bakom huvudobjektet. Flytta ner det med några pixlar och ändra färgen till # 406e85. Grupp (Control-G) rektanglarna och placera dem bakom sjön.

Steg 4

Låt oss fortsätta lägga till detaljer till stranden genom att skapa en 14 x 14 px rektangel med a # 79981f Fylla Färg. Välj den Lägg till Anchor Point Tool (+) och klicka på mitten av rektanglets övre kant och lägg till ytterligare en ankarpunkt. Radera vänster och höger toppankar med Ta bort Anchor Point Tool (-), få triangeln form (1).

Välj triangeln med Urvalsverktyg (V) och tryck på Stiga på att öppna Flytta alternativfönster. Ställ in Horisontellt läge värde till 0 px och Vertikal position värdetill 14 px, och klicka på Kopia knapp. Tryck Kontroll-D för att upprepa åtgärden och fortsätt trycka på Kontroll-D att lägga till 17 kopior (2). Grupp (Control-G) dem tillsammans. Detta blir gräset.

Skapa en 110 x 100 px cirkel med a # 7a7462 Fylla Färg. Rita en horisontell linje som går över mitten och sidokropparna i formen. Välj båda siffrorna och Dela upp dem med hjälp av Stigfinnare panel (3). Ungroup (Control-Shift-G) formerna och Radera bottendelen. Denna figur kommer att fungera som en sten. Skapa en mindre sten av # 8f8873 färg (4).

Kombinera och kopiera stenar och gräs, sprida dem bakom grundrektangeln. Glöm inte att använda Objekt> Ordna> Skicka till Tillbaka för objektenatt placera dem bakom grundrektangeln. Lägg till en eller flera kopior av den buske som vi skapade tidigare. Du kan använda och exempel nedan som referens (5), men gärna göra olika kombinationer av gräs, buskar och stenar.

Steg 5

Nu ska vi jobba på skogsbakgrunden. Bygga en 1030 x 40 px rektangel med # d0f341 färg, anpassa den till mitten av tavlan. Runda dess hörn, skicka det bakåt med Objekt> Ordna> Skicka till Tillbaka, och placera den bakom den större gröna rektangeln, så att dess underdel överlappar den övre kanten på den större bilden.

Steg 6

För att bilda skogen behöver vi två typer av träd: granar formade som en triangel och lövträd som är formade som en cirkel.

Skapa en 140 x 235 px rektangel med a # d0f341 Fylla Färg. Klicka på mitten av rektanglets övre kant med Lägg till Anchor Point Tool (+), lägger till en ytterligare ankarpunkt. Radera vänster och höger toppankar med Ta bort Anchor Point Tool (-), få triangeln form. 

Gör en vertikal linje som går över mitten och formens toppankare. Dela upp båda siffrorna i Stigfinnare och Ungroup (Control-Shift-G) dem, färgar vänster hälften in i # a2c430. Skapa en liten rektangel av # a2c430 Färg, Kopia det och sprida kopiorna över den högra delen av trädet, vilket gör det texturerat. Grupp alla delar och skicka trädet till ryggen med Objekt> Ordna> Skicka till Tillbaka.

Steg 7

Låt oss göra kronan av det andra trädet genom att bygga en 165 x 165 cirkel som vi kommer att göra Fylla med # d0f341 Färg.

Rita en vertikal linje över mitten och förankras i formen.

Dela upp båda formerna i Stigfinnare och Ungroup (Control-Shift-G) dem. Färg den vänstra halvan med # a2c430. Lägg till några små rundade rektanglar av # a2c430 färg till höger halvdel för en texturerad effekt. Lägg till en bagage med a # 7a7462 Fylla färg till kronans botten.

Grupp (Control-G) alla delar och skicka dem till baksidan med Objekt> Ordna> Skicka till Tillbaka.

Steg 8

Låt oss placera våra träd i rad bakom den bakre rundade rektangelformen, duplicera några av dem och varierar storlekarna för att bilda en balanserad komposition. Lägg till några fler borstar som vi redan har skapat.

Lämna ett tomt utrymme mitt i skogen för bergen och bergen som vi kommer att skapa i följande steg. Resultatet ska se ut så här:

5. Hur man skapar kullarna

Låsa alla lager utom skiktet "kullar".

Steg 1

Med hjälp av Penverktyg (P), skapa den vågiga formen med a # 8ead28 Fylla Färg.

Välj figuren och välj sedan Reflekteringsverktyg (O) och håller Alt nyckel, klicka på nedre högra ankaret. I Reflektera alternativfönstret, ställ in Axel till Vertikal och tryck på Kopia, reflekterar formen till höger sida.

Slå samman båda formerna i ett med Förena alternativ av Stigfinnare panel, som tar sig upp i backen.

Steg 2

Sätt kullen bakom huvudplatsen, placera den närmare höger sida. Gör en mindre Kopia av den mörkare gröna färgen (# 79981f) på vänster sida av landskapet, gömmer den bakom den första formen. Alla sido- och bottendelar av våra kullar borde vara dolda bakom träd, buskar och marknivå.

Steg 3

Välj först den vänstra kullen som vi skapade i de föregående stegen.

Högerklicka och välj Isolera vald grupp från rullgardinsmenyn. Den isolerade kullen visas i fullfärg medan resten av konstverket dyker upp.

Ta Penverktyg (P) och bygg en vertikal zig-zag linje över kullen form. Ställ in Fylla av linjen till Ingen, de Slagvikt till 9 px, och den Stroke Color till # 66801b. Gör hörnen av linjen rundade genom att välja dem med Direktmarkeringsverktyg (A) och dra Levande hörn markörer.

Välj raden och gå till Objekt> Expand. Kontrollera de Stroke alternativ och avmarkera de Fylla alternativ, tryck på ok. Vår stroke kommer att omvandlas till en fylld form

Låt oss klippa av de delar av banan som ligger utanför kullen. Välj överlappningsvägen tillsammans med backformen och använd Formverktygsverktyg (Shift-M) genom att hålla ner Alt nyckeln och klicka på de oönskade bitarna till Radera dem.

Tryck ok och Fly för att lämna isoleringsläget eller, med hjälp av Urvalsverktyg (V), dubbelklicka utanför den isolerade gruppen.

Steg 4

Låsa upp "huvud" skiktet. Välj ett blad och ett gran och Kopia dem. Låsa "huvud" lagret igen och gå tillbaka till "backar" lagret. Tryck Kontroll-V eller gå till Redigera> Klistra in, få kopior av våra träd på "kullarna" lagret.

Sprid träden över kullarna, duplicera några av dem och varierar storlekarna för att fylla det tomma utrymmet.

Steg 5

Skapa silhuetter av bakgrundshällorna genom att göra dubbletter av de tidigare skapade kullarna, ändra deras Fylla färger till # 515c1b och göra längre eller kortare former med hjälp av Urvalsverktyg (V)

Du borde få något så här:

6. Hur man skapar bergen

Låsa alla lager men "berg" lagret.

Steg 1

Låt oss börja bilda berget genom att skapa en 582 x 540 px rektangel, Fyllning det med # 99927b Färg.

Ta Lägg till Anchor Point Tool (+) och klicka på mitten av rektanglets övre kant och lägg till ytterligare en ankarpunkt. Radera vänster och höger toppankar med Ta bort Anchor Point Tool (-), få triangeln form.

Steg 2

Med hjälp av Linjesegmentverktyg (/), bygga en 400 px bredd svart Stroke utan Fylla, placera den under den övre delen av rektangeln och lämna ett gap på ungefär 200 px från toppankret och anpassa det till mitten av rektangeln.

Välj raden och gå till Effekt> Förvräng & Transformera> Zig Zag. Ställ in Storlek värde till 10 px, Absolut. Och sätta Ridges per segment lika med 9. Välj Lätta punkter och klicka ok. Gå till Objekt> Expand Utseende att tillämpa effekten.

Välj triangelformen och Kopia det, med hjälp av Kontroll-C. Klick Kontroll-F för att få en Duplicera ovanpå triangeln. Välj dubbletter och rad med hjälp av Dela upp alternativ av Stigfinnare panel, dela vår triangel i två former. Dela upp dem och ta bort bottendelen. Färga den övre kvarvarande siffran med # e2f0e9, få snöiga toppen av berget.

Steg 3

Skapa en smalare Kopia av triangeln framför den första och ändra dess färg till # 99927b, bilda små skuggor på berget. Bygg en smalare Duplicera av skuggdelen på framsidan av den, färgar den nya med # 87806c.

Nu ser vårt berg mer detaljerat och intressant ut.

Steg 4

Nu när den grundläggande vyn av berget är klar, låt oss lägga till en platta skugga som täcker en halv av berget.

Välj den trekantiga formen, Kopia det och Klistra in på framsidan (Control-C> Control-F). Håll duplicatet valt, gå till Objekt> Ordna> Ta fram, Placera kopian framför berget. Välj det nedre högra ankaret på triangeln med Direktmarkeringsverktyg (A) och dra det till mitten, anpassning till mittanker.

Ändra Blandningsläge av den resulterande triangeln till Multiplicera medan du sänker Opacitet nivåer till 40% i Genomskinlighet panel, får skuggan. Grupp (Control-G) alla bergsdelar tillsammans.

Steg 5

Placera berget på huvudplatsen och gömma den nedre delen bakom bergen. Skapa två mindre berg till vänster och till höger om huvudstenen, så att de överlappar det större berget och placera dem framför det.

Form två trekantiga bergsilhouetter med a # 659cad Fylla färg bakom huvudlandskapet, avslutar kompositionen.

7. Hur man skapar bakgrunden

Vi är nästan färdiga med vårt bergslandskap. Men vi behöver fortfarande en bakgrund som visar himmel, sol och moln.

Låt oss börja med låsning alla lager utom "sky" -skiktet.

Steg 1

Bygga en 1200 x 1200 px kvadrat av # 77b8cc, anpassa det till mitten av tavlan.

Steg 2

För att fylla tomt utrymme och lägg till djup i vårt landskap, skapa molnliknande former av # 9accdb färg bakom bergen med hjälp av Penverktyg (P) eller den Rektangelverktyg (M), vilket gör att hörnen av de resulterande figurerna avrundas.

Steg 3

Börja med att bygga molnet genom att skapa två överlappande cirklar med Ellipsverktyg (L), sätta sina Fylla och Stroke till standard svartvita färger. Byt till Rektangelverktyg (M) och placera en smal rand längst ned i molnet, låt den ligga lite lägre än den nedre kanten av den stora cirkeln.

Förena alla former i Stigfinnare att göra ett enda objekt. Ändra Fylla färg till # e2f0e9 och stroke till Ingen. Gör några fler moln av olika storlekar och sprida dem över himlen och lämna ett tomt utrymme för solen.

Steg 4

Bygga en 105 x 105 px cirkel som vi kommer att färga med # fff45a. Rita en vertikal linje över mitten av cirkeln med hjälp av Linjesegmentverktyg (\). Håll linjen och cirkeln vald, Dela upp dem i Stigfinnare. Ungroup (Control-Shift-G) formerna och färg den vänstra halvan med # fde23d

Bygga en mer 144 x 144 px cirkel av # fbcd30 färg, placera den bakom den första, anpassning till centrum. Välj den stora cirkeln och gå till Effekt> Förvräng & Transformera> Zig Zag. Ställ in Storlek till 5 px, Absolut. Och sätta Ridges per segment lika med 10. Välj Lätta punkter och klicka ok. Gå till Objekt> Expand Utseende att tillämpa effekten.

Grupp alla sol former tillsammans och placera den på huvudplatsen.

Låsa upp alla lager.

Vårt berglandskap är klart!

Bra jobbat! Vår platta bergsområde är färdig. Du kan använda fantasin och fortsätta spela och lägga till detaljer tills du är helt nöjd med resultatet.

Denna bergslandskaps illustration är bara en del av mitt Camping Travel Landscape, och det finns mycket mer rese- och äventyrsillustrationer i min portfölj!

Jag hoppas att du har upptäckt några nya tips och tricks som du kan använda för att skapa underbara illustrationer i framtiden. Gärna dela dina resultat i kommentarerna nedan.