Sfat rapid Cum să utilizați tipografia pentru a crea un efect 3D text

Urmați acest sfat rapid și aflați cum să utilizați tipografia pentru a crea un efect de text 3D. Poate părea complicat, dar este nevoie de doar câteva fonturi, opțiunile 3D și unele ajustări suplimentare la sfârșit. Să începem!


Pasul 1

Mai întâi deschideți un nou document web. Luați Instrumentul Tip (T) și tastați "Vector" sau orice alt cuvânt. Fontul pe care l-am folosit se numește Becker Black NF și poate fi găsit aici. Accesați meniul Obiect și selectați Expand apoi Ungroup. Vom folosi aceste scrisori doar ca referință pentru a aranja toate cuvintele din interiorul lor.


Pasul 2

Înainte de a începe să construim noile litere făcute din cuvinte, permiteți-mi să vă explic cum să faceți acest lucru și instrumentele de care aveți nevoie. În imaginea de mai jos puteți vedea cinci exemple. După cum se arată în primul exemplu, luați instrumentul de tip (T) și începeți să tastați orice cuvânt doriți. Același lucru este valabil și pentru instrumentul Vertical Type Tool (exemplul 2). Exemplul 3: utilizați instrumentul Vertical Type pentru a tasta cuvântul, apoi rotiți-l cu 90 de grade. Același lucru pe care l-am făcut în exemplul 4 doar de această dată am rotit cuvântul minus 20 de grade sau cât mai mult timp până când se potrivește cu marginea literei. Exemplul 5: trageți o cale folosind instrumentul Pen (P), apoi comutați la tasta Type on a Path Tool, faceți clic pe cale și începeți să tastați. Toate celelalte cuvinte au fost scrise folosind una din aceste cinci căi.

În panoul de caractere (meniul ferestrei> Tip> caracter), pe lângă tipul fontului și dimensiunea pe care o utilizați, este importantă Setați urmărirea pentru caracterele selectate opțiune. Alegeți o valoare pozitivă dacă doriți să măriți spațiul dintre litere sau o valoare negativă în funcție de modul în care aranjați cuvintele astfel încât toate să se potrivească.


Pasul 3

Acum puteți începe să umpleți litera "V" cu diferite cuvinte. Vă recomand să începeți cu cuvintele mai mari și să lăsați cele mai mici la sfârșit.

Pentru a vă ajuta, am enumerat în imaginile de mai jos toate fonturile, dimensiunile și valorile de urmărire pe care le-am folosit pentru litera "V". Nu am enumerat pe toate celelalte pentru a nu face tutorialul prea plictisitor, dar în principiu toate se repetă.

Printre fonturile prezentate în imagini se numără Indochine NF care poate fi găsită aici și Anja Eliane de aici. Ar trebui să aveți restul în lista de fonturi a Illustratorului.


Pasul 4

Continuați cu litera "E"

Iată următoarele două litere,

și ultimele două.


Pasul 5

După ce ați terminat, mergeți la meniul Obiect și selectați Expandare aspect, apoi Extindeți. Acum trebuie să aranjați toate cuvintele indicate pentru litera "V", deoarece dacă le lăsați în ordine aleatorie după aplicarea efectului 3D, totul va părea greșit. Faceți același lucru pentru alte scrisori.


Pasul 6

Selectați trei cuvinte din fiecare literă și completați-le cu cele trei nuanțe de roz sau orice alte culori. După ce ați terminat, schimbați culoarea de umplere a celorlalți la gri. Dacă doriți să terminați mai repede, selectați numai una dintre literele negre, apoi mergeți la Selectare meniu> Același> Culoare umplere. Ca urmare a acestei acțiuni, toate literele negre vor fi selectate și le puteți umple cu gri toate dintr-o dată.


Pasul 7

Acum că toate literele sunt gata, selectați-le pe toate și din meniul Obiect alegeți Grup. Apoi mergeți la meniul Effect> 3D și aplicați efectul Extrude & Bevel folosind setările afișate. Faceți clic pe butonul Mai multe opțiuni pentru a deschide întregul dialog și a muta puțin lumina indicată. Selectați Extindere aspect din meniul Obiect când ați terminat.


Pasul 8

Anterior am folosit trei nuante de roz. Selectați utilizând Instrumentul de selecție directă (A) numai una dintre literele (partea din față) pe care le-ați umplut cu nuanța mai deschisă a rozului, apoi alegeți meniul Selectare> Același> Culoare umplere. Ca urmare a acestei acțiuni, toate cuvintele care au fost umplute cu această culoare vor fi selectate și puteți înlocui culoarea de umplere cu gradientul afișat pentru toate acestea simultan. Setați valoarea unghiului la minus 10 grade.

Repetați acest pas pentru cuvintele care au fost umplute cu celelalte două nuanțe de roz și utilizați gradientele indicate.

Apoi, selectați cu ajutorul Instrumentului de selectare directă (A) partea din față a uneia dintre literele gri, accesați meniul Selectare> Același> Completați culoarea și utilizați gradientul indicat pentru a înlocui culoarea de umplere pentru toate simultan. Asigurați-vă că nu sunt lăsate neselectate literele gri înainte de a continua.


Pasul 9

Acum, selectați oricare dintre literele umplutăte la pasul anterior cu Instrumentul de selecție directă (A), apoi mergeți la meniul Selectare> Același> Culoare umplere. După ce le-ați selectat pe toate, copiați-le și inserați-le apoi mergeți la meniul Obiecte> Cale compuse> Efectuați. Veți obține calea compusului albastru prezentată mai jos.

Acum, selectați una dintre fețele frontale ale unei litere umplută cu primul gradient prezentată la pasul 8 și repetați acest proces. Veți obține calea verde combinată prezentată mai jos. Continuați cu cuvintele umplute cu celelalte două gradienți și faceți celelalte două căi compuse.

Notă: Nu le puteți lipi în față (deși ar fi fost mai ușor) deoarece fiecare scrisoare aparține unui grup diferit și veți primi un mesaj de avertizare atunci când veți încerca să faceți calea compusă.


Pasul 10

După ce ați primit cele patru căi compuse, le așezați înapoi deasupra textului 3D. Selectați-le pe toate cele patru și faceți clic pe Adăugați pentru a forma zona> Extindeți din panoul Pathfinder. Ca rezultat veți obține o singură cale compusă ca cea neagră în imaginea următoare.

Umpleți această cale combinată neagră cu gradientul afișat și schimbați valoarea unghiului la minus 70 de grade. Se numește Neutral 7 și poate fi găsit în meniul Swatch Libraries sub Gradients> Neutrals. Modificați, de asemenea, modul de amestecare la Lumină puternică și reduceți opacitatea la 50%.


Pasul 11

Copiați și lipiți în fața căii compuse cu care ați lucrat la pasul anterior și ștergeți toate aparițiile existente. Selectați culoarea verde ca culoarea de umplere sau oricare alta. Copiați-l și lipiți-l în față o dată și schimbați culoarea de umplere în negru, astfel încât să puteți deosebi una de cealaltă. Înainte de a continua, mergeți la meniul Editare> Preferințe> Generale și setați Creșterea tastaturii la 0,2 px. Acum, deplasați puțin calea compusului negru făcând clic o dată pe tastele săgeată dreapta și jos de pe tastatură. Selectați căile verzi și negre și faceți clic pe Extragere din panoul Pathfinder, apoi completați calea rezultată rezultată cu alb. Schimbați modul de amestecare la Lumină moale.


Pasul 12

Pentru a crea fundalul, desenați un dreptunghi folosind Instrumentul dreptunghi (M) în spatele textului 3D. Umpleți-l cu gri, apoi deschideți meniul derulant în panoul Aspect și alegeți Adăugare umplere nouă. Păstrați aceeași culoare de umplere, apoi mergeți la meniul Efecte> Textură și aplicați efectul Grain. Modificați modul de amestecare la Lumină moale, dar numai pentru această a doua umplere.


Pasul 13

Luați instrumentul Ellipse (L) și trageți trei forme ovale, după cum se arată mai jos, în fața formei fundalului, dar în spatele textului. Completați-le cu negru, apoi mergeți la meniul Efect> Blur și aplicați un Gaussian Blur de 15 px. Setați-le pe Soft Light și reduceți opacities între 50 și 80%.

Pentru a le masca, copiați și lipiți în fața dreptunghiului de fond și mai întâi ștergeți aparițiile existente. Selectați această formă și cele trei elipse și mergeți la meniul Obiect> Masca de tăiere> Marcați.


Pasul 14

Să adăugăm o umbră și am terminat. Selectați grupul de cuvinte 3D (nu cele două căi combinate din partea de sus) și mergeți la meniul Efecte> Stylize> Drop Shadow. Setați valorile după cum se arată și efectul de text este gata.


Concluzie

Aici este imaginea finală. Pe lângă alegerea tipurilor de fonturi și aranjarea acestora, care necesită timp și energie, acest efect este destul de simplu de realizat. sper că îți place.