Slik lager du en vestlig teksteffekt i Adobe Illustrator

Hva du skal skape

I de følgende trinnene lærer du hvordan du lager en enkel vestlig tekst-effekt i Adobe Illustrator. 

Til å begynne med lærer du hvordan du lager en enkel bakgrunn og hvordan du legger til et grunnleggende stykke tekst. Når du tar full nytte av Utseendepanelet, lærer du hvordan du lager din vestlige teksteffekt.

Du lærer hvordan du arbeider med flere fyll og slag, Offset, Avrundede hjørner og Transform effekter, noen Photoshop-effekter og grunnleggende blandingsteknikker. Til slutt lærer du hvordan du lagrer og bruker en enkel grafisk stil.

For mer inspirasjon om hvordan du justerer eller forbedrer din endelige teksteffekt, kan du finne mange ressurser på GraphicRiver.

1. Hvordan lage et nytt dokument og legg til en enkel bakgrunn

Trinn 1

Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 850 i boksene bredde og høyde, og klikk deretter på Avansert knapp. Å velge RGB for Fargemodus, sett Raster Effects til Skjerm (72 ppi), og klikk deretter Opprett dokument.

Steg 2

Velg Rektangelverktøy (M) og fokus på verktøylinjen. Fjern fargen fra streken, og velg deretter fyll og sett fargen til R = 231 G = 207 B = 180. Flytt til din tavla og bare klikk på den for å åpne Rektangel vindu. Tast inn "860"i begge boksene og klikk deretter på det OK knapp.

2. Slik legger du til teksten

Trinn 1

Velg Typeverktøy (T) og åpne Karakter panelet (Vindu> Type> Tegn). Bruk Texas Tango skrifttypen, sett størrelsen til 120 px,og klikk så enkelt på tavla. Legg til "VILL"tekst og sett fargen til hvit (R = 255 G = 255 B = 255).

Steg 2

Pass på at teksten fortsatt er valgt, fokus på fargeprøver panelet (Vindu> Stikkord), og klikk på [None] -prøven for å kvitte seg med den hvite fyllingen.

Flytt til Utseende panelet (Vindu> Utseende) og klikk det Legg til ny fylling knappen for å legge til en ny fylling for tekststykket. Velg den og sett fargen til R = 212 G = 92 B = 17.

3. Hvordan lage baksiden av teksteffekten

Trinn 1

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til et nytt fyll med det samme Legg til ny fylling knappen og dra den under eksisterende fylling.

Velg den nye fyllingen, sett fargen sin til R = 53 G = 9 B = 8, og deretter gå til Effekt> Path> Offset Path. Skriv inn en 10 px forskyvning, Klikk på OK knappen, og deretter gå til Effekt> Stylize> Avrundede hjørner. Sett Radius til 10 px, klikk OK, og deretter gå til Effekt> Distort & Transform> Transform. Dra Flytt-Vertical skyvekontrollen til 5 px og klikk deretter OK.

Steg 2

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg den nederste fyllingen og gå til Effekt> Stylize> Drop Shadow. Skriv inn attributtene som vises i øverste venstre vindu (i det følgende bildet), klikk på OK knappen, og legg deretter til de andre tre Drop Shadow effekter vist nedenfor.

Trinn 3

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en tredje fylling og dra den mellom de to eksisterende fyllingene.

Velg denne nyeste fylle, sett fargen til R = 76 G = 28 B = 15, og deretter gå til Effekt> Path> Offset Path. Skriv inn en 5 px forskyvning, Klikk på OK knappen, og deretter gå til Effekt> Stylize> Avrundede hjørner. Sett Radius til 6 px, Klikk på OK knappen, og deretter gå til Effekt> Distort & Transform> Transform. Dra Flytt-Vertical skyvekontrollen til 4 px og klikk deretter OK.

Trinn 4

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en fjerde fyll og dra den rett under toppfyllingen.

Velg denne nyeste fyllingen, sett fargen til svart (R = 0 G = 0 B = 0), og deretter gå til Effekt> Path> Offset Path. Skriv inn en 10 px forskyvning, Klikk på OK knappen, og deretter gå til Effekt> Stylize> Avrundede hjørner. Sett Radius til 10 px, Klikk på OK knappen, og deretter gå til Effekt> Distort & Transform> Transform. Dra Flytt-Vertical skyvekontrollen til 5 px, Klikk på OK knappen, og deretter gå til Effekt> Kunstnerisk> Filmkorn. Dra de tre skyvekontrollene som vist i det følgende bildet, og klikk deretter på det OK knapp.

Trinn 5

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg den svarte fyllingen, senk den opacity til 15%, og endre Blandingsmodus til Multiplisere.

Trinn 6

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en femte fyll og dra den rett under toppfyllingen.

Velg denne nyeste fylle, sett fargen til R = 76 G = 28 B = 15, og deretter gå til Effekt> Path> Offset Path. Skriv inn en 10 px forskyvning, Klikk på OK knappen, og deretter gå til Effekt> Stylize> Avrundede hjørner. Sett Radius til 10 px, Klikk på OK knappen, og deretter gå til Effekt> Distort & Transform> Transform. Dra Flytt-Vertical skyvekontrollen til 5 px, Klikk på OK knappen, og deretter gå til Effekt> Skisse> Grafisk penn. Sett Stroke Direction til vertikal, dra de to skyvekontrollene som vist i det følgende bildet, og klikk deretter på det OK knapp.

Trinn 7

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg fyllingen lagt til i forrige trinn, senk dens opacity til 10%, og endre Blandingsmodus til Mykt lys.

Trinn 8

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg toppfyll og gå til Effekt> Stylize> Avrundede hjørner. Sett Radius til 2 px, klikk på OK-knappen, og legg deretter til de to Drop Shadow effekter vist nedenfor.

4. Hvordan lage fremsiden av teksteffekten

Trinn 1

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en ny fylling og dra den over eksisterende.

Velg denne nyeste fyllingen og erstatt den flade fargen med den lineære gradienten som vises nedenfor. Husk at de blå tallene fra gradient bildet står for plassering prosentdel.

Deretter går til Effekt> Stylize> Avrundede hjørner. Sett Radius til 2 px, Klikk på OK knappen, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning, Klikk på OK knappen, og deretter gå til Effekt> Distort & Transform> Transform. Dra Scale-Vertical skyvekontrollen til -96%, ikke glem å sjekke det øverste midtre referansepunktet, og klikk deretter på det OK knapp.

Steg 2

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg toppfyllingen og dupliser den ved hjelp av Kopier det valgte elementet knapp. Velg den nylig tilførte fyllingen, erstatt den lineære gradienten med svart, og gå deretter til Effekt> Kunstnerisk> Filmkorn. Dra de tre skyvekontrollene som vist nedenfor, og klikk deretter på det OK knapp.

Trinn 3

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg fyllingen lagt til i forrige trinn, senk dens opacity til 5%, og endre Blandingsmodus til Multiplisere.

Trinn 4

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en ny fylling og dra den over eksisterende.

Velg denne nyeste fylle, sett fargen til R = 76 G = 28 B = 15, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -1 px forskyvning, Klikk på OK knappen, og deretter gå til Effekt> Skisse> Grafisk penn. Sett Stroke Direction til vertikal, dra de to skyvekontrollene som vist i det følgende bildet, og klikk deretter på det OK knapp.

Trinn 5

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg fyllingen lagt til i forrige trinn, senk dens opacity til 15%, og endre Blandingsmodus til Mykt lys.

Trinn 6

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en ny fylling og dra den over eksisterende.

Velg denne nyeste fylle, sett fargen til R = 235 G = 190 B = 89, endre Blandingsmodus til Mykt lys,og gå til Effekt> Stylize> Avrundede hjørner. Sett Radius til 2 px, Klikk på OK knappen, og deretter gå til Effekt> Stylize> Inner Glow. Skriv inn alle attributter som er vist nedenfor, og klikk deretter på det OK knapp.

Trinn 7

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en ny fylling og dra den over eksisterende.

Velg denne nyeste oppdateringen, endre dens Blandingsmodus til overlegg, og erstatt den flade fargen med den lineære gradienten som er vist nedenfor. Husk at det gule nummeret fra gradient bildet står for opacity prosentdel.

Deretter går til Effekt> Stylize> Avrundede hjørner. Sett Radius til 2 px, Klikk på OK knappen, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -7 px forskyvning, Klikk på OK knappen, og deretter gå til Effekt> Distort & Transform> Transform. Dra Scale-Vertical skyvekontrollen til -96%, ikke glem å sjekke det øverste midtre referansepunktet, og klikk deretter på det OK knapp.

Trinn 8

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg fyllingen lagt til i forrige trinn og gå til Effekt> Uklarhet> Gaussisk uskarphet. Sett Radius til 3 px og klikk deretter på det OK knapp.

Trinn 9

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Vellgir fyllingen lagt til i forrige trinn og dupliser den ved å bruke det samme Kopier det valgte elementet knapp. Velg den nylig lagt fyllingen, senk den opacity til 30%, og fjern det Gaussian Blur effekt.

Trinn 10

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en ny fylling og dra den over eksisterende.

Velg denne nyeste oppdateringen, endre dens Blandingsmodus til overlegg, senk opacity til 20% og erstatt den flade fargen med den lineære gradienten som er vist nedenfor. Husk at det gule nummeret fra gradient bildet står for opacity prosentdel.

Deretter går til Effekt> Stylize> Avrundede hjørner. Sett Radius til 2 px, Klikk på OK knappen, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -5 px forskyvning, Klikk på OK knappen, og deretter gå til Effekt> Distort & Transform> Transform. Dra Scale-Vertical skyvekontrollen til -96%, ikke glem å sjekke det øverste midtre referansepunktet, og klikk deretter på det OK knapp.

Trinn 11

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel.

Velg slag, gjør det svart, sett størrelsen til 6 px,og deretter gå til Effekt> Stylize> Avrundede hjørner. Sett Radius til 2 px, Klikk på OK knappen, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning og klikk deretter på OK knapp.

Trinn 12

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg det slaget, senk det opacity til 25%, og endre Blandingsmodus til Mykt lys.

5. Hvordan lagre og bruke grafiske stiler

Trinn 1

Pass på at teksten fortsatt er valgt, åpne Grafiske stiler panelet (Vindu> Grafiske stiler), og klikk bare på det Ny grafisk stil knapp.

Steg 2

Til slutt kan du legge til ny tekst og bruke lagrede grafiske stiler som vist nedenfor.

Gratulerer! Du er ferdig!

Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter.

Du er velkommen til å justere det endelige designet og gjøre det til ditt eget. Du kan finne noen flotte inspirasjonskilder på GraphicRiver, med interessante løsninger for å forbedre designen din.