Creați un efect de text verde vâscos

În următorul tutorial extindeți un font existent, utilizați instrumentele 3D ale ilustctorului pentru a adăuga dimensiune și apoi adăugați un efect de text vâscos verde. Dacă doriți să adăugați un efect text distractiv, text în portofoliul dvs., atunci începeți acum.


Pasul 1

Mai întâi, descărcați fontul Earthling și mutați-l în directorul Fonturi. Acum, deschideți Illustrator, creați un document de 700px și 300px și alegeți Instrumentul de tip (T). Faceți clic pe Artboard, introduceți textul și accesați Object> Expand. Selectați grupul de forme care rezultă și completați-le cu R = 142, G = 198, B = 64.


Pasul 2

Selectați grupul realizat în pasul anterior și accesați Efect> 3D> Extrude & Bevel. Faceți clic pe butonul Mai multe opțiuni, introduceți toate datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.


Pasul 3

Trageți în grupul și subgrupele create în pașii anteriori. Mai întâi, ștergeți toate căile de decupare, apoi folosiți butonul Unite din panoul lor Pathfinder pentru a uni unele dintre aceste forme.


Pasul 4

Selectați toate topurile, literele și mergeți la Object> Compound Path> Make. Umpleți calea rezultantă cu R = 6, G = 105, B = 57, apoi Aduceți-o spre Front (Shift + Command + Tasta dreaptă). Faceți dublu clic pe el (în panoul Straturi) și denumiți-l "vectori". Selectați restul formelor și înlocuiți culoarea de umplere cu R = 91, G = 164, B = 69.


Pasul 5

Deschideți panoul Gradient și Swatches. Creați cele patru gradienți prezentate mai jos și salvați-le în panoul dvs. Swatches. Denumiți-le de la "1" la "4" după cum se arată în pașii următori. Uitați-vă mai îndeaproape la pantă și veți observa un text galben deasupra unora dintre glisoarele de gradient. Este o opacitate.


Pasul 6

Să ne concentrăm asupra formelor "v". Ignorați forma literei de sus și focalizați pe celelalte două. Selectați forma top, deschideți meniul derulant din panoul Aspect și faceți clic pe Adăugare completare nouă. Aceasta ar trebui să adauge un al doilea umplere pentru forma selectată.

Selectați această umplere nouă și utilizați "Gradient 01", după cum se arată mai jos. Selectați forma de fund, adăugați o umplere nouă și utilizați același gradient ca cel prezentat în prima imagine. Adăugați un al treilea umplere pentru fiecare dintre aceste forme și utilizați "Gradient 02." Selectați forma de fund, adăugați două umpleri noi și utilizați "Gradient 03", așa cum se arată în a treia imagine. Adăugați o umplere finală pentru forma de fund și utilizați "Gradient 04."


Pasul 7

Acum, când înțelegeți cum să lucrați cu mai multe umpluturi, utilizați aceleași gradienți pentru celelalte forme, după cum se arată în imaginile următoare. În cele din urmă, selectați toate aceste forme și grupați-le (Command + G).


Pasul 8

Reveniți la formele "v". În acest pas, vom vedea niște detalii discrete. Mai întâi, creați două copii ale formei de jos, apoi alegeți Instrumentul dreptunghi (M) și creați două dreptunghiuri, așa cum se arată în primele imagini. Selectați fiecare dintre aceste forme împreună cu unul dintre copii și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți ambele forme cu alb și reduceți opacitatea la 10%.


Pasul 9

Repetați aceleași tehnici pentru restul formelor. Observați că aceste dreptunghiuri proaspete trebuie să fie situate deasupra celor mai ușoare zone (unde este aplicat "Gradient 03"). În cele din urmă, selectați toate aceste forme albe și grupați-le (Command + G).


Pasul 10

Acum, să ne concentrăm asupra formei "vectorilor". Selectați-l și faceți două copii (Command + C> Command + F). Accesați Edit> Preferences> General și introduceți "1" în caseta Increment Keyboard. Selectați copia de vârf și apăsați o dată pe săgeata în sus (pentru ao muta cu 1px în sus). Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder.

Umpleți formele rezultate cu R = 142, G = 198, B = 64. Selectați din nou vectori formați și faceți încă două copii. Accesați Edit> Preferences> General și introduceți "0,5" în caseta Increment Keyboard. Selectați copia de început și apăsați o dată săgeata în jos (pentru ao muta 0,5px în jos). Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți formele rezultate cu R = 0, G = 67, B = 31.


Pasul 11

Pentru pasul următor veți avea nevoie de o grilă la fiecare 1px. Mai întâi, activați Gridul (Vizualizare> Grilă) și Glisați la Grilă (Vizualizați> Snap la Grilă), apoi mergeți la Editare> Preferințe> Ghidaje și grilă. Introduceți "1" în casetele "Gridline every" și "Subdivisions", apoi faceți clic pe OK. Acum, alegeți instrumentul Ellipse (L) și creați trei cercuri stoarse (6x5 px, 4x3 px și 3x2 px) și plasați-le după cum se arată în imaginea următoare.

Completați-le cu R = 91, G = 164, B = 69 apoi grupați-le (Command + G). Dezactivați Gridul și Glisați în Grilă, apoi faceți mai multe copii ale acestui grup și împrăștiați-le peste text așa cum se arată în a doua imagine.


Pasul 12

Alegeți instrumentul Rectangle (M), creați o formă de 680 × 30px și plasați-o după cum se arată în imaginea următoare. Selectați-l și mergeți la Efect> Distortați & Transformați> Deconectați. Introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance. Selectați forma rezultată și mergeți la Object> Path> Path Offset. Introduceți un decalaj de 15px și faceți clic pe OK.


Pasul 13

Acum, să adăugăm o culoare pentru formele făcute în pașii anteriori. Selectați cel mai mic, umpleți-l cu R = 142, G = 198, B = 64, micșorați opacitatea la 70%, apoi treceți la Efect> Blur> Gaussian Blur. Introduceți o rază de 5px și faceți clic pe OK. Selectați altă formă, umpleți-o cu R = 142, G = 198, B = 64, micșorați opacitatea până la 30% și adăugați efectul Gaussian Blur de 5px.

Acum trebuie să mascați aceste două forme. Mai întâi, grupați-le (Command + G), apoi deschideți panoul Transparență. Faceți o copie nouă a "vectorilor", completați-o cu alb și mutați-o deasupra acestui grup proaspăt (în panoul Straturi). Acum, selectați forma și grupul, deschideți meniul derulant al panoului Transparență și faceți clic pe Make Opacity Mask. În final, ar trebui să arate ca în imaginea finală de mai jos.


Pasul 14

Faceți încă două copii ale "vectorilor", apoi alegeți instrumentul Rectangle (M). Creați o formă ca cea prezentată în prima imagine și duplicați-o. Selectați unul dintre dreptunghiuri, împreună cu unul dintre copiile "vectori", apoi faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați formele rezultate și mergeți la Object> Compound Path> Make.

Umpleți această cale cu gradientul liniar prezentat în cea de-a doua imagine, micșorați opacitatea la 20%, apoi schimbați modul de amestecare la Overlay. Selectați celălalt dreptunghi împreună cu vectorii, copiați și faceți clic pe butonul Intersect din panoul Pathfinder. Selectați formele rezultate și mergeți la Object> Compound Path> Make. Completați această nouă cale cu gradientul liniar prezentat în a patra imagine, micșorați opacitatea la 20%, apoi schimbați modul de amestecare la Overlay.


Pasul 15

Faceți o copie nouă a "vectorilor". Selectați-l, Trimiteți-l înapoi (tasta Shift + Command + Stânga), plasați-o așa cum se arată în a doua imagine și redenumiți-o "vectors.back". Modificați culoarea de umplere la R = 0, G = 67, B = 31, apoi duplicați-o. Selectați copia, mutați-o 1px în jos și spre dreapta, apoi micșorați opacitatea la 50%.


Pasul 16

Resetați "vectors.back" și mergeți la Object> Path> Path Offset. Introduceți un decalaj "3px" și faceți clic pe OK. Selectați forma rezultată, umpleți-o cu R = 6, G = 105, B = 57 și mergeți din nou la Object> Path> Path Offset.

Introduceți un decalaj "2px" și faceți clic pe OK. Selectați forma rezultată, umpleți-o cu R = 38, G = 126, B = 62 și mergeți din nou la Obiect> Cale> Cale de decalare. Introduceți un decalaj "2px" și faceți clic pe OK.

Selectați forma rezultată, umpleți-o cu R = 71, G = 150, B = 68 și mergeți încă o dată la Object> Path> Path Offset. Introduceți un decalaj "3px" și faceți clic pe OK. Umpleți forma rezultată cu R = 107, G = 175, B = 68.


Pasul 17

Selectați forma inițială "vectors.back" și mergeți la Effect> Blur> Gaussian Blur. Introduceți un Radius 2x și faceți clic pe OK.


Pasul 18

Selectați toate formele realizate în pașii paisprezece și mergeți la Efect> Distort & Transform> Roughen. Introduceți datele afișate mai jos și faceți clic pe OK. Acum selectează numai cea mai mare formă și du-te la Efect> Stylize> Outer Glow. Introduceți datele afișate mai jos și faceți clic pe OK.


Pasul 19

Alegeți instrumentul Ellipse (L), creați o formă de 22 x 15 pixeli, apoi completați-o cu R = 6, G = 105, B = 57. Selectați această formă și accesați Efect> Warp> Arc. Introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance. Faceți două copii ale formei rezultate. Selectați copia de sus și apăsați de trei ori săgeata sus (pentru a muta 1,5px în sus).

Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 91, G = 164, B = 69. Acum adăugați un al doilea umplut și utilizați gradientul liniar prezentat în imaginea finală. Grupați aceste două forme.


Pasul 20

Alegeți instrumentul Ellipse (L), creați o formă de 18x12x și umpleți-o cu R = 6, G = 105, B = 57. Selectați această formă și accesați Efect> Warp> Arc. Introduceți datele afișate mai jos, faceți clic pe OK, apoi accesați Efect> Warp> Fish. Din nou, introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance. Faceți două copii ale formei rezultate.

Selectați copia de sus și apăsați de trei ori săgeata sus (pentru a muta 1,5px în sus). Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 91, G = 164, B = 69, apoi adăugați un al doilea umplutură și folosiți gradientul liniar prezentat în imaginea finală. Grupați aceste două forme.


Pasul 21

Selectați grupul realizat în pasul anterior și accesați Efect> Distort & Transformare> Reflectați. Verificați butonul Vertical, apoi faceți clic pe butonul Copy (Copiere). Aceasta va crea o copie orizontală înclinată a grupului dvs..


Pasul 22

Faceți câteva copii ale grupurilor făcute în ultimii trei pași. Rotiți, redimensionați, apoi plasați aceste grupuri așa cum se arată în imaginea următoare. Adăugați un cerc discret, stoarcat pentru fiecare parte a acestui grup și umpleți-l cu R = 91, G = 164, B = 64. În cele din urmă, adăugați un efect Simplu Drop Shadow (Efect> Stylize> Drop Shadow) pentru grupurile de fund.


Pasul 23

Pentru utilizarea în fundal a Instrumentului dreptunghiular (M) pentru a crea o formă cu dimensiunea placii dvs. Artboard (700 x 300px). Umpleți-l cu alb, apoi adăugați un al doilea umplut și utilizați gradientul radial prezentat în a doua imagine. Din nou, aruncați o privire mai atentă la pantă. Testul galben reprezintă opacitatea, iar textul alb reprezintă Locația.


Pasul 24

Duplicați dreptunghiul făcut în pasul anterior. Selectați-l, selectați al doilea umplut (din panoul Aspect), apoi mergeți la panoul Gradient și faceți clic pe butonul Reverse Gradient. În cele din urmă, reselectați întreaga cale, micșorați Opacitatea la 25% și ați terminat.


Concluzie

Imaginea finală este de mai jos.