Să facem un jucăuș dar robust 3D Design Letter

De câteva ori, în fiecare lună, reluăm câteva dintre postările preferate ale cititorului nostru de-a lungul istoriei Vectortuts +. Acest tutorial de Jonathan a fost publicat pentru prima data pe 24 februarie 2009.

Acest tutorial este perfect pentru începătorul avansat care dorește să-și preia abilitățile la nivelul următor. Vom explora cum să creați text 3D și să folosim adâncimea de câmp pentru a îmbunătăți designul.

Doriți acces la fișierele vectoriale Source și copiile descărcate ale fiecărui tutorial, inclusiv acesta? Alăturați-vă VECTORTUTS PLUS doar pentru 9 / lună.


Pasul 1

Începeți prin tastarea fiecărei litere separate, astfel încât să puteți regla unghiul și calitățile 3D ale fiecărei litere. Folosesc un font numit Futura Bold. Aș recomanda folosirea unui font care nu este subțire și delicat. Cu cat greutatea are mai mult font.

De asemenea, utilizați o culoare gri sau lumină, astfel încât, atunci când treceți la pasul următor, veți putea vedea cum arată textul 3D.


Pasul 2

Mergeți la Efect> 3D> Extrude & Bevel? Introduceți variabilele pe care le-am evidențiat mai jos pentru a obține aspectul indicat.


Pasul 3

Chiar și după ce aplicați efecte 3D pe care doriți să le aveți în scris, puteți continua să rotiți litera în orice unghi doriți, așa cum am făcut mai jos. Folosiți doar instrumentul de selectare (V) pentru a roti litera.

Faceți clic pe o culoare, iar umbrirea va fi aplicată automat diferitelor fețe ale literei.


Pasul 4

Utilizați aceeași tehnică pe celelalte litere. Utilizați paleta Swatches pentru a alege rapid o gamă de culori vii și a le aplica la fiecare literă.


Pasul 5

Creați o profunzime a câmpului (apariția obiectelor fiind mai aproape și mai departe), accesând Efect> Blur> Gaussian Blur? Introduceți variabila de mai jos și faceți clic pe OK.

Notă: asigurați-vă că scrisoarea dvs. nu va trebui să fie scalată mai mare sau mai mică după aplicarea neclarității, deoarece efectele de estompare nu scară indiferent de preferințele pe care le-ați desemnat în Adobe Illustrator.


Pasul 6

Pentru a crea o gamă focală chiar mai largă, puteți da litere diferite unei cantități unice de neclaritate.

Observați cum unghiul, scala, neclaritatea și culoarea fac totul în modul în care este perceput întregul cuvânt. Fiecare scrisoare are o calitate aleatorie. Scara este variată pentru a sugera distanța. Din nou, neclaritatea întărește adâncimea, iar culorile sunt luminoase și nu se repetă una lângă cealaltă.


Pasul 7

Introduceți restul frazei. Fontul pe care îl folosesc este Bickham Script. După cum puteți vedea, fontul este foarte diferit de fontul în care este scris cuvântul "jucăuș". Aceasta creează o gamă frumoasă și un contrast între cele două. Faceți același lucru pentru aspectul dvs..


Pasul 8

Utilizând Instrumentul rotunjit dreptunghi pentru a desena un dreptunghi, după cum se arată mai jos.

Notă: Puteți regla curbarea colțurilor ținând apăsată săgeata sus sau jos în timp ce desenați forma.


Pasul 9

Umpleți dreptunghiul cu un gradient în 3 puncte. Cea mai verde culoare verde ajută la crearea unui verde ușor mai închis, care va încadra chiar și mai mult dreptunghiul.


Pasul 10

Mutați textul pe fundal. Pentru a aplica un gradient textului, va trebui mai întâi să îl transformați în contururi. Accesați Tip> Creare contururi. Acum, selectați textul și dați-i un gradient subtil de gri până la alb.


Pasul 11

Pentru a face ca textul să arate chiar mai mult 3D adăugați o strălucire interioară prin trecerea la Efect> Stylize> Glow Inner? Selectați Ecran, din meniul derulant Mod. Introduceți aproximativ 75 pentru Opacitate și setați neclaritatea după preferințele dvs..


Pasul 12

Acum, că scrisoarea pare oarecum rotunjită, o vom lua cu un pas mai departe și vom adăuga o umbră. Mergeți la Efect> Stylize> Drop Shadow? Setați modul să se înmulțească (astfel încât umbra se amestecă frumos cu fundalul). Setați opacitatea la aproximativ 20 și dați-i o nuanță pe care o alegeți.


Pasul 13

Acesta este aspectul pe care ar trebui să-l parcurgă chiar acum.


Pasul 14

Vom da anumite fețe ale fiecărei litere un aspect îmbunătățit, oferindu-le înclinații. Mai întâi, faceți o copie a scrisorii. Selectați copia și accesați Object> Expand Appearance. Acum mergeți la Object> Ungroup. Continuați să Ungroupați obiectul până când puteți selecta fața obiectului.


Pasul 15

Selectați fața literei și dați-i un gradient moderat roșu până la întuneric-roșu.


Pasul 16

Acum puteți șterge părțile rămas ale literei la care nu ați aplicat un gradient. Așezați fața scrisorii peste litera cu efecte 3D aplicate.


Pasul 17

Utilizați aceeași tehnică pentru a crea adâncime pe orice alte litere care au nevoie de ea. Pentru situațiile în care literele sunt neclare, aplicați aceleași neclarități în fața literei respective. Pentru a vedea cât de neclară o literă are dublu-clic pe acest efect în Paleta de aspect.


Pasul 18

Apoi vom da fundalului un model de cerc aleatoriu. Desenați un cerc folosind instrumentul Ellipse (L). În scopul acestui tutorial am folosit un cerc negru, dar cercul dvs. ar trebui să fie alb, sau orice culoare doriți ca modelul dvs. să fie. Trageți cercul în paleta de perii. Se deschide dialogul din pasul următor?


Pasul 19

Selectați Pensulă nouă pentru scatter și faceți clic pe OK?


Pasul 20

Selectați Random pentru dimensiune, spațiu și scatter. Apoi trageți triunghiurile mici pe ambele părți ale cursorului pentru toate cele trei opțiuni. Acest lucru va asigura că modelul cercului este variat și nu este prea repetitiv. Faceți clic pe OK.


Pasul 21

În paleta de perii selectați peria de cerc pe care tocmai ați creat-o. Selectați Instrumentul Paintbrush (B) și desenați o linie arbitrară. Linia dvs. va fi înlocuită cu un cerc asemănător celui de mai jos. Dacă cercurile dvs. nu sunt la fel de aleatoare, faceți dublu clic pe cercul din paleta de perii pentru a modifica parametrii.


Pasul 22

Plasați cercurile pe propriul lor strat în spatele literelor. Simțiți-vă liber să desenați mai multe linii sau să copiați și să lipiți celălalt model de cerc pentru a construi o masă de cercuri.


Pasul 23

Utilizând instrumentul Ellipse, trageți un cerc și dați-i o umplere radială cu un gradient în 3 puncte. Utilizarea a 3 puncte vă va permite să dați cercului un punct de atracție suplimentar care va adăuga realismului său. Copiați și lipiți această formă de câteva ori pe parcursul aspectului.


Pasul 24

Puteți crea alte perii care utilizează diferite forme, cum ar fi pătrate, triunghiuri și versiuni subliniate ale fiecărei forme pentru a păstra lucrurile interesante.


Pasul 25

Folosind Instrumentul Creion (N) trageți niște forme neregulate care vor funcționa ca un mușchi sau o verdeață generală asupra literelor.

Când desenați cu instrumentul Pencil, uneori este dificil să închideți forma. Cea mai ușoară modalitate de a închide o formă este să țineți apăsată tasta Opțiune atunci când vă apropiați de punctul de plecare al formei. Aceasta va închide automat forma.


Pasul 26

Adăugați alte forme asortate și dați-le un gradient verde până la verde închis.


Pasul 27

Pentru a face viță de vie am folosit pur și simplu unul dintre caracterele alternative care a fost inclus în fontul Bickham Script. Dacă fontul dvs. nu are caractere alternative, puteți încerca să folosiți părți din alte litere, cum ar fi un S de exemplu. În caz contrar, va trebui să desenați niște forme curure în mod vechi? utilizând un Tablet Wacom și instrumentul Pen.


Pasul 28

Creați o formă de frunze în aceeași manieră cu cea pe care ați făcut-o pentru formele de mușchi. Veți fi mai bine să desenați forme cu cât exersați mai mult.


Pasul 29

Pentru a amplifica aspectul frunzei, dați-i o strălucire interioară, mergând la Efect> Stylize> Glow Inner?


Pasul 30

Acesta ar trebui să arate aspectul dvs. chiar acum.


Pasul 31

Vom da fundalului un pic de mișcare folosind Instrumentul Pen (P) pentru a desena o formă similară celei de mai jos.


Pasul 32

Duplicați forma de câteva ori și reglați opacitatea pentru a diminua aspectul formei. Dați unora dintre forme o estompare delicată pentru a crea din nou o iluzie a câtorva lovituri care se află mai departe.


Pasul 33

Folosind Instrumentul dreptunghi, trageți un dreptunghi și dați-i un gradient în 4 puncte, cu un alb pe ambele capete.


Pasul 34

Plasați gradientul pe fundal și dați-i o estompare. În paleta Transparency setați forma pentru a multiplica, astfel încât se amestecă bine cu fundalul. Simțiți-vă liber să reglați opacitatea dacă este nevoie.


Imagine finală

Aici este imaginea finală. Tocmai ați învățat cum să creați un vector vectorial de design al literelor. Noroc!

Abonați-vă la fluxul RSS al VECTORTUTS pentru a rămâne la curent cu ultimele tutoriale vectoriale și articole.