Lag en bøyende 3D-tekst-effekt i Adobe Illustrator

I den følgende opplæringen lærer du hvordan du lager en 3D Text Effect i Adobe Illustrator. I tillegg til å bruke 3D-verktøyene, vil du lagre bokstaver for å lage fargeskift med gradienter og høydepunkter. Du vil også arbeide i subtile mønstre styrt med Opacity Masks.


Trinn 1

Lag et 600 x 620px, RGB-dokument og start med bakgrunnen. Bruk rektangulærverktøyet (M) til å lage en form på størrelsen på tavlen. Fyll den med en lineær gradient, som vist i det følgende bildet. Ta en nærmere titt på gradienten i bildet, og du vil legge merke til noen hvite tall over skyvekontrollene for gradienter. Disse tallene står for plasseringsprosent.


Steg 2

Velg formen fra forrige trinn og gå til Utseendepanelet (Vindu> Utseende). Åpne utløpsmenyen og klikk på Legg til ny fylling. Dette vil legge til en ny fylling for den valgte figuren. Gjør det svart, senk Opacity til 3%, endre blandemodus til Multiply, og gå deretter til Effect> Artistic> Film Grain. Skriv inn dataene som vises i følgende bilde, og klikk OK.


Trinn 3

Velg det rektangulære nettverktøyet og klikk bare på tavlen. Skriv inn alle dataene som vises i følgende bilde, og klikk OK. Dette vil legge til et fint rutenett. Velg den, legg til et 0,25pt, svart slag og legg det over det eksisterende rektangelet.


Trinn 4

Velg rektangulærverktøyet (M), lag en ny form på størrelsen på tavlen, og plasser den over rutenettet. La oss fokusere på denne nye formen. Velg direkte markeringsverktøyet (A), velg nederst, venstre ankerpunkt og flytt det 350px til venstre. Velg nederste, høyre ankerpunkt og flytt det 350px til høyre. Nå skal formen din se ut som en trapezoid (bilde nr. 1). Velg den sammen med rutenettet og gå til Objekt> Konvolutt forvreng> Lag med toppobjekt. Til slutt bør nettverket ditt se ut som bilde nr. 3.


Trinn 5

Tilbakestill rutenettet, senk Opacity til 10%, og endre blandemodus til Multiply. Gå nå til Effect> Artistic> Film Grain. Skriv inn dataene som vises i det første bildet, og klikk deretter OK.

Velg rektangulærverktøyet (M), lag en form på størrelsen på tavlen, og fyll den med den lineære gradienten (vist i det andre bildet). Velg denne nye formen sammen med rutenettet og gå til Transparentpanelet (Vindu> Transparent). Åpne fly-out-menyen, og klikk på Make Opacity Mask. Nå skal formen din se ut som bilde nr. 3. Til slutt, lås alle former opprettet så langt.


Trinn 6

La oss legge til teksten. Velg typeverktøyet (T) og legg til det første ordet (Vector). Bruk techno overload BRK font med en størrelse på 180pt og sett fargen på R = 0, G = 178, B = 180. Deretter velger du Vertikal Type Tool og legger til det andre ordet. Bruk samme skrift, størrelse og farge, men skriv inn -200 i sporingsboksen. Velg disse to ordene og gå til Objekt> Utvid.


Trinn 7

Nå bør du ha to grupper med de utvidede ordene. Velg "VECTOR" -gruppen og trykk Shift + Command + G for å gruppere den, velg deretter den andre gruppen og gå til Objekt> Sammensatt sti> Lag. Velg den resulterende banen sammen med "T" fra "VECTOR".

Velg markeringsverktøyet (V), klikk på grensen til "T" (det bør bli understreket), og gå deretter til Juster-panelet (Vindu> Juster) og klikk på knappene Horisontal justering venstre og vertikal justering øverst. Til slutt skal figurene dine justeres som vist i det tredje bildet. Velg en av "T" -formene og slett den, velg deretter alle disse bokstavsformene og gå til Objekt> Sammensatt sti> Lag.


Trinn 8

Velg banen som ble gjort i det forrige trinnet, og gå til Effekt> 3D> Ekstruder og kommando. Følg dataene som vises i det følgende bildet, og klikk OK. Lag to kopier av denne formen (Command + C> Command + F) og gjør dem usynlige. Du trenger dem senere. Nå velg den opprinnelige formen og gå til Objekt> Utvid utseende.


Trinn 9

Velg gruppen som ble oppnådd fra forrige trinn, og trykk Shift + Command + G en gang. Nå bør du ha en gruppe for hvert utvidet brev. Gå til lagpanelet, bor ned i disse gruppene, finn toppformene og flytt dem ut. Velg alle disse figurene, fyll dem med en mørkere farge og flytt dem inn i toppen av lagpanelet. På denne måten vil du skille dem lettere fra resten av figurene.


Trinn 10

Opprett de to gradienter som vises i det følgende bildet, og lagre dem i ditt fargepanel. Du vil bruke dem mye i følgende trinn. Igjen, vær oppmerksom på gradientbildene. De gule tallene står for Opacity-prosenter.


Trinn 11

La oss nå ta vare på resten av figurene. La oss begynne med første bokstav. Velg figurene som vises i det første bildet, og klikk på Unite-knappen fra Pathfinder-panelet. Pass på at den resulterende formen er fylt med R = 0, G = 178, B = 180, og legg deretter til tre nye fyllinger og bruk de lineære gradienter lagret i forrige trinn.


Trinn 12

Velg figurene som vises i det første bildet, og klikk på Unite-knappen fra Pathfinder-panelet. Legg til en ny fylling for den resulterende formen og bruk Gradient 1.


Trinn 13

Flytt til andre bokstaver. Foren formen som du gjorde med forrige brev, legg deretter til nye fyll og bruk de lagrede gradienter. Mesteparten av tiden vil du trenge to gradienter (venstre og høyre) og en gradient 2 (midt).


Trinn 14

Fortsett med neste bokstav. Forene formene og legg til de lagrede gradienter.


Trinn 15

Neste er "T." Først skal du opprette gradienten som vises i det følgende bildet, lagre det og gi det navnet "Gradient 3." Nå forene formene og legg til de lagrede gradienter som vist i bildet nedenfor. Glidebryteren for gradient 3 er ikke veldig klar på grunn av de andre skyvekontrollene. Det ekstra, zoome bildet kan være nyttig.


Trinn 16

Fortsett med "O." Igjen, forene formene og legg til de lagrede gradienter som vist.


Trinn 17

Neste er "R." Igjen, forene figurene og legg til de lagrede gradienter.


Trinn 18

Flytt til "U" og følg de samme trinnene.


Trinn 19

Fokuser på den andre "T", forene formene, og legg deretter til de lagrede gradienter. Igjen, trenger du Gradient 3.


Trinn 20

Til slutt vil vi jobbe på "S." Først skal du opprette gradienten som vises i følgende bilde, lagre den og gi den navnet "Gradient 4." Nå forene formene og legg til de lagrede gradienter som vist.


Trinn 21

Her er hvordan arbeidet ditt skal se ut så langt. La oss nå fokusere på de mørke, brevformene. Først dupliserer du de øverste "VECTOR" -formene. Velg disse kopiene og gå til Objekt> Sammensatt sti> Lag.


Trinn 22

Gå til Rediger> Innstillinger> Generelt og skriv inn 0,5px i Tastaturøkningsboksen. Dupliser banen som ble gjort i forrige trinn (Kommando + C> Kommando + F). Velg denne kopien og trykk pil opp en gang. Velg kopien sammen med den opprinnelige formen og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende gruppen med former med hvit og endre blandingsmodus til Overlay.


Trinn 23

Flytt til "U" -formen. Velg den og lag to kopier. Velg toppkopien og trykk to ganger på pil opp. Velg disse to kopiene og klikk på Minus Front-knappen fra Pathfinder-panelet. Slett de svært tynne figurene, og velg deretter den gjenværende banen. Fyll den med den lineære gradienten som vises nedenfor (bilde nr. 2) og endre blandemodus til overlegg. Lagre denne gradienten i fargepanelet. Du trenger det igjen for de neste to trinnene.


Trinn 24

Flytt til "T" -formen og lag to kopier. Velg den øverste og trekk opp pilen tre ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Du får en gruppe med to former.

Deretter må du dele den venstre formen. Plukk pennverktøyet (P) og tegne en form som den som vises i det andre bildet. Velg den sammen med venstre form og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll nå disse tre figurene med den lineære gradienten som er lagret i forrige trinn, og endre blandingsmodusen til Overlay.


Trinn 25

Til slutt lage to kopier for "S" -formen. Velg toppkopien og trekk opp pilen fire ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll de resulterende figurene med den nylig lagrede gradienten, og endrer deretter blandemodus til Overlay. Velg figurene som er opprettet i de siste fire trinnene, og grupper dem. Dobbeltklikk på denne nye gruppen (i Lag-panelet) og navnet "Light".


Trinn 26

Her er hvordan arbeidet ditt burde se så langt. Igjen, dupliser de øverste "VECTOR" -formene, velg deretter disse kopiene og gå til Objekt> Sammensatt sti> Lag.


Trinn 27

Dupliser banen som ble gjort i forrige trinn. Denne gangen slo du ned pilen en gang. Velg kopien sammen med den opprinnelige banen, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende gruppen av former med R = 0, G = 112, B = 132. Senk nå Opacity til 50% og endre blandemodus til Multiply.


Trinn 28

Flytt til "U" -formen. Velg den og lag to kopier. Velg toppkopien og trykk to ganger på pil ned. Velg disse to kopiene og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende gruppen av former med R = 0, G = 112, B = 132. Senk opaciteten til 50% og endre blandemodus til Multiply.


Trinn 29

Gå til "T" -formen og lag to kopier. Velg den øverste og trekk ned pilen tre ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende gruppen av former med R = 0, G = 112, B = 132. Senk opaciteten til 50% og la blandingsmodusen være i Normal.


Trinn 30

Gjør igjen to kopier for "S" -formen. Velg toppkopien og trykk nedpilen fire ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende gruppen av former med R = 0, G = 112, B = 132, og senk dens Opacity til 50%. Velg figurene som er opprettet i de siste fire trinnene, og grupper dem. Dobbeltklikk på denne nye gruppen (i lagpanelet) og betegne den mørke.


Trinn 31

Velg alle bokstavsformene og gå til Objekt> Forbindelsesvei> Lag. Pass på at den resulterende formen er plassert under "Lys" og "Mørk" -gruppene (i lagpanelet), og fyll deretter den med den lineære gradienten som er vist nedenfor. Dobbeltklikk på denne formen (i lagpanelet) og navnet "Text".


Trinn 32

Legg til fire nye fyllinger for tekstformen. For de tre første fyllingene bruker du de lineære gradienter som vises. Velg nå gjenværende fylle fra Utseendepanelet. Gjør det svart, senk Opacity til 5%, endre blandemodus til Multiply. Gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn dataene som vises nedenfor (bilde nr. 4) og klikk OK.


Trinn 33

Nå, på grunn av filmkorn-effekten, er kantene på tekst litt pikslet. Det kan være vanskelig å legge merke til det, spesielt på bakgrunn av bakgrunnen, men det er bedre å maskere dem. Dupliser tekstformen (Kommando + C> Kommando + F). Velg denne kopien, gå til Utseendepanelet, hold bare én fyll og gjør den hvit. Velg denne hvite formen sammen med den originale tekstformen og gå til Transparentpanelet. Åpne fly-out-menyen, og klikk på Make Opacity Mask.


Trinn 34

Dupliser den maskerte formen fra forrige trinn. Velg denne kopien, åpne uttrekksmenyen på gjennomsiktighetspanelet og gå til frigivelsesopacitetsmaske. Hold den hvite form og slett den andre. Nå trenger du erstatte flat hvitt med et fint innbygget mønster. Åpne utløpsmenyen i fargepanelet og gå til Åpne fargebibliotek> Mønster> Dekorative> Decorative_Modern.

Velg den hvite formen og klikk på Optical Squares 2-mønsteret. Nå som du har lagt til mønsteret for form, reduserer du Opacity til 30% og endrer blandingstilstanden til Overlay. Til slutt, ta denne formen til forsiden (Shift + Command + Right Bracket-nøkkelen).


Trinn 35

Dupliser formen som ble gjort i forrige trinn. Velg denne kopien, øk Opacity tilbake til 100%, endre blandemodus til Normal og fyll den med den lineære gradienten som vises nedenfor. Velg denne friske figuren sammen med den mønstrede og gå igjen til gjennomsiktighetspanelet. Åpne fly-out-menyen, og klikk på Make Opacity Mask. Dette vil gjøre mønsteret gradvis visne bort.


Trinn 36

Slå på synligheten for en av kopiene som ble gjort i det åttende trinnet. Gå til Utseende-panelet og åpne Extrude & Bevel-effekten. Klikk på knappen Flere alternativer, velg boksen Tegn skjulte ansikter, klikk deretter OK og gå til Objekt> Utvid utseende. Igjen vil du få en gruppe med mange undergrupper og former.

Dette trinnet vil kreve litt tålmodighet. Drill ned i disse gruppene og finn bunnlitteraturene. Flytt disse ni figurene utenfor gruppen og slett den. Velg disse figurene, gå til Objekt> Sammensatt sti> Lag, og flytt deretter den resulterende banen bak de andre tekstkomponentene.


Trinn 37

Velg formen som ble gjort i forrige trinn. Fyll det med R = 0, G = 112, B = 132. Velg nå valgverktøyet (V) og dra bunnlinjen omtrent 2px nedover.


Trinn 38

Tilbakestill formen fra forrige trinn og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en radius på 2px og klikk OK. Dupliser denne formen. Velg denne kopien og flytte den mellom rutenettet og bakgrunnsrektangelet i Lagpanelet. Erstatt fyllfarge for denne kopien med R = 209, G = 211, B = 212. Åpne Gaussian Blur-effekten fra Utseendepanelet og heve radiusen til 10px radius.


Trinn 39

Velg den grå formen fra forrige trinn og gå til Objekt> Sti> Offset-vei. Skriv inn en radius på 5px og klikk OK. Velg den resulterende banen og trykk pil ned syv ganger. Fyll den nå med R = 220, G = 220, B = 220. Åpne nå Gaussian Blur-effekten og øk radiusen til 15px.


Trinn 40

Slå på synligheten for den andre kopien som er gjort i det åttende trinnet. Velg denne kopien, Ta den til forsiden (Shift + Kommando + Høyre brakettast), og åpne deretter Ekstruder og kommando-effekten fra Utseendepanelet. Gå til rullegardinmenyen Surface og velg Wireframe, klikk deretter OK, og bruk Objekt> Utvid utseende.


Trinn 41

Dupliser den mønstrede formen. Velg denne kopien, unmask den og hold bare masken (formen med gradienten). Bytt ut gradienten med en flat svart, og ta deretter formen til Front (Shift + Command + Right Bracket-tasten). Velg den sammen med gruppen som ble oppnådd fra det forrige trinnet, og gå til gjennomsiktighetspanelet. Åpne utløpsmenyen, klikk på Make Opacity Mask og fjern merket for Utklipp-boksen. Til slutt velger du denne maskerte gruppen, senker Opacity til 30%, og du er ferdig.


Konklusjon

Det endelige bildet er vist nedenfor.