Hvordan lage en tretekst-effekt med Adobe Illustrator

I den følgende opplæringen kan du lære å lage "tre tekst". Ved hjelp av 3D Extrude and Command Tool kombinert med noen smarte gradienter og lag effekter kan du lage denne flotte effekten som er perfekt for både tekst og symboler.


Trinn 1

Lag et dokument på 700 til 300 px. Velg Typeverktøyet (T) og legg til teksten. Jeg har brukt New Facebook-fonten, men du kan bruke hvilken som helst skrift du liker. Fyll teksten med fargen vist nedenfor (R = 128 G = 128 B = 128). Utvid teksten. Velg den resulterende gruppen av former, legg til 3D> Extrude & Bevel-effekten, og gå til Objekt> Utvid utseende.


Steg 2

Nå bør du ha et utvalg av former og grupper. Du må organisere disse før du går videre til neste trinn. For det første, la oss fokusere på "V". Velg de øverste figurene (de som er fylt med en lysere gråton), trykk på Control + Shift + G for å gruppere hver form separat, og trykk deretter Control + G for å gruppere dem sammen.

Velg figurene som vises i bilde nr. 2, og klikk på Unite-knappen fra Pathfinder-panelet. Un-gruppen resten av figurene (fylt med en mørkere gråtonde) og grupper dem sammen (bilde nr. 3).


Trinn 3

La oss fortsette med "e". Bruk Unite-knappen fra Pathfinder-panelet for å koble til gruppene av figurer valgt i bilder # 1, # 2 og # 3. Til slutt må du ha to grupper. En med de mørke figurene (bilde nr. 5) og en med lysere figurer (bilde nr. 4).


Trinn 4

Deretter er "C". Igjen, forene formene som er valgt i bilder # 1 og # 2, gjør de to gruppene.


Trinn 5

Nå, "T". Forene formene som er valgt i bilder # 1 og # 2, og opprett deretter gruppene.


Trinn 6

Forene figurene som vises i bilder # 1 og # 2, og gjør de to gruppene.


Trinn 7

Igjen, bruk Unite-knappen for figurene som er valgt i bilder # 1 og # 2, og gjør de to gruppene.


Trinn 8

En gang forrige gang, forene figurene som vises i bilder # 1, # 2 og # 3, og gjør deretter gruppene.


Trinn 9

Dupliser alle toppformene (de som er fylt med en lysere gråton). Velg kopiene og gå til Objekt> Sammensatt sti> Gjør så navnet på den resulterende formen "vvv". Du trenger denne formen i flere fremtidige trinn, så sørg for at du alltid har en kopi.

Velg en "vvv" kopi, fyll den med R = 198 G = 156 B = 109 og legg til Texturizer-effekten (Effect> Texture> Texturizer).


Trinn 10

Deretter må du kvitte seg med de pixelerte kantene. Åpne transparentpaletten. Velg en "vvv" kopi, fyll den med hvit og flytte den over teksturformen. Nå, velg begge formene, gå til uttrekksmenyen på Transparentpanelet og klikk på Opprett maske.


Trinn 11

Velg en ny "vvv" kopi og ta den til forsiden (Shift + Control + Right Square Bracket). Fyll det med hvitt, legg til den innvendige gløden, og gå til Objekt> Utvid utseende. Bare hold den utvidede innvendige gløden (slett den andre formen). Endre blandingstilstanden til Multiply og senk opaciteten til 30%.


Trinn 12

Opprett en ny "vvv" kopi og ta den til forsiden (Shift + Control + Right Square Bracket). Fyll den med den venstre lineære gradienten, og legg til en ny fylling (fra flytmenyen til Utseendepanelet) og bruk den høyre lineære gradienten.

Velg den første fyllingen (fra Utseende-panelet), endre blandemodus til Overlegg og senk oppakten til 10%. Velg den andre gradienten, endrer blandingstilstanden til Multiply og senk densiteten til 50%. Velg figurene som ble gjort i trinnene # 9, # 10, # 11 og # 12, og grupp dem. Gi det navnet "Wood" og gjør det usynlig (for øyeblikket).


Trinn 13

Deretter må du lage en rekke tynne former langs kanten av toppformene. Gå først til Rediger> Innstillinger> Generelt og skriv inn et 0,5px tastaturforhøyelse.

La oss nå fokusere på "V" -formene. Velg formen vist i bilde nr. 1 og lag to kopier. Velg den øverste og trykk deretter på pil ned og høyre pil to ganger (for å flytte den 1px til høyre og 1px ned). Velg de to kopiene og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll de resulterende formene med hvitt og senk deres opasitet til 40%. Gjenta de samme teknikkene for de andre to figurene (bilde nr. 3 og bilde nr. 5).


Trinn 14

Dupliser formen fremhevet i bilde # 1. Velg toppen og trykk på venstre pil og opp pil en gang (for å flytte den 0,5 px opp og 0,5 px til venstre). Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll de resulterende figurene med svart og senk deres opasitet til 50%. Gjenta de samme teknikkene for de andre to figurene (bilde nr. 3 og bilde nr. 5).


Trinn 15

Gjenta de samme teknikkene for resten av toppformene. Velg alle disse tynne figurene og grupp dem. Ta med denne nye gruppen på forsiden (Shift + Control + Right Square Bracket). Slå "Wood" tilbake til synlig, og lås begge gruppene.


Trinn 16

La oss nå fokusere på mørkere former. Først fyll dem alle med R = 66 G = 33 B = 11. Deretter lager du de fire gradienter og lagrer dem i panelet Farger. Bare navnet dem "1", "2", "3" og "4". Du trenger dem i neste trinn.


Trinn 17

Nå må du legge til noen nye fyllinger for de fleste av disse figurene. Ta en titt på bildene for å forstå nøyaktig hvor mange og hvilke gradienter du må bruke for hver fylling.


Trinn 18

Deretter er skyggen. Velg en kopi av "vvv" og gå til Objekt> Path> Offset Path. Skriv inn en 1px Offset og trykk OK. Velg den resulterende formen, send den til baksiden (Shift + Control + Venstre firkantbrakett) og flytte den noen få piksler ned og til høyre. Fyll den med svart, legg til en 0,5 Gaussian Blur og senk dens opasitet til 30%.


Trinn 19

Dupliser formen som ble gjort i forrige trinn. Velg denne kopien, flytt den under originalen og gjør den litt større (bare endre størrelsen på den). La den være svart, men øk Gaussian Blur til 5px og opaciteten til 50%.


Trinn 20

Velg en annen "vvv" kopi og gå til Objekt> Sti> Offset-vei. Skriv inn en 6px offset og klikk OK. Velg den resulterende formen, send den til baksiden og flytte den noen få piksler ned og til høyre. Fyll den med svart, legg til en 3px Gaussian Blur og senk dens opasitet til 5%.


Trinn 21

Velg pennverktøyet (P) og opprett en form som den røde som vises i bilde # 1. Velg den sammen med "vvv" -formen (det er siste gang du trenger denne formen) og klikk på Intersect-knappen fra Pathfinder-panelet. Velg de resulterende figurene og gå til Objekt> Sammensatt sti> Lag. Ta den resulterende formen til forsiden. Fyll den med den lineære gradienten og senk dens opasitet til 10%.


Trinn 22

Til slutt, bakgrunnen. Opprett et 600 x 300px rektangel, send det til baksiden (Shift + Control + Venstre Square Bracket) og fyll det med R = 198 G = 156 B = 109. Legg til en ny utfylling (fra uttrekksmenyen til Utseendepanelet), bruk den andre fargen og endre blandingsmodus til skjermbildet.

Velg denne andre fyllingen (fra Utseendepanelet), og legg deretter til Halvtonemønsteret (Effekt> Skisse> Halvtonemønster), Retikulasjon (Effekt> Skisse> Retikulasjon) og Diffus Glød (Effekt> Forvrid> Diffus Glød) effekter (i denne rekkefølgen ).

Legg til en tredje fyll og bruk den lineære gradienten. Velg denne siste fyllingen, endre blandingstilstanden til Multiply, og senk dens opasitet til 10%.


Trinn 23

For en endelig effekt velg Rektangelverktøyet (M). Lag en form av 700 x 20 px og legg den i toppen av Artboard. Legg til Transform-effekten (Effect> Distort & Transform> Transform) og gå til Objekt> Utvid utseende. Velg alle syv rektangler og gå til Objekt> Forbindelsesvei> Lag. Fyll den resulterende formen med den lineære gradienten (vær oppmerksom på glidebryterens plassering), bytt blandingstilstanden til fargeforbrenning og senk dens opasitet til 50%.


Konklusjon

Der har du det, en tretekst-effekt. Du kan bruke trinnene i denne opplæringen til å lage dine egne egendefinerte overskrifter for webdesign, eller til og med å lage noen tre stilikonsett. Bruk fantasien og ferdighetene du lærte, og du vil bli overrasket over hva du kan komme med.