Cum se creează un fluier 3D folosind Adobe Illustrator

În următorul tutorial veți învăța cum să desenați un fluier 3D folosind Adobe Illustrator. Vom începe cu o suprafață 2D și vom crea o bază 3D folosind Extrude & Bevel. Apoi vom continua să adăugăm umbrirea și profunzimea stilizată. Pe semnele tale, stabilești ... vector!


Pasul 1

Creați un document nou apăsând Cmnd + N sau mergând la File> New. Introduceți 600 de pixeli în căsuțele de lățime și înălțime, apoi faceți clic pe butonul Avansat. Selectați RGB, Screen (72ppi) și asigurați-vă că caseta "Align New Objects to Pixel Grid" nu este bifată înainte de a da clic pe OK.

Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Acum, aveți nevoie de o rețea la fiecare 10 pixeli. Pur și simplu mergeți la Edit> Preferences> Guides> Grid, introduceți 10 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni. De asemenea, puteți deschide panoul Informații (fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor. Nu uitați să înlocuiți unitatea de măsură pixelilor din Editare> Preferințe> Unitate> Generalități. Toate aceste opțiuni vor crește semnificativ viteza de lucru.


Pasul 2

Cu ajutorul instrumentului dreptunghi (M), creați o formă de 30 x 100px, umpleți-o cu negru și deschideți panoul Simboluri (Fereastră> Simboluri). Asigurați-vă că ați selectat dreptunghiul negru, căutați pe panoul Simboluri și pur și simplu faceți clic pe butonul "Simbol nou". Introduceți "dreptunghi" în caseta Nume, apoi apăsați butonul OK. Noul dvs. simbol ar trebui să apară în panoul Simboluri. Mergeți în panoul Straturi și ștergeți simbolul existent.


Pasul 3

Alegeți instrumentul Ellipse (L), creați un cerc de 90 de pixeli, umpleți-l cu negru, transformați-l într-un simbol și denumiți-l "cerc". În cele din urmă, eliminați simbolul din panoul Straturi.


Pasul 4

Utilizând instrumentul Ellipse (L), creați un cerc de 120 de pixeli și completați-l cu R = 209 G = 211 B = 212. Treceți la instrumentul Rectangle (M), creați o formă de 150 x 50px, umpleți-o cu R = 209 G = 211 B = 212 și plasați-o după cum se arată în imaginea de mai jos. Selectați ambele forme realizate în acest pas, deschideți panoul Pathfinder și faceți clic pe butonul Unite.


Pasul 5

Pentru acest pas veți avea nevoie de scriptul Round Any Corner. Îl puteți găsi în articolul Vectortuts + 20 de scripturi gratuite și utile Adobe Illustrator. Salvați-l pe hard disk, reveniți la Illustrator și utilizați Instrumentul de selecție directă (A). Selectați punctul de ancorare evidențiat în prima imagine și accesați File> Scripts> Other Script. Deschideți Scriptul rotund din orice colț, introduceți un rază de 10px și faceți clic pe OK. În final, forma ta ar trebui să arate ca în a doua imagine.


Pasul 6

Resetați forma editată în etapa anterioară și accesați Efect> 3D> Extrude & Bevel. Introduceți datele afișate mai jos, apoi faceți clic pe butonul Harta artei. Mergeți la "Suprafața 1", selectați simbolul "cerc" din meniul derulant Simbol, redimensionați-l și plasați-l după cum se arată în imaginea următoare. Continuați să vă concentrați pe fereastra Map Art, mergeți la "Suprafața 6", selectați simbolul "dreptunghi" din meniul derulant Symbol, redimensionați-l și plasați-l așa cum se arată în imaginea următoare.


Pasul 7

Resetați calea vectorială editată în pasul anterior și accesați Object> Expand Appearance. Focalizați pe panoul Straturi, deschideți grupul rezultat, căutați în interiorul acelor subgrupe și eliminați toate căile de decupare.


Pasul 8

Continuați să vă concentrați asupra grupului de forme realizate în etapa anterioară. Selectați calea vectorială evidențiată în prima imagine, umpleți-o cu R = 170 G = 170 B = 170 și faceți o copie în față (Control + C> Control + F). Selectați această copie proaspătă împreună cu forma inferioară, gri (indicată de săgeată în al doilea pas) și faceți clic pe butonul Minus Front din panoul Pathfinder. Ungroupați grupul de forme care rezultă (Shift + Control + G), ștergeți calea superioară, minusculă (indicată de săgeată în a treia imagine), apoi umpleți forma rămasă cu gradientul liniar prezentat în imaginea finală.


Pasul 9

Selectați formatele de vârf, gri, evidențiate în prima imagine, și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu R = 140 G = 140 B = 140. Reveniți la panoul Straturi, selectați întregul grup și folosiți Shift + Control + G până când veți scăpa de toate grupurile și subgrupele respective.


Pasul 10

Dezactivați Snap to Grid (Vizualizare> Snap to Grid), apoi mergeți la Edit> Preferences> General și asigurați-vă că Incrementarea tastaturii este setată la 1px. Resetați calea vectorului făcută la sfârșitul etapei a opta și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 3px în jos și 2px spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Ungroupați grupul de forme care rezultă (Shift + Control + G) și ștergeți calea de fund (indicată de săgeata din a treia imagine). Umpleți forma rămasă cu gradientul liniar prezentat în a patra imagine și micșorați opacitatea la 20%. În captura de ecran de mai jos, zero-ul galben din panoul Gradient reprezintă procentajul Opacitate.


Pasul 11

Resetați din nou forma și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru și coborâți Opacitatea la 10%.


Pasul 12

Resetați calea din nou și efectuați două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 3px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru și coborâți Opacitatea la 10%.


Pasul 13

Resetați calea vectorului umplut cu R = 170 G = 170 B = 170 și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 2px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea finală, micșorați Opacitatea la 70% și schimbați Modul de amestecare pe Soft Light. În captura de ecran, numărul alb din panoul Gradient reprezintă procentajul locației.


Pasul 14

Resetați calea vectorului umplut cu R = 170 G = 170 B = 170 și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus și spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați grupul de forme care rezultă, transformați-l într-o traiectorie compusă (Object> Compound Path> Make or Cmnd + 8) și completați-l cu gradientul liniar prezentat în imaginea finală.


Pasul 15

Alegeți calea vectorului umplut cu R = 170 G = 170 B = 170, focalizați pe panoul Aspect și adăugați un al doilea umplere utilizând butonul Adăugare umplere nouă. Selectați această umplere nouă și înlocuiți culoarea plană cu gradientul liniar prezentat mai jos.


Pasul 16

Resetați calea vectorului umplut cu R = 170 G = 170 B = 170, focalizați pe panoul Aspect, adăugați două umpleri noi și utilizați gradientele liniare prezentate în imaginea următoare.


Pasul 17

Deplasați-vă pe calea vectorială plină cu R = 140 G = 140 B = 140. Selectați-l și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și deplasați-o cu 1px în jos și spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru și schimbați Modul de amestecare la Lumină moale.


Pasul 18

Resetați calea vectorului umplut cu R = 140 G = 140 B = 140 și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus și 2px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos și schimbați Modul de amestecare la Lumină moale.


Pasul 19

Resetați calea vectorului umplut cu R = 140 G = 140 B = 140 și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 10px în sus și 35px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos, micșorați Opacitatea până la 30% și schimbați Modul de amestecare pe Soft Light.


Pasul 20

Concentrează-te pe partea din față a fluierului tău. Selectați această formă gri, faceți o copie în față (Control + C> Control + F), selectați-o și focalizați pe panoul Aspect. Îndepărtați culoarea de la umplere și adăugați o curbă neagră de 5pt. Aliniați Stroke: În interior, mergeți la Object> Path> Stroke Outline. Umpleți calea rezultantă cu gradientul liniar prezentat mai jos.


Pasul 21

Resetați calea vectorului făcută în etapa anterioară și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus și dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți căile rezultate cu negru, apucați instrumentul Ștergeți ancora (-) și îndepărtați cele trei puncte de ancorare indicate de săgețile din a treia imagine. Asigurați-vă că ambele căi negre sunt încă selectate și schimbați Modul de amestecare pe Soft Light.


Pasul 22

Resetați calea vectorului făcută în etapa a douăzeci și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și deplasați-o cu 1px în jos și spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți căile care rezultă cu alb. Utilizând instrumentul Ștergeți punctul de ancorare (-), îndepărtați cele trei puncte de ancorare indicate de săgețile din a treia imagine. Asigurați-vă că ambele căi albe sunt încă selectate, coborâți Opacitatea până la 70% și schimbați Modul de amestecare pe Soft Light.


Pasul 23

Resetați calea vectorului făcută în pasul douăzeci și duplicați-o (Control + C> Control + F). Selectați această copie împreună cu calea cenușie din spatele ei și faceți clic pe butonul Minus Front din panoul Pathfinder.


Pasul 24

Activați ghidurile inteligente (Control + U). Utilizând instrumentul Pen (P), trasează o cale oblică, așa cum se arată în prima imagine. Selectați-l împreună cu calea vectorială realizată în pasul anterior și faceți clic pe butonul Divide din panoul Pathfinder. Concentrați-vă pe grupul de forme care rezultă, selectați calea de fund și umpleți-l cu gradientul liniar prezentat în a treia imagine. Deplasați-vă la altă formă, selectați-o și completați-o cu gradientul liniar prezentat în a patra imagine.


Pasul 25

Dezactivați ghidurile inteligente (Control + U). Selectați calea ovală neagră și înlocuiți culoarea plană cu gradientul radial prezentat în imaginea următoare.


Pasul 26

Resetați calea ovală și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus și spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și schimbați Modul de amestecare la Lumină moale.


Pasul 27

Resetați calea ovală și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o 4px în sus și spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos.


Pasul 28

Resetați calea ovală și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 1px în jos și spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru și reduceți Opacitatea la 7%.


Pasul 29

Resetați calea ovală și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o 3px în jos și spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru și coborâți Opacitatea la 4%.


Pasul 30

Resetați calea ovală și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și deplasați-o cu 8px în jos și spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru și coborâți Opacitatea la 3%.


Pasul 31

Resetați calea ovală și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o 5px în sus și spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru și coborâți Opacitatea la 10%.


Pasul 32

Selectați dreptunghiul negru și accesați Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Object> Expand Appearance. Umpleți forma rezultată cu gradientul liniar prezentat mai jos.


Pasul 33

Resetați forma realizată în etapa anterioară și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 4px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea finală.


Pasul 34

Resetați forma realizată la pasul 32, împreună cu forma realizată în etapa anterioară și duplicați-o (Control + C> Control + F). Selectați prima copie și mutați-o 3px în jos. Resetați ambele copii și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu negru, coborâți Opacitatea la 10% și schimbați Modul de amestecare pe Lumină ușoară.


Pasul 35

Resetați forma editată în treapta de treizeci de secunde și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de jos și mutați-o cu 1px în sus și spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 170 G = 170 B = 170.


Pasul 36

Resetați forma editată în treapta de treizeci de secunde și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru și coborâți Opacitatea la 10%.


Pasul 37

Resetați forma editată în treapta de treizeci de secunde și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 3px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru și reduceți Opacitatea la 5%.


Pasul 38

Selectați toate formele create până acum și duplicați-le (Control + C> Control + F). Selectați aceste copii și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu negru și trimiteți-o înapoi (Shift + Control + [).


Pasul 39

Resetați calea neagră făcută în etapa anterioară și faceți două copii în față (Control + C> Control + F> Control + F). Selectați prima copie, mutați-o cu 2px în sus și 1px spre dreapta, apoi micșorați opacitatea la 10%. Selectați cea de-a doua copie, mutați-o cu 3px în jos și 1px spre dreapta, apoi micșorați opacitatea la 10%.


Pasul 40

Resetați calea vectorului negru și mergeți la Obiect> Cale> Cale de decalare. Introduceți un decalaj de -2px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie, mutați-o 8px în jos, micșorați opacitatea la 25% și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 7px și faceți clic pe OK. Selectați cealaltă formă creată în acest pas, mutați-o cu 3px în sus și spre dreapta, micșorați opacitatea la 15% și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 5px și faceți clic pe OK.


Pasul 41

Resetați calea vectorului umplut cu R = 140 G = 140 B = 140, focalizați pe panoul Aspect, adăugați două noi umpleri și utilizați gradientele liniare prezentate în imaginea următoare.


Pasul 42

Resetați calea vectorului negru (realizată la pasul 38) și aduceți-o în față (Shift + Control +]). Umpleți-l cu gradientul liniar prezentat mai jos, micșorați opacitatea la 50% și schimbați modul de amestecare pentru a multiplica.


Pasul 43

Resetați calea vectorială realizată în etapa anterioară și faceți o copie în spate (Control + C> Control + B). Selectați-l, modificați Modul de amestecare în Culoare, măriți Opacitatea la 100% și înlocuiți gradientul linear utilizat pentru umplere cu R = 198 G = 205 B = 201.


Pasul 44

În cele din urmă, puteți utiliza o altă culoare de umplere pentru forma făcută în pasul anterior dacă vreți să modificați culoarea generală a fluierului.


Concluzie

Acum fluierul tău este complet! Sper că te-ai bucurat de tutorialul de astăzi și poți aplica tehnicile pentru proiecte viitoare. Folosind un model de bază 3D și reproiectând, este o modalitate excelentă de a crea desene tehnice exacte cu propriul flacon stilizat.