Slik lager du en gressbanner i Adobe Illustrator

Hva du skal skape

I denne opplæringen lærer du hvordan du bruker Mesh Tool og Warp effekter i Adobe Illustrator for å lage et nytt vårgress banner!

Du kan kjøpe en illustrasjon, inkludert lignende gressbannere og til og med blomster fra GraphicRiver.

Grønt gress

1. Hvordan lage en blad av gres

Trinn 1

Vårt første skritt skal være å skape et enkelt gresklipp. Lag et langt, smalt rektangel ved hjelp av Rektangelverktøy (M).

Steg 2

Farge den grønn. Du kan bruke# 699108, som jeg skal bruke den i denne opplæringen.

Trinn 3

Velg øverste høyre hjørne av rektangelet med Direkte utvalgsverktøy (A) og Slett Det skaper en trekantet form.

Trinn 4

Ta Mesh Tool (U) og opprett fire maskeknuter med jevne mellomrom fra hverandre, bare ved å klikke på verktøyet på banen. Til slutt burde du ha seks maskernoder, som vist på skjermbildet.

Trinn 5

Nå skal vi fargelegge vårt opprettede Mesh. Vi starter med den laveste noden, farger den med # 325001 farge.

Trinn 6

Neste opp, tar vi den andre noden fra bunnen og farger den med # 7CA10F.

Trinn 7

Vi vil fortsette å fargelegge noderne, alternerende mørkere og lettere farger, som vist på skjermbildene nedenfor:

# 4C6C06 for den tredje noden.

# 7CA10Ffor fjerde knutepunkt.

# 416203for den femte noden.

Endelig, # 7CA00Dfor den øverste node.

Trinn 8

Lag en ny maske ved å klikke rett rundt midten av formen med Mesh Tool (U).

Trinn 9

Gjør slutten på gressklipperens ved å velge alle noder med Lasso Tool (Q) og farger dem med # F3FF84.

Trinn 10

Velg den midterste rad med noder ved hjelp av Lasso Tool (Q) og juster fargen på dem ved å gå til Rediger> Rediger farger> Juster farger.

Skriv inn innstillingene som er vist nedenfor: 17% Rød, 12% Grønn.

2. Hvordan lage gresformer ved hjelp av Warp Effects

Trinn 1

Nå skal vi lage fire eksemplarer av gresskledet vårt for å endre dem. Du kan klone dem ved å bruke Kontroll-C, Kontroll-V, eller bare dra formen mens du holder alt nøkkel.

Steg 2

Ta en av kopiene og gå til Effekt> Varsel> Flagg. Bruk disse innstillingene:

  • 45% Bend
  • 21% horisontal forvrengning

Dette vil krøp gressbladet og gjøre det ser mer naturlig ut.

Trinn 3

Velg resultatet og gå til Objekt> Utvid Utseende for å justere formen til den påførte effekten. Ikke glem å gjenta dette trinnet etter hver Warp!

Trinn 4

Det andre bladet av gress vi vil endre med Effekt> Warp> Arc med følgende innstillinger:

  • 8% Bend
  • -6% Horisontal forvrengning

Gjenta Trinn 3 etter dette.

Trinn 5

For den tredje formen, bruk Effekt> Varsel> Flagg igjen, men med forskjellige innstillinger:

  • -35% Bend
  • -10% Horisontal forvrengning

Gjenta Trinn 3.

Trinn 6

For å oppnå et annet utseende, kan du opprette ankerpunkterpå formen, ved hjelp av Legg til ankerpunkt (+) funksjonen, og dra dem med Direkte utvalgsverktøy (A), som jeg gjorde akkurat her:

Trinn 7

Fortsett til fjerde form, gjelder Effekt> Varsel> Stig med følgende innstillinger:

  • -46% Bend
  • 26% horisontal forvrengning
  • 1% vertikal Forvrengning

Gjenta Trinn 3.

Trinn 8

Endelig, endre siste gjenværende form med Effekt> Varsel> Flagg og disse innstillingene:

  • 75% Bend
  • 71% horisontal forvrengning
  • 1% vertikal Forvrengning

Gjenta Trinn 3.

Trinn 9

Vi er ferdige med vridning! Nå roter gressbladene dine slik at de vender riktig vei. Velg alle fem av dem og lag en kopi (Kontroll-C, Kontroll-V) av dem.

Trinn 10

Velg kopier og ved å gå til Rediger> Rediger farger> Juster farger, gjør gresset litt mørkere. 

  • -18% rød
  • -19% grønn

Trinn 11

Lag en merkopi av det opprinnelige gresset og juster fargene også.

Rediger> Rediger farger> Juster farger

  • 12% rød
  • 13% grønn

Trinn 12

Nå som vi har alle de forskjellige fargene, la oss tenke på lengden på gresset!

Velg alt gresset vi har laget så langt, lag en kopi, og skala gresset litt for å gjøre det kortere.

3. Hvordan lage din egen Gressbanner

Nå som vi har alle de forskjellige typer gress, vil din neste oppgave avhenge av din kreativitet!

Trinn 1

Ved hjelp av gressbladene som vi har laget så langt, kan du lage en lapp av gress ved å sette dem ved siden av hverandre. Du kan kopiere figurene og sende dem til rygg (Skifte-Styre-[) eller til forsiden (Skifte-Styre-]). Selvfølgelig kan du også endre de forskjellige delene, ved hjelp av funksjonene som vi lærte i denne opplæringen (endring av farge, vridning, etc.).

Fortsett, når du er fornøyd med gressplaten din. Du kan bruke min som inspirasjon!

Steg 2

Hvis du er fornøyd med sluttresultatet, velg gressplaten, opprett en gruppe (Kontroll-G), og deretter flytte den ved siden av sitt opprinnelige sted mens du holder alt nøkkel. Dette vil kopiere den. Det bør ikke være tomt mellomrom mellom de to patene.

Trinn 3

Hold den andre gruppen valgt og trykk Kontroll-D. Dette vil kopiere det igjen.
Gjenta dette trinnet til du er fornøyd med den resulterende lengden på banneret.

4. Hvordan gjør du det pent

Vi er nesten ferdige! Alt som er igjen er å få banneret ditt til å se litt finere ut.

Trinn 1

Lag et hvitt rektangel med de Rektangelverktøy (M). Størrelsen spiller ingen rolle for nå.
Ta de Mesh Tool (U) og lag en knute midt i formen.

Steg 2

Velg de tre nederste noder med Lasso Tool (Q) og bruk # 293500farge til dem.

Trinn 3

På samme måte velger du de midterste noder og farger dem med # B8B87A.

Trinn 4

Åpne åpenhet panelet (Vindu> Gjennomsiktighet) og bruk Multiplisere Transparentmodus til formen.

Trinn 5

Strek og skala formen slik at den passer på bunnen av gressbanneret. Hvis du føler at skyggen er for mørk, må du justere opacity i åpenhet panel-jeg gjorde det 70%.

Trinn 6

I dette vil vi søke om en Clipping Mask, effektivt "beskjære" banneret. 

Så nå, lag et rektangel og flytt det på toppen av bildet. Det bør inkludere alt du vil ha i det endelige bildet.

Trinn 7

Velg alt (Kontroll-A), og trykk deretter på høyre museknapp og velg Lag Clipping Mask.

Gratulerer, du er ferdig!

Hva nå? Du kan leke med banneret ditt litt mer, for eksempel å rotere eller strekke de forskjellige gressbladene. Du kan også justere fargen på skyggen.

I denne opplæringen lærte du hvordan du lager en vårgressbakgrunn, først og fremst ved hjelp av Mesh Tool og de forskjellige Warp-effektene!

Jeg håper du har hatt denne opplæringen og lært noen nyttige verktøy for fremtiden!

Dette gressbanneret er unikt opprettet gjennom denne opplæringen, men du finner lignende gressbannere i denne illustrasjonen, og det er enda mer i min portefølje!

Green Grass bannere