Hur man skapar en våräng i Adobe Illustrator

Vad du ska skapa

I den här handledningen lär du dig att använda Mesh Tool och Gradient Tool i Adobe Illustrator för att skapa en vårbakgrund med ett ljust vitt staket!

Om du vill hoppa över handledningen och bara använda den här bakgrunden kan du köpa Nature Meadow Landscape med en cykel från GraphicRiver och få även en vektorcykel!

Natur äng Landskap med en cykel

1. Hur man skapar bakgrunden

Steg 1

Låt oss börja med att "måla" bakgrunden med Mesh Tool (U).

Skapa bara en rektangel, Fylla det med en grå färg # F5F3EA och med hjälp av Mesh Tool, Skapa ett rutnät i rektangeln.

Fortsätt genom att färga noderna, som anges på bilden nedan.

Här är de färger du behöver för varje steg:

  1. # F5F3EA
  2. # 399F92
  3. # AAD2C9
  4. # 52531A
  5. # D7D483
  6. # CCD8C1
  7. # E0E6C8
  8. # BFD9C7

Steg 2

Låt oss fortsätta att skapa de gräsbevuxna kullarna! Processen ligner mycket på steg 1, men i slutändan måste du böja din kulle med Mesh Tool.

Skapa bara ett par mer noder och gör formen vågig genom att dra dem!

Här är färgerna du behöver:

  1. # E7E3AB
  2. # C5CD60
  3. # 95A542
  4. # 5B6D1C

Steg 3

Använda Mesh Tool skapa på samma sätt en annan kulle med följande färger:

  1. # DFDFA8
  2. # BAC569
  3. # 6C8427

Steg 4

Placera båda kullarna ovanpå vår tidigare skapade bakgrund. Den mindre kullen bör delvis döljas under den större kullen.

Steg 5

Skapa nu en rektangel med Ingen fyllning överst i bakgrunden, "inramning" bilden. Se till att varje element du vill vara synligt är inne i rektangeln.

Välj sedan alla element och efter högerklicka, välja Gör Clipping Mask.

Vi kommer att använda det här verktyget ett par gånger i handledningen, så glöm det inte!

Steg 6

Med Clipping Mask skapad, vår första del av bilden är klar!

2. Hur man skapar staketet

Steg 1

Låt oss börja med att dra formen på staketet.

Ta tag i Penverktyg (P) och dra en halv av ett staketbord. När du är klar med konturen, Högerklicka på det och välj Transformera> Reflektera. Välj Vertikal axel och klicka Kopia för att skapa den andra halvan av formen.

Steg 2

Nu flytta den andra halvan så det speglar perfekt den ursprungliga halvan (färgen nedan är bara för illustration).

När du har klarat det väljer du båda delarna och i Stigfinnare meny, välj Förena. Detta kommer att skapa en fullständig symmetrisk disposition!

Steg 3

Fylla formen med en grå färg (det spelar ingen roll vilken för tillfället).

Ta tag i Lasso Tool (L) och välj de två mittennoderna på botten av formen. Tryck Radera att bli av med dem.

Detta kommer att bli väldigt viktigt senare, så hoppa inte över det här steget!

Steg 4

Eftersom det nu finns ett gap i botten av formen, använd Objekt> Sti> Gå med att förena det igen.

Skapa en Kopia av konturen och lägg den åt sidan!Vi behöver det senare.

Steg 5

Låt oss lägga till lite djup i vårt staket! Gå till Effekt> 3D> Extrude and Command och fyll i följande inställningar för Rotation:

  • -7 °
  • 19 °
  • -2 °

De Extrude Depth borde vara om 5 px.

Steg 6

Efter applicering av effekten på formen, skapa vägar ut ur det genom att gå till Objekt> Expand Utseende.

Dela upp resultatet ett par gånger tills du får tre separata vägar.

Steg 7

Välj de två vägarna som utgör sidan av staketet och Förena dem i Stigfinnare panel.

Steg 8

Färga fram staketet med # F1EBE1 och sidan med # D8CFC2.

Steg 9

För detta steg behöver du ett foto av en träplanka med en konsistens.

Jag rekommenderar att du använder mitt eget foto, som du kan ladda ner som en bilaga för denna handledning (texture.jpg).

Flytta fotot till filen med din fjäderbakgrund och öppna Bildspår panel (Fönster> Bildspår).

När du har valt objektet med texturen, mata in de inställningar jag valde i panelen (du kanske behöver klicka Avancerad för att visa resten av inställningarna) och klicka Spår.

Bildspårningsinställningar:

  • Läge: Svartvitt
  • Tröskel: 164
  • vägar: 50%
  • Corners: 75%
  • ljud: 25px
  • Skapa: fyller
  • Ignorera White: Kontrollerade

Steg 10

Välj resultatet av spåret och gå till Objekt> Expand.

Steg 11

I Genomskinlighet panel, ställ in Opacitet till 30% och den Transparent läge till Täcka över.

Steg 12

Ta tag i konturen vi skapade i steg 4 i det här avsnittet och placera den över toppen av texturen. Göra en Clipping Mask av de två formerna.

Lägg resultatet över vårt staket post.

Steg 13

Dra in posten lite till höger medan du håller Flytta och Alt, skapa en Kopia av det på ett rimligt avstånd.

Fortsätt genom att trycka på Kontroll-D att upprepa din senaste åtgärd, effektivt skapa så många brädor som du vill. Stanna vid önskad staketlängd.

Steg 14

Låt oss nu skapa ett bakstycke för vårt staket!

Rita först en rektangel lite längre än ditt stängsel. Färga den med # EEE7DE. Lägg till en annan, mycket smalare rektangel ovanpå och färga den med # E2DCD2.

Steg 15

I det här steget kommer vi att göra skuggor som kastas av staketstolparna.

Rita två vertikala rektanglar sida vid sida, färg dem med # 7B6F5B (den vänstra) och # DEDBD2 (den rätta). Rätt rektangel ska vara lite bredare.

Ställ sedan in rätt rektangel Opacitet till 0% och fortsätt att Objekt> Blanda> Blandningsalternativ. Ställ in Mellanrum till Specificerade steg och välj 30 för beloppet.

Slutligen, välj båda rektanglarna och gå till Objekt> Blanda> Gör.

Steg 16

Flytta blandningen till brädet vi skapade. Precis som tidigare, använd Kontroll-D till Duplicera skuggan över hela styrelsen.

Steg 17

Flytta brädet med skuggorna bakom staketet. Försök att ordna skuggorna perfekt!

Steg 18

Slutligen kommer vi att skapa de skruvar som håller vårt staket på plats.

Använd Mesh Tool (U) för att återskapa likheten av en skruv, följ stegen nedan.

Här är färgerna du behöver:

  1. # D1D0C7
  2. # 535.044
  3. # AAA99F
  4. # B0AFA5
  5. # 000000

Steg 19

Använd två cirklar för skuggan. Skapa en mindre inuti den större men lite utanför centrum. Färga den större cirkeln med # D8D4C9 och den mindre med # 6C6557.

Ställ in ljuskretsen Opacitet till 0%, och fortsätt sedan med Objekt> Blanda> Gör.

Steg 20

Placera Maska på toppen av skuggan och vrid den något. Vår skruv är klar!

Steg 21

Placera skruven ovanpå det färdiga staketet mitt på varje korsning.

Använda sig av Kontroll-D till Duplicera skruvarna efter att ha flyttat en (medan du håller Alt och Flytta).


3. Hur man skapar moln och gräs

Steg 1

Nu när vårt staket är klart, behöver bilden bara ett par slutändringar!

Om du vill ha moln på vår vårs landskapsland följer du denna handledning: Hur man skapar en nattsky med moln Använda Adobe Illustrator & Photoshop.

När du har gjort dina moln, kom tillbaka till vår bakgrund och placera dem på himlen.

Jag föreslår att du skapar några kopior av den första och kombinerar dem för att skapa intressanta former!

Steg 2

För att göra vår himmel ännu snyggare, låt oss skapa en sol!

Rita en cirkel och använd a Radial Gradient som går från vit till # 95896A till svart. Ändra formen Transparent läge till Skärm.

Steg 3

Placera vår höjdpunkt någonstans på himlen. Nu har vi en sol!

Steg 4

För sista steget kan vi skapa lite gräs. Lär dig hur man gör gräs med denna handledning: Hur man skapar en gräsbanner i Adobe Illustrator.

När du har avslutat din gräsvektor, återgå till staketet som vi gjorde i föregående avsnitt. Placera den över toppen av din gräs banner så att den nedre delen av staketet sticker ut lite.

Skapa sedan en Kopia av gräset och flytta det på toppen av staketet. Se till att placera den lägre så att du faktiskt kan se stängslet!

Steg 5

Allt som är kvar är att flytta staketet och gräset till vår bakgrund! Glöm inte att använda a Clipping Mask att "beskära" din bild!

Awesome Work, Du är nu klar!

Vad nu? Du kan prova några av mina andra handledning från min profil, eller kolla in min portfölj på GraphicRiver, liksom den ursprungliga naturbilden vi återskapade i den här handledningen.

Jag hoppas att du tyckte om handledningen och kommer att vara väldigt glad att se några resultat i kommentarerna nedan!