Slik lager du en fargerik 3D-tekst-effekt i Adobe Illustrator

Hva du skal skape

I de følgende trinnene lærer du hvordan du oppretter en fullstendig redigerbar, fargerik, 3D-tekst-effekt i Adobe Illustrator. 

For det første lærer du hvordan du lager en enkel bakgrunn og hvordan du legger til litt tekst. Når du tar full nytte av Utseendepanelet og bruker en mengde fyll og effekter, lærer du hvordan du oppretter din fullstendig redigerbare teksteffekt. Endelig lærer du hvordan du enkelt lagrer og bruker grafiske stiler.

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

1. Lag bakgrunnen og legg til teksten

Trinn 1

Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 850 i breddeboksen og 1000 i høydeboksen, og klikk deretter på Avansert knapp. Å velge RGB, Skjerm (72ppi) og sørg for at Juster nye objekter til pikselruten boksen er ikke merket før du klikker OK.

Velg Rektangelverktøy (M) og fokus på verktøylinjen. Fjern fargen fra streken, og velg deretter fyll og sett fargen til R = 0 G = 100 B = 145. Flytt til din tavla og bare klikk på den for å åpne Rektangel vindu. Sett Bredde til 860 px og Høyde til 1010 px og klikk deretter på det OK knapp. Pass på at denne nyopprettede formen dekker hele tavla.

Steg 2

Gå tilbake til verktøylinjen og sett fyllfargen til hvit (R = 255 G = 255 B = 255). Velg Typeverktøy (P) og åpne Karakter panelet (Vindu> Type> Tegn). Velg Milkshake font og sett Størrelse til 170 pt. Bare klikk på tavla og legg til "Endring"stykke tekst som vist nedenfor.

Trinn 3

Bruk samme verktøy og attributter, legg til de tre andre tekststykkene som vist i de følgende bildene.

2. Legg til farge i teksten

Trinn 1

Velg ditt øverste stykke tekst. Først fjerner du bare den eksisterende fyllfargen, som vil gjøre teksten usynlig.

Flytt til Utseende panelet (Vindu> Utseende) og treffer Legg til ny fylling knappen for å legge til en fylling for det valgte teksten. Velg den og sett fargen til R = 255 G = 200 B = 0.

Steg 2

Pass på at tekststykket ditt forblir valgt og fortsett å fokusere på Utseende panel.

Bruker det samme Legg til ny fylling knappen, legg til en ny fylling for teksten. Velg den, sett fargen til hvit, og klikk deretter på "opacity"stykke tekst som står for denne nye fyllingen for å åpne åpenhet fly-out panel. Endre Blandingsmodus til overlegg og senk opacity til 50%.

Trinn 3

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Legg til en tredje fylling og dra den over eksisterende. Velg den, sett fargen til R = 255 G = 200 B = 0, og deretter gå til Effekt> Distort & Transform> Transform. Dra begge deler Scale skyvekontrollene til 99,7%, og ikke glem å sjekke nedre venstre referansepunkt.

Trinn 4

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Legg til en fjerde fyll og dra den under de eksisterende. Velg den, sett fargen til R = 255 G = 200 B = 0, og deretter gå til Effekt> 3D> Extrude & Command. Klikk på Flere valg knappen, skriv inn alle attributter som er vist nedenfor, og klikk deretter på OK knapp.

Trinn 5

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Velg bunnfyll 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 6

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Legg til en femte fyll og dra den under de eksisterende. Velg den, sett fargen til R = 255 G = 63 B = 79, og deretter gå til Effekt> Path> Offset Path. Skriv inn en 15 px forskyvning og klikk deretter på OK knapp.

Trinn 7

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Velg den nederste fyllingen og gå til Effekt> 3D> Extrude & Command. Skriv inn alle attributter som er vist nedenfor, og klikk deretter på OK knapp.

Trinn 8

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Velg den nederste fyllingen og legg til de tre Drop Shadow effekter vist nedenfor.

3. Legg til skygge for teksten

Trinn 1

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Legg til en ny fylling og dra den under de eksisterende. Velg den, sett fargen til svart (R = 0 G = 0 B = 0), og deretter gå til Effekt> Path> Offset Path. Skriv inn en 5 px forskyvning, Klikk på OK knappen, og gå til Effekt> 3D> Extrude & Command. Skriv inn attributtene som vises nedenfor, klikk på OK knappen, og deretter gå til Effekt> Distort & Transform> Transform. Dra begge deler Bevege seg skyvekontrollene til 15 px og klikk deretter på OK knapp.

Steg 2

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Velg den svarte fyllingen, senk den opacity til 60% og deretter gå til Effekt> Uklarhet> Gaussisk uskarphet. Sett Radius til 15 px og klikk deretter på det OK knapp.

Trinn 3

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Velg den svarte fyllingen og dupliser den ved hjelp av Kopier det valgte elementet knapp. Fokuser på den nederste svarte fyllingen og bli kvitt det Gaussian Blur effekt. Endre også Blandingsmodus til Mykt lys og senk opacity til 10%.

Trinn 4

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Legg til en ny fylling og dra den under de eksisterende. Velg den, sett fargen til svart, og gå til Effekt> Path> Offset Path. Skriv inn en 5 px forskyvning, Klikk på OK knappen, og gå til Effekt> 3D> Extrude & Command. Skriv inn attributtene som vises nedenfor, klikk på OK knappen, og deretter gå til Effekt> Distort & Transform> Transform. Dra begge deler Bevege seg skyvekontrollene til 40 px og klikk deretter på OK knapp.

Trinn 5

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Velg den nederste svarte fyllingen, senk den opacity til 10%, og deretter gå til Effekt> Uklarhet> Gaussisk uskarphet. Sett Radius til 20 px og klikk deretter på det OK knapp.

Trinn 6

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Velg den nederste svartfyllingen og dupliser den med samme Kopier det valgte elementet knapp. Fokuser på den nederste svarte fyllingen og bli kvitt det Gaussian Blur effekt. Endre også Blandingsmodus til Mykt lys og senk opacity til 10%.

Trinn 7

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Legg til en ny fylling og dra den over eksisterende. Velg den og erstatt eksisterende farge med den lineære gradienten som vises nedenfor. Husk at den gule nullen fra gradient bildet står for opacity prosentdel. Med denne nye fyllingen fortsatt valgt, gå til Effekt> Pathfinder> Legg til og deretter gå til Effekt> Path> Offset Path. Skriv inn en -4 px forskyvning og treffer OK knapp.

Trinn 8

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Velg den øverste fyllingen, senk den opacity til 30%, og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 5 px radius og klikk på OK knapp.

Trinn 9

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Velg den øverste fyllingen og dupliser den med samme Kopier det valgte elementet knapp. Velg denne nylig tilførte fyllingen og erstatt den eksisterende lineære gradienten med den som er vist nedenfor. Husk at de gule tallene står for opacity prosentvis mens de blå står for plassering prosentdel. Når du er ferdig, senk denne fyllingen opacity til 50% og endre Blandingsmodus til Mykt lys, og klikk deretter på eksisterende Offset-banen effekt. Senk offset til -2 px og klikk på OK knapp.

Trinn 10

Pass på at tekststykket ditt fremdeles er valgt og fortsett å fokusere på Utseende panel.

Legg til en ny fylling og dra den over eksisterende. Senk dens opacity til 75%, endre Blandingsmodus til Mykt lys, og erstatt eksisterende farge med den lineære gradienten vist nedenfor. Ikke glem at gult null fra gradient bildet står for opacity prosentdel. Med denne nye fyllingen fortsatt valgt, gå til Effekt> Pathfinder> Legg til og deretter gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning og treffer OK knapp.

4. Lagre og bruk en grafisk stil

Trinn 1

Pass på at tekststykket ditt fremdeles er valgt, åpne Grafiske stiler panelet (Vindu> Grafiske stiler), og bare klikk på det Ny grafisk stil knappen for å lagre attributter til det valgte objektet.

Steg 2

Velg resten av teksten og bruk bare grafikkstilen din.

5. Legg til Subtle Shading for den samlede illustrasjonen

Trinn 1

Velg ditt blå rektangel, lag en kopi foran (Control-C> Control-F) og ta det til forsiden (Shift-Control-]). Velg denne kopien og erstatt eksisterende fyllfarge med den radiale gradienten som vises nedenfor. Igjen, husk at det gule nullet står for opacity prosent og bruk Gradient Tool (G) for å justere gradienten din som vist nedenfor.

Steg 2

Kontroller at rektangelet som ble lagt til i forrige trinn, fortsatt er valgt og endre det Blandingsmodus til Mykt lys.

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 gode inspirasjonskilder på Envato Market, med interessante løsninger for å forbedre ditt design.