Slik lager du en varm, retro tekst-effekt i Adobe Illustrator

Hva du skal skape

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

Til å begynne med lærer du hvordan du lager bakgrunnen, hvordan du arbeider med radiale gradienter, og hvordan du bruker innbyggede mønstre. Ved å bruke et enkelt tekststykke og dra full nytte av Utseendepanelet, lærer du hvordan du lager den endelige tekst-effekten. Du lærer hvordan du arbeider med flere fyllinger og slag og hvordan du stiliserer dem ved hjelp av effekter eller blandingsteknikker.

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 sette opp et rutenett

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

Aktiver rutenettet (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Du trenger et rutenett hver 5 px, så bare gå til Rediger> Innstillinger> Guider> Grid, og skriv inn 5 i Gridline hver boks og 1 i inndelinger eske. Forsøk ikke å bli motløs av alt det rutenettet - det vil gjøre arbeidet enklere, og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av Styre-" hurtigtast.

Du kan lære mer om Illustrators gridsystem i denne korte opplæringen fra Andrei Stefan: Forstå Adobe Illustrators grid system.

Du bør også åpne info panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enheter. Alle disse alternativene øker arbeidshastigheten betydelig.

2. Hvordan lage bakgrunnen

Trinn 1

Velg Rektangelverktøy (M), opprett en 860 x 660 px rektangel, og sørg for at den dekker hele tavlen. Fyll den med den radiale gradienten som vises nedenfor og bruk Gradient Tool (G) å strekke gradienten din som vist i det følgende bildet.

Steg 2

For dette trinnet trenger du en av de innebygde mønstrene. Fokus på fargeprøver panelet (Vindu> Stikkord), åpne avtrekksmenyen, og gå til Åpne Swatch Library> Mønster> Grunnleggende grafikk> Grunnleggende Graphics_Textures. Dette åpner et nytt panel med en gjeng med innebygde mønstre.

Velg ditt rektangel, flytt til Utseende panelet (Vindu> Utseende), og legg til et nytt fyll ved å bruke Legg til ny fylling knapp. Velg den nye fyllingen og bruk bare Crosses mønster.

Trinn 3

Pass på at rektangelet ditt fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg toppfyllingen, senk dens opacity til 30%, endre Blandingsmodus til Fargeforbrenning, og deretter gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn attributtene som vises i det følgende bildet, og klikk deretter på det OK knapp.

3. Hvordan legge til teksten

Trinn 1

Velg Typeverktøy (T) og åpne Karakter panelet (Vindu> Type> Tegn). Velg Dokyo-skrifttypen og sett deretter størrelsen og fører til 150 px. Bare klikk på tavla og legg til den hvite (R = 255 G = 255 B = 255) tekst.

Steg 2

Pass på at teksten forblir valgt. Først, gå til fargeprøver panel og bare fjerne det hvite fra tekstfarge.

Deretter flytter du til Utseende panel og klikk Legg til ny fylling. Velg den nye fyllingen og sett fargen sin til R = 27 G = 117 B = 188.

4. Hvordan lage teksteffekten

Trinn 1

Pass på at teksten forblir valgt, fokus på Utseende panel, og legg til et nytt fyll ved å bruke det samme Legg til ny fylling knapp. Velg denne nye fyllingen og bruk det samme Crosses mønster (nå som du allerede har brukt det, kan du også finne det i fargeprøver panel). 

Senk dens opacity til 30%, endre Blandingsmodus til Fargeforbrenning, og deretter gå til Effekt> Distort & Transform> Transform. Fjern merket for Transform objekter boksen og sjekk Transform mønstre boks, dra begge Scale skyvekontrollene til 50%, og klikk deretter OK. Pass på at din mønsterfylling fortsatt er valgt og gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn attributtene som vises i det følgende bildet, og klikk deretter OK.

Steg 2

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

Velg slag, sett fargen til R = 0 G = 73 B = 113 og Vekt til 4 px, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning, klikk OK, og deretter gå til Effekt> Distort & Transform> Transform. Dra begge deler Bevege seg skyvekontrollene til 0,1 px, Tast inn 40 i det kopier boksen, og klikk deretter på OK knapp.

Trinn 3

Pass på at teksten fortsatt er valgt, fortsett å fokusere på Utseende panel, og legg til et nytt slag ved hjelp av Legg til nytt slag knapp.

Velg denne nye strekningen, sett fargen til R = 255 G = 200 B = 50 og Vekt til 4 px, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning og klikk OK.

Trinn 4

Pass på at teksten fortsatt er valgt, fortsett å fokusere på Utseende panel, og legg til et tredje slag ved hjelp av det samme Legg til nytt slag knapp.

Velg denne nye strekningen, sett fargen til R = 0 G = 73 B = 113 og Vekt til 1 px, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning og klikk OK.

Trinn 5

Pass på at teksten fortsatt er valgt, fortsett å fokusere på Utseende panel, og legg til en ny fylling.

Dra den under eksisterende fyll, sett fargen til R = 24 G = 42 B = 62, og deretter gå til Effekt> Distort & Transform> Transform. Dra begge deler Bevege seg skyvekontrollene til -0,1 px, Tast inn 30 i det kopier boksen, og klikk deretter OK.

Trinn 6

Pass på at teksten fortsatt er valgt, fortsett å fokusere på Utseende panel, og legg til en ny fylling.

Dra den under eksisterende fyll, sett fargen til R = 24 G = 42 B = 62, og deretter gå til Effekt> Distort & Transform> Transform. Dra begge deler Bevege seg skyvekontrollene til 0,1 px, Tast inn 140 i det kopier boksen, og klikk deretter OK.

Trinn 7

Pass på at teksten fortsatt er valgt, fortsett å fokusere på Utseende panel, og legg til en ny fylling.

Dra den under eksisterende fyll og sett fargen til R = 24 G = 42 B = 62. Endre dens Blandingsmodus til Mykt lys og deretter gå til Effekt> Distort & Transform> Transform. Dra begge deler Bevege seg skyvekontrollene til 0,1 px, Tast inn 250 i det kopier boksen, og klikk deretter OK.

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 design.