Slik lager du en Retro Chrome Text Effect i Adobe Illustrator

Hva du skal skape

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

Til å begynne med lærer du hvordan du setter opp et enkelt nett og hvordan du lager en mørk bakgrunn. Ved hjelp av Rectangular Grid Tool og noen grunnleggende blandingsteknikker, lærer du hvordan du legger til et subtelt rutenett i bakgrunnen. 

Når du tar full nytte av Utseendepanelet og bruker en fin skrift fra Envato Elements, lærer du hvordan du lager din fullt redigerbare retro krom tekst effekt. Til slutt lærer du hvordan du legger til en subtil tekstur for hele designen.

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 450 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, Tast 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) og fokus på verktøylinjen. Fjern fargen fra streken, og velg deretter fyll og sett fargen til R = 7 G = 9 B = 21. Flytt til din tavla og bare opprett en 860 x 460 px rektangel - rutenettet og funksjonen Snap to Grid skal gjøre dette enklere.

Nå må du sentrere rektangelet. Pass på at denne formen forblir valgt og åpne Rette inn panelet (Vindu> Juster). Å velge Juster til Artboard (åpne flyoutmenyen og gå til Vis alternativer hvis du ikke kan se Juster til delen som vist på bildet nedenfor) og klikk deretter på Horisontal justeringssenter og Vertikal Justeringssenter knapper. Til slutt skal rektangelet dekke hele tavlen.

Steg 2

Velg Rektangulært rutenettverktøy og bare klikk på tavla. Skriv inn alle attributter som vises i følgende bilde, og klikk deretter OK.

Senter denne nyopprettede gruppen av baner og fokus på topplinjen. Pass på at det ikke er satt farger for fyllingen, endre slagfargen til R = 251 G = 85 B = 195, og sett Stroke Weight til 2 px.

Trinn 3

Pass på at gruppen din med rosa baner forblir valgt og gå til Objekt> Sti> Oversikt over strekk. Flytt til Pathfinder panelet (Vindu> Pathfinder) og klikk på Forene knapp. Fyll den resulterende formen med den radiale gradienten som vises nedenfor og senk dens opacity til 25%. Husk at den gule nullen fra gradient bildet står for opacity prosentdel.

3. Hvordan lage Chrome Text Effect

Trinn 1

Velg Typeverktøy (T) og åpne Karakter panelet (Vindu> Type> Tegn). Velg Etna-skrifttypen (eller hvilken som helst fet skrift som du foretrekker), og sett størrelsen til 135 px og sporing til 100. Bare klikk på tavla, legg til "CHROME"stykke tekst, og gjør den hvit (R = 255 G = 255 B = 255).

Steg 2

Pass på at teksten blir valgt og bare fjern den hvite fyllefargen. Flytt til Utseende panel legg til en ny fylling for teksten din ved hjelp av Legg til ny fylling knapp. Velg den nye fyllingen og bruk den lineære gradienten som vises nedenfor. Husk at de blå tallene fra gradient bildet står for plassering prosentdel. Når du er ferdig, lagre denne gradienten inne i din fargeprøver panelet (Vindu> Stikkord).

Trinn 3

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg eksisterende fyll og gå til Effekt> Stylize> Inner Glow. Skriv inn attributtene som vises i det følgende bildet, og klikk deretter på det OK knapp.

Trinn 4

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg den eksisterende fyllingen og dupliser den ved hjelp av Kopier det valgte elementet knapp.

Fokus på bunnfyllingen, fjern eksisterende Indre glød effekt, og deretter gå til Effekt> Path> Offset Path. Skriv inn en 2 px forskyvning, klikk det OK knappen, og deretter 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 bruk deretter de andre tre Drop Shadow effekter vist nedenfor.

Trinn 5

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. Senk dens opacity til 30% og endre Blandingsmodus til Fargeforbrenning, bruk den lineære gradienten som vises nedenfor, og gå deretter til Effekt> Path> Offset Path. Skriv inn en 1 px forskyvning sti og klikk deretter OK.

Trinn 6

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en fjerde fyll og dra den under eksisterende fyllinger. Senk dens opacity til 30%, sett fargen til R = 251 G = 85 B = 195, og deretter gå til Effekt> Path> Offset Path. Skriv inn en 12 px forskyvning, klikk det OK knappen, og deretter gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 30 psi Radius og klikk deretter OK.

Trinn 7

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg strekk, sett fargen til hvit, og øk Vekt til 2 px. Senk dens opacity til 50% og endre Blandingsmodus til overlegg, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -1 px forskyvning og klikk deretter OK.

Trinn 8

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 og endre dens Blandingsmodus til overlegg. Sett Vekt til 1 px, Bruk den lineære gradienten som vises i det følgende bildet, og gå deretter til Effekt> Path> Offset Path. Skriv inn en -0,5 px forskyvning og klikk deretter OK.

Trinn 9

Pass på at teksten fortsatt er valgt, fortsett å fokusere på Utseende panel, og legg til et tredje slag.

Dra den over bunnen, fyll inn Vekt til 6 px, og bruk den lineære gradienten som vises i det følgende bildet. Senk dens opacity til 10%, endre Blandingsmodus til Mykt lys, og deretter gå til Effekt> Path> Offset Path. Skriv inn en 3 px forskyvning, klikk det OK knappen, og deretter gå til Effekt> Distort & Transform> Transform. Dra Flytt-Vertical skyvekontrollen til 2 px og klikk deretter OK.

Trinn 10

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

Velg den nye fyllingen og sett fargen til svart (R = 0 G = 0 B = 0). Senk dens opacity til 5% og endre Blandingsmodus til overlegg, og deretter gå til Effekt> Path> Offset Path. Skriv inn en 2 px forskyvning, klikk det OK knappen, og deretter gå til Effekt> Skisse> Chrome. Skriv inn attributtene som vises i det følgende bildet, og klikk deretter OK.

4. Hvordan legge til en annen tekst-effekt og en subtil struktur

Trinn 1

Velg Typeverktøy (T) og fokus på Karakter panel. Velg Harlow Solid Kursiv skrifttype og angi størrelsen til 80 px. Klikk på tavla og legg til "retro"stykke tekst. Pass på at teksten ikke har et fargesett for fyllingen eller for streken, fokus på Utseende panel, og legg til en ny fyll med det samme Legg til ny fylling knapp. Velg den og bruk den lineære gradienten som vises nedenfor.

Steg 2

Pass på at "retro"Tekst er fortsatt valgt, fortsett å fokusere på Utseende panel, og legg til en ny fylling. Velg den og bruk den lineære gradienten som vises nedenfor. Senk dens opacity til 30%, endre Blandingsmodus til overlegg, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning og klikk deretter OK.

Trinn 3

Bruker Rektangelverktøy (M), lage en ny 860 x 460 px rektangel og senter det. Sett fyllfarge til svart, senk det opacity til 5%, endre Blandingsmodus til Mykt lys, og deretter gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn attributtene som vises i det følgende bildet, 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.