Slik lager du en isometrisk teksteffekt i Adobe Illustrator

Hva du skal skape

I de følgende trinnene lærer du hvordan du lager en enkel isometrisk teksteffekt i Adobe Illustrator. 

Til å begynne med lærer du hvordan du lager et grunnleggende stykke tekst og hvordan du gjør det til et 3D-objekt ved hjelp av 3D Extrude & Bevel-effekten. Deretter lærer du hvordan du raskt velger en haug med figurer med lignende attributter og hvordan du gjør dem til sammensatte stier. Til slutt lærer du hvordan du farger og organiserer figurene dine, hvordan du lager en enkel bakgrunn, og hvordan du legger til subtil skygging ved hjelp av Transform-effekten.

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 med tekst

Trinn 1

Truffet Kontroll-N å lage en Nytt dokument. Å velge piksler fra enheter nedtrekksmenyen. Tast inn 850 i Bredde boks og 600 i Høyde boksen og klikk deretter på Avansert knapp. Å velge RGB for Fargemodus, sett Raster Effects til Skjerm (72 ppi), og klikk deretter på Opprett dokument knapp.

Gå til Rediger> Innstillinger> Enheter og sørg for at de tre måleenhetene er satt til piksler.

Steg 2

Velg Typeverktøy (T) og fokus på Karakter panelet (Vindu> Type> Tegn). Velg Silkscreen utvidet skrift og sett inn Størrelse til 200 px.

Flytt til din tavle og bare klikk på den. Legg til teksten din og sett fargen sin til R = 251 G = 137 B = 100.

2. Slik legger du til en 3D-effekt og utvider den

Trinn 1

Pass på at teksten din fortsatt er valgt og gå til Effekt> 3D> Extrude & Command. Klikk på Flere valg knappen, skriv inn alle attributter som vises nedenfor, og klikk deretter på OK knapp. Til slutt bør ting se ut som følgende bilde.

Steg 2

Med ditt stykke tekst fortsatt valgt, gå til Objekt> Utvid Utseende. Pass på at den resulterende gruppen av figurer forblir valgt og trykk på Skift-Control-G tastaturgenvei tre ganger for å kvitte seg med alle disse gruppene og undergruppene.

Flytt til lag panelet (Vindu> Lag), Utvide det eksisterende laget, og du bør ha en rekke figurer som vist i bildet nedenfor.

3. Slik farger og organiserer du teksten

Trinn 1

Velg Utvalgsverktøy (V) og velg alle former som utgjør den øverste siden av 3D-teksten. Bare gå til Objekt> Forbindelsesvei> Lag eller bruk Kontroll-8 tastaturgenvei for å veksle de valgte figurene i en sammensatt bane.

Forsikre deg om at din sammensatte bane forblir valgt, ta den med forsiden med Shift-Control-] tastaturgenvei, og fokuser deretter på Utseende panelet (Vindu> Utseende). 

Først, erstatt eksisterende Fylle farge med R = 255 G = 200 B = 0, og velg deretter Stroke. Sett fargen sin til R = 46 G = 58 B = 58 og klikk deretter på "Stroke"stykke tekst for å åpne Stroke fly-out panel. Øk Vekt til 4 px, og ikke glem å sjekke det Round Join knapp.

Steg 2

Fokus på lag panel, åpne det eksisterende laget, og den sammensatte banen som ble gjort i det forrige trinnet, skal ligge øverst. Bare gi nytt navn til det "Topp" og så Fjern merkingen det øyeikonet for å gjøre det usynlig for nå.

Nå må du velge alle former som utgjør grunnlaget for 3D-teksten. Bruker Utvalgsverktøy (V), velg bare en av disse figurene og gå til Velg> Samme> Utseende. Dette vil i utgangspunktet velge alle former med det samme Utseende attributter fra dokumentet ditt. 

Når du har valgt alle de valgte figurene, må du slå dem til en ny sammensatt bane (Kontroll-8). Pass på at denne nye sammensatte banen forblir valgt, erstatt eksisterende Fylle farge med svart (R = 0 G = 0 B = 0), og send den til baksiden ved hjelp av Shift-Control-[ hurtigtast.

Gå tilbake til lag panel og bla til bunnen av panelet for å komme til den sammensatte banen i dette trinnet. Gi nytt navn til det "Utgangspunkt"og lås den for å være sikker på at du ikke vil velge eller flytte den ved et uhell.

Trinn 3

Du er velkommen til å hoppe over dette trinnet, da følgende trekk ikke endrer utseendet på det endelige designet. Bare følg det hvis du liker å ha din lag panel rent og godt organisert.

I utgangspunktet må du fjerne alle sidene av 3D-teksten din som vil ende opp skjult når du slår tilbake synligheten for det "Topp"sammensatt bane. Flytt fra ett brev til et annet, velg de uønskede formene, og bare fjern dem ved hjelp av Slett nøkkel. Til slutt skal ting se ut i det femte bildet.

4. Farge og organisere sidens sider av teksten

Trinn 1

Velg en av de lysebrune figurer og gå til Velg> Samme> Fyll farge å velge resten av figurene med det samme Fylle farge. Pass på at alle disse figurene forblir valgt, og fokus på Utseende panel.

Erstatt eksisterende Fylle farge med R = 0 G = 173 B = 236 og velg deretter Stroke. Sett fargen sin til R = 46 G = 58 B = 58 og så åpne det Stroke fly-out panel. Øk Vekt til 4 px, og ikke glem å sjekke det Round Join knapp.

Steg 2

Velg en av de resterende brune former og gå igjen til Velg> Samme> Fyll farge. Pass på at alle disse figurene forblir valgt og gå tilbake til Utseende panel.

Erstatt eksisterende Fylle farge med R = 252 G = 130 B = 119 og velg deretter Stroke. Sett fargen sin til R = 46 G = 58 B = 58 og så åpne det Stroke fly-out panel. Øk Vekt til 4 px,og ikke glem å sjekke det Round Join knapp.

5. Legg til en bakgrunn og en enkel skygge

Trinn 1

Bruker Rektangelverktøy (M), opprett en 850 x 600 px form. Pass på at den dekker hele tavla, og sett inn Fylle farge til R = 0 G = 173 B = 236.

Steg 2

Gå til lag panelet og låse opp det "Utgangspunkt"sammensatt bane. Velg den og flytte den til Utseende panel.

Endre Blandingsmodus til Mykt lys og deretter gå til Effekt> Path> Offset Path. Skriv inn en 2 px forskyvning og sett tiltrer til Rund. Klikk det OK knappen og gå til Effekt> Distort & Transform> Transform. Dra Move-Horisontal skyvekontrollen til 0,2 px, Tast inn 100 i kopier boks, klikk på OK knappen, og du er ferdig.

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.