Lag en grønn viskøs teksteffekt

I den følgende opplæringen utvider du en eksisterende skrift, bruker illustratørens 3D-verktøy for å legge til dimensjon, og legg deretter til en grønn viskøs teksteffekt. Hvis du vil legge til en morsom, vektortekst-effekt i porteføljen din, så kom i gang nå.


Trinn 1

Først laster du ned Earthling-skrifttypen og flytter i Fonts-katalogen. Nå, åpne Illustrator, opprett et dokument på 700px ved 300px og velg Type Tool (T). Klikk på Artboard, skriv inn teksten og gå til Objekt> Utvid. Velg den resulterende gruppen av former og fyll dem med R = 142, G = 198, B = 64.


Steg 2

Velg gruppen som ble gjort i forrige trinn, og gå til Effekt> 3D> Extrude & Bevel. Klikk på knappen Flere alternativer, skriv inn alle dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende.


Trinn 3

Drill ned i gruppen og undergruppene som ble opprettet i de forrige trinnene. Først sletter du alle Clipping Paths, og bruker deretter Unite-knappen fra deres Pathfinder-panel for å forene noen av disse figurene.


Trinn 4

Velg alle topp-, brevformene og gå til Objekt> Forbindelsesvei> Lag. Fyll den resulterende banen med R = 6, G = 105, B = 57, deretter Ta den til forsiden (Shift + Command + Right Bracket-nøkkelen). Dobbeltklikk på den (i lagpanelet) og navngi det "vektorer". Velg resten av figurene og erstatt fyllfarge med R = 91, G = 164, B = 69.


Trinn 5

Åpne Gradient og fargepanelet. Opprett de fire gradienter som vises nedenfor, og lagre dem i ditt fargepanel-panel. Navn dem fra "1" til "4" som vist i de følgende trinnene. Ta en nærmere titt på gradienten, og du vil legge merke til en gul tekst over noen av skyvekontrollene. Den står for Opacity.


Trinn 6

La oss fokusere på "v" -formene. Ignorer toppbrevformen og fokus på de to andre. Velg den øverste formen, åpne menyen for utløp fra Utseendepanelet og klikk på Legg til ny fylling. Dette bør legge til en ny fylling for den valgte formen.

Velg denne nye fyllingen, og bruk "Gradient 01," som vist nedenfor. Velg den nederste formen, legg til en ny fylling, og bruk samme gradient som vist i det første bildet. Legg til en tredje fylling for hver av disse figurene og bruk "Gradient 02." Velg den nederste formen, legg til to nye fyll og bruk "Gradient 03," som vist i det tredje bildet. Legg til en endelig fylling for bunnformen og bruk "Gradient 04."


Trinn 7

Nå som du forstår hvordan du arbeider med flere fyllinger, bruker du samme gradienter for resten av figurene, som vist i de følgende bildene. Til slutt velger du alle disse figurene og grupperer dem (Command + G).


Trinn 8

Gå tilbake til "v" -formene. I dette trinnet ser vi noen diskrete detaljer. Først opprett to kopier av bunnformen, velg deretter rektangulærverktøyet (M) og opprett to rektangler som vist i de første bildene. Velg hver av disse figurene sammen med en av kopiene og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll begge formene med hvitt og senk deres opasitet til 10%.


Trinn 9

Gjenta de samme teknikkene for resten av figurene. Legg merke til at disse friske rektanglene må være plassert over de letteste områdene (der "Gradient 03" brukes). Til slutt velger du alle disse hvite figurene og grupperer dem (Command + G).


Trinn 10

La oss nå fokusere på "vektorer" -formen. Velg den og lag to kopier (Command + C> Command + F). Gå til Rediger> Innstillinger> Generelt og skriv inn «1» i tastaturøkningsboksen. Velg toppkopien og trykk pil opp en gang (for å flytte den 1px opp). Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet.

Fyll de resulterende figurene med R = 142, G = 198, B = 64. Vellgjør vektorer form og lage ytterligere to kopier. Gå til Rediger> Innstillinger> Generelt og skriv inn "0,5" i Tastaturøkningsboksen. Velg toppkopien og trykk på pil ned en gang (for å flytte den 0,5 px ned). Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll de resulterende figurene med R = 0, G = 67, B = 31.


Trinn 11

For det neste trinnet trenger du et rutenett hver 1px. Først slår du på rutenettet (Vis> Rutenettet) og Snap to Grid (Vis> Snap to Grid), og deretter til Rediger> Innstillinger> Ruter og rutenett. Skriv inn "1" i rutene "Gridline every" og "Subdivisions", og klikk deretter OK. Nå, velg Ellipse Tool (L) og opprett tre klemt sirkler (en 6x5 px, en 4x3 px og en 3x2 px form) og plasser dem som vist i det følgende bildet.

Fyll dem med R = 91, G = 164, B = 69 og grupp dem (Command + G). Deaktiver nettverket og Snap to Grid, og gjør deretter flere kopier av denne gruppen og spred dem over teksten som vist i det andre bildet.


Trinn 12

Velg rektangulærverktøyet (M), opprett en form på 680 x 30 px og legg den som vist i bildet nedenfor. Velg den og gå til Effect> Distort & Transform> Roughen. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende. Velg den resulterende formen og gå til Objekt> Path> Offset Path. Skriv inn en 15px Offset og klikk OK.


Trinn 13

La oss legge til litt farge for figurene som ble gjort i de foregående trinnene. Velg den minste, fyll den med R = 142, G = 198, B = 64, senk Opacity til 70%, og gå til Effect> Blur> Gaussian Blur. Skriv inn en 5px radius og klikk OK. Velg den andre formen, fyll den med R = 142, G = 198, B = 64, senk Opacity til 30% og legg til 5px Gaussian Blur effekt.

Nå må du maskere disse to figurene. Først, grupp dem (Command + G), og åpne deretter gjennomsiktighetspanelet. Lag en ny kopi av "vektorer", fyll den med hvitt og flytt den over denne friske gruppen (i lagpanelet). Velg nå formen og gruppen, åpne avtrekksmenyen på gjennomsiktighetspanelet og klikk på Make Opacity Mask. Til slutt skal det se ut i det siste bildet nedenfor.


Trinn 14

Lag ytterligere to kopier av "vektorer", og velg deretter rektangulærverktøyet (M). Lag en form som den som vises i det første bildet og dupliser det. Velg en av rektanglene, sammen med en av "vektorer" -kopiene, og klikk deretter på Minus Front-knappen fra Pathfinder-panelet. Velg de resulterende figurene og gå til Objekt> Sammensatt sti> Lag.

Fyll denne banen med den lineære gradienten som vises i det andre bildet, senk Opacity til 20%, og endre deretter blandingstilstanden til Overlay. Velg det andre rektangelet sammen med "vektorer", kopier og klikk på Intersect-knappen fra Pathfinder-panelet. Velg de resulterende figurene og gå til Objekt> Sammensatt sti> Lag. Fyll denne nye banen med den lineære gradienten som vises i det fjerde bildet, senk Opacity til 20%, endre deretter blandingsmodus til Overlay.


Trinn 15

Lag en ny kopi av "vektorer". Velg den, Send den til Tilbake (Skift + Kommando + Venstre braketsnøkkel), plasser den som vist i det andre bildet og gi nytt navn til "vectors.back". Endre fyllfargen til R = 0, G = 67, B = 31, og dupliser den deretter. Velg kopien, flytt den 1px ned og til høyre, og senk dens Opacity til 50%.


Trinn 16

Velg "vectors.back" og gå til Objekt> Path> Offset Path. Skriv inn en "3px" Offset og klikk OK. Velg den resulterende formen, fyll den med R = 6, G = 105, B = 57, og gå igjen til Objekt> Path> Offset Path.

Skriv inn en "2px" Offset og klikk OK. Velg den resulterende formen, fyll den med R = 38, G = 126, B = 62, og gå igjen til Objekt> Path> Offset Path. Skriv inn en "2px" Offset og klikk OK.

Velg den resulterende formen, fyll den med R = 71, G = 150, B = 68, og gå en gang til Object> Path> Offset Path. Skriv inn en "3px" Offset og klikk OK. Fyll den resulterende formen med R = 107, G = 175, B = 68.


Trinn 17

Velg den opprinnelige "vectors.back" -formen og gå til Effect> Blur> Gaussian Blur. Skriv inn en 2x Radius og klikk OK.


Trinn 18

Velg alle figurene som er laget i sekstende trinnet, og gå til Effekt> Forvreng og transformer> Roughen. Skriv inn dataene som er vist nedenfor, og klikk OK. Velg nå bare den største formen og gå til Effect> Stylize> Outer Glow. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 19

Velg Ellipse Tool (L), lag 22px med 15px form, fyll deretter den med R = 6, G = 105, B = 57. Velg denne formen og gå til Effect> Warp> Arc. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende. Lag to kopier av den resulterende formen. Velg toppkopien og trekk opp pilen tre ganger (for å flytte den 1,5 px opp).

Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 91, G = 164, B = 69. Legg nå en ny fylling og bruk den lineære gradienten som vises i det endelige bildet. Gruppere disse to figurene.


Trinn 20

Velg Ellipse Tool (L), opprett en 18px ved 12px form og fyll den med R = 6, G = 105, B = 57. Velg denne formen og gå til Effect> Warp> Arc. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Effect> Warp> Fish. Igjen, skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende. Lag to kopier av den resulterende formen.

Velg toppkopien og trekk opp pilen tre ganger (for å flytte den 1,5 px opp). Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 91, G = 164, B = 69, legg deretter til en ny fyll og bruk den lineære gradienten som vises i det endelige bildet. Gruppere disse to figurene.


Trinn 21

Velg gruppen som ble gjort i forrige trinn, og gå til Effect> Distort & Transform> Reflect. Sjekk Vertikal-knappen, og klikk deretter på Kopier-knappen. Dette vil skape en horisontalt vendt kopi av gruppen din.


Trinn 22

Lag noen eksemplarer av gruppene laget i de tre foregående trinnene. Rotere, endre størrelse, og plasser disse gruppene som vist i bildet nedenfor. Legg til en diskret, klemt sirkel for hver del av denne gruppen, og fyll den med R = 91, G = 164, B = 64. Til slutt legger du til en enkel Drop Shadow-effekt (Effect> Stylize> Drop Shadow) for de nederste gruppene.


Trinn 23

For bakgrunnen, bruk rektangulærverktøyet (M) for å lage en form på størrelse med Artboard (700 ved 300px). Fyll det med hvitt, legg deretter til et nytt fyll og bruk den radiale gradienten som vises i det andre bildet. Igjen, ta en nærmere titt på graden. Den gule testen står for Opacity og den hvite teksten står for Location.


Trinn 24

Kopier rektangelet i foregående trinn. Velg den, velg den andre fyllingen (fra Utseendepanelet), og gå til Gradient-panelet og klikk på Reverse Gradient-knappen. Til slutt, velg hele banen, senk Opacity til 25%, og du er ferdig.


Konklusjon

Det endelige bildet er under.