Cum să ilustrați un semn 3D de e-mail

Această lucrare este un proiect comun împreună cu Iaroslav Lazunov și Oleksandr Iegupov. Acest tutorial este pentru utilizatorii intermediați ai Illustratorului. Vom folosi modelarea 3D, gradientele, modurile de amestecare, amestecurile, ochiurile de gradient pentru crearea imaginii. Să începem!


Pasul 1

Utilizați Instrumentul Tip (T), faceți clic pe Panoul de caractere, setați Familia de fonturi la Arial și stilul fontului în caractere aldine și creați semnul de e-mail.

Apoi treceți la Tip> Creare contururi (Command + Shift + O), luați instrumentul Pen (P), ștergeți punctele de ancorare superstițioase și convertiți semnul de e-mail în calea următoare utilizând Instrumentul de selecție directă (A). Vedeți diagrama în care calea verde transparentă este semnul original de poștă electronică, iar calea gri selectată este ceea ce trebuie să aveți după conversie.


Pasul 2

Acum mergeți la Efect> 3D> Extrude & Bevel și setați următoarele valori pe care le puteți vedea în diagrama de mai jos.

Fiți atenți la unghiul Perspectivei și stilului de redare care este setat la "Nu se umbrește". Acest stil de redare este necesar pentru scăderea cantității suprafețelor după extinderea obiectului 3D.


Pasul 3

Accesați Object> Expand Appearance și apoi mergeți la Object> Ungroup.

Acum recolora toate părțile obiectului 3D pentru a le face mai vizibile. Vedeți paleta Straturi de mai jos.


Pasul 4

Luați Instrumentul de selecție (V) și selectați următoarele grupuri după cum se arată.

Apoi mergeți la paleta Pathfinder și faceți clic pe butonul Unite. Și veți primi o cale din două grupuri.


Pasul 5

De asemenea, uniți următoarele grupuri în perechi.

După aceasta, trebuie să aveți 7 căi și 1 grup. Vedeți paleta de straturi așa cum se arată.


Pasul 6

Selectați calea care este prezentată în figura de mai jos și completați-o cu un gradient liniar de culori gri și negru. Acordați atenție spotului luminos din partea de jos a obiectului 3D.

Selectați calea următoare și completați-o cu o culoare gri închis. Aproape toată calea este invizibilă. Partea vizibilă a acestuia este prezentată cu o săgeată în figura de mai jos.

Selectați următoarea cale și completați-o cu un gradient liniar.

Acum, selectați calea următoare și completați-o cu o culoare gri închis. Culoarea umpluturii trebuie să coincidă cu culoarea corespunzătoare a părții căii, care tocmai a fost umplută cu un gradient.

Completați următoarea cale cu un gradient liniar. Acordați atenție spotului luminos.

Selectați următoarea cale și completați-o cu un gradient liniar.


Pasul 7

Selectați suprafața laterală a obiectului 3D și completați-o cu un gradient liniar înclinat.

Acum mergeți la Object> Extindeți și extindeți această umplutură de gradient la plasa de gradient. Vezi schema de mai jos pentru referință.

Acum mergeți la Object> Ungroup. Și veți primi grupul de căi de plasă și Clipping care limitează Plasa la marginile suprafeței laterale a obiectului 3D.


Pasul 8

Luați instrumentul Mesh (U) și selectați și trageți punctele de ancorare a ochiului de plasă pentru a transforma umplerea gradientului de ochiuri în analogul plângerii conic gradient. O modalitate de a crea acest lucru este scăderea spațiului dintre punctele de ancorare din stânga ale ochiului de plasă.

Faceți clic în centrul ochiului cu ajutorul instrumentului Mesh (U) selectat. Veți avea apoi o nouă linie de plasă. Acum creați un punct de lumină selectând punctul central de ancorare (indicat de o săgeată din diagramă) și setați culoarea albă pentru aceasta.


Pasul 9

Selectați calea Clipping din grupul Mesh și Clipping path, copiați-o și lipiți-o în față (Command + C, apoi Command + F).

Umpleți această cale cu o umplere cu gradient radial.

Acum mergeți la paleta Transparență și setați modul de amestecare la Overlay.


Pasul 10

Selectați semnul albastru "@" cu Instrumentul de selecție (V). Copiați-l și lipiți-l în față (Command + C apoi Command + F). Acum mergeți la Obiect> Cale> Cale de decalare. Setați în caseta de dialog următoarele valori pentru elementele care sunt prezentate în figura de mai jos.

Deplasați calea offset pentru a crea analogii de înclinări ale obiectului 3D.


Pasul 11

Utilizați Instrumentul pentru segmentul de linie (\) și creați linia, care este prezentată în figura de mai jos (calea de decalare care tocmai a fost creată este invizibilă pe diagramă și situată pe calea albastră vizibilă). Această linie trebuie să se intersecteze cu semnul albastru "@".

Acum, luați instrumentul Pen (P) și creați o linie spirală care se află în mijlocul semnului albastru "@".

Selectați aceste rânduri cu Instrumentul de selecție (V) și setați Stroke of them la None. Acum, selectați aceste linii și semnul "@" și mergeți la paleta Pathfinder. Faceți clic pe butonul Divide. Și după aceea veți avea trei căi diferite.


Pasul 12

Selectați următoarea cale care reprezintă o teșitură și umpleți-o cu umplutura gradientului vertical liniar.

Selectați următoarea cale care reprezintă o altă teșitură și umpleți-o cu umplerea gradientului vertical liniar.


Pasul 13

Selectați litera "a" și completați-o cu gradientul vertical liniar.

Acum mergeți la Object> Extindeți și extindeți acest gradient la plasa de gradient. Apoi mergeți la Object> Ungroup. Această comandă vă permite să transformați un gradient în plasă, care va avea puncte de ancorare de aceeași culoare ca și stopurile de gradient.

Mergeți în paleta Straturi și ștergeți plasa interioară din grupul de plasă gradient.


Pasul 14

Selectați plasa exterioară din grupul de plasă gradient din paleta Straturi, luați instrumentul Mesh (U) și faceți clic pe marginea mesei de gradient pentru a adăuga puncte de ancorare și linii de ochiuri. Apoi selectați punctele de ancorare a ochiului de plasă cu ajutorul instrumentului Mesh (U) și setați-le culorile după cum doriți. Trebuie să primiți următoarea imagine a luminilor și umbrelor.


Pasul 15

Selectați calea principală a compusului albastru și completați-o cu un gradient vertical.

Acum mergeți la Object> Extindeți și extindeți acest gradient la plasa de gradient. Apoi mergeți la Object> Ungroup. Mergeți în paleta Straturi și ștergeți plasa interioară din grupul de plasă gradient.


Pasul 16

Selectați plasa exterioară din grupul de ochiuri în gradient din paleta Straturi, luați instrumentul Mesh (U) și adăugați puncte de ancorare și linii de ochiuri. Recolorați-l și mutați-l pentru a primi următoarea imagine.


Pasul 17

Luați instrumentul Ellipse (L), desenați două elipse pe spatele suprafeței laterale a obiectului 3D și mergeți la Object> Transform> Rotate pentru a îndoi aceste elipse.

Accesați opțiunile Object> Blend> Blend și setați valoarea Spacing la culoarea Smooth.

Setați Opacitatea pentru cea mai mare elipsă la 0. Apoi treceți la Object> Blend> Make (Command + Alt + B).


Pasul 18

Creați alte două amestecuri pe suprafața laterală pe care le puteți vedea în imaginea de mai jos.

Selectați suprafața laterală, copiați-o și lipiți-o în față (Command + C apoi Command + F). Setați pentru această cale atât: Stroke, cât și culoarea Fill to None.

Acum, selectați simultan toate cele trei amestecuri și această cale cu ajutorul instrumentului de selecție (V).

Și du-te la Object> Mască de tăiere> Make (Command + 7).


Pasul 19

Luați instrumentul Ellipse (L) și creați două elipse în partea interioară a obiectului 3D deasupra literei "a".

Setați Opacitatea celei mai mari elipse la 0.

Acum mergeți la Object> Blend> Make (Command + Alt + B).


Pasul 20

Creați următorul amestec deasupra acestuia.

Și apoi creați al treilea amestec sub primul.


Pasul 21

Să creăm acum o umbră de la obiectul 3D. Luați instrumentul Pen (P) și trageți următoarele două căi.

Setați opacitatea pentru cea mai mare cale către 0.

Acum, mergeți la Object> Blend> Make și mutați umbra sub obiectul 3D. Scalați-l acolo pentru a reprezenta frumusețea.


Concluzie

Deci, tocmai ați făcut un 3D @ -sign. Sper că v-ați bucurat de acest tutorial și ați finalizat fără probleme toate părțile.