Share
În acest tutorial veți învăța cum să faceți o ilustrare a unei camere web utilizând instrumentele Adobe Illustrator, cum ar fi: instrumentul Ellipse (L), instrumentul Pen (P), instrumentul Rectangle (M), gradienții și panoul Pathfinder. Vom urmări un flux de lucru profesionist pentru ilustrații vectoriale. Să începem.
Luați instrumentul Ellipse (L), desenați o elipsă cu dimensiunea W = 394 și H = 244px. Acum completați-o cu un negru la R = 159 G = 177 B = 193, culoare radială și aplicați culoarea Stroke R = 85 G = 104 B = 109 cu o greutate de 1pt.
Faceți două copii ale formei din pasul anterior utilizând Command + C apoi lipiți cu Command + F. Acum mișcați forma care se află în partea de sus 10px în sus. Selectați copii ale celor două forme pe care tocmai le-ați creat, deschideți panoul Pathfinder, faceți clic pe butonul Minus Front. Opriți culoarea Stroke și umpleți noua formă cu un Gradient Linear, cu culorile R = 47 G = 153 B = 160 până la R = 29 G = 101 B = 106. De asemenea, aplicați Feather cu Radius: 2px (Effect> Stylize> Feather).
Selectați forma de la pasul anterior pe care l-ați aplicat Feather și mergeți la Object> Path> Path Offset. Setați offsetul la -2px, faceți clic pe OK și umpleți noua formă cu o culoare R = 91 G = 196 B = 186. Apoi mergeți la panoul Aspect, faceți clic pe efectul Feather, schimbați Radiusul la 3px, faceți clic pe OK și modificați Modul de amestecare de la Normal la Suprapunere.
Continuăm cu partea superioară a camerei web. Nu am terminat încă cu partea inferioară a camerei web, dar vom reveni la ea puțin mai târziu. După ce facem partea superioară, pentru a putea afla cum să facă partea superioară a umbrei camerei web.
Luați instrumentul Ellipse (L) și trageți un cerc la dimensiunea W = 316 px și H = 316 px. Acum o umpleți cu un gradient liniar utilizând culorile R = 159 G = 177 B = 193 până la R = 139 G = 158 B = 156. Plasați forma pe toate celelalte forme în poziția indicată mai jos.
Cu forma din pasul anterior selectat, mergeți la Object> Path> Path Offset. Aplicați Offset: -2px și faceți clic pe OK. Completați acum noua formă cu culori Radial Gradient R = 244 G = 248 B = 249 până la R = 159 G = 177 B = 193.
Faceți două copii ale formei din pasul anterior folosind Command + C apoi lipiți cu Command + F și din nou Command + F. Apoi deplasați forma top 10px în sus. Selectați copii ale celor două forme pe care tocmai le-ați creat, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front. Completați acum noua formă cu R = 200 G = 214 B = 224 de culoare.
Faceți partea superioară a formei în același fel, făcând două copii ale formei de la pasul 5, apoi glisați a doua copie 2px în jos. Selectați ambele copii, deschideți panoul Pathfinder, faceți clic pe butonul Minus Front și umpleți cu o culoare R = 200 G = 214 B = 224.
Luați instrumentul Ellipse (L), trageți o elipsă cu dimensiunea W = 226 px și H = 244 px, umpleți-o cu o culoare R = 211 G = 226 B = 232 și plasați-o în poziție, :
Cu forma din pasul anterior selectat, mergeți la Efect> Stylize> Drop Shadow. Setați valorile afișate mai jos și faceți clic pe OK.
În cazul în care forma din pasul anterior este încă selectată, mergeți la Object> Path> Path Offset. Setați offsetul la -2px și faceți clic pe OK. Acum, deschideți panoul Aspect. Ștergeți efectul Drop Shadow și umpleți forma cu culori Radial Gradient R = 40 G = 51 B = 55 până la R = 21 G = 26 B = 28.
Duplicați de două ori forma de la pasul anterior. Deplasați a doua copie cu câțiva pixeli în jos și spre dreapta, apoi selectați cele două copii. Deschideți panoul Pathfinder și faceți clic pe butonul Minus Front. Faceți același lucru pentru partea dreaptă a formei, apoi grupați ultimele două forme (Object> Group) și completați-le cu R = 61 G = 70 B = 76. Aplicați o rază de Feather la 10px grupului și faceți clic pe OK. Acum schimbați Modul de amestecare de la Normal la Multiplicare și reduceți opacitatea la 20%.
Luați instrumentul Pen (P) și faceți formatele deasupra tuturor celorlalte. Dacă formele depășesc forma pe care ați umplut-o cu un Gradient radial la pasul 10, utilizați panoul Pathfinder și butonul Intersect. Completați-le cu un Gradient Linear și aplicați Blur Gaussian. Schimbați modul de amestecare al fiecărei forme după cum se arată mai jos:
Luați instrumentul Ellipse (L), trageți o elipsă cu dimensiunile W = 105 px și H = 111 px și în poziția indicată în imaginea de mai jos. Umpleți-l cu un Gradient Linear utilizând culorile R = 139 G = 158 B = 156 până la R = 211 G = 226 B = 232.
Duplicați de două ori forma de la pasul anterior cu Command + C apoi lipiți cu Command + F și Command + F din nou. Deplasați a doua copie cu câțiva pixeli spre dreapta și apoi selectați ambele forme. Deschideți panoul Pathfinder, faceți clic pe butonul Minus Front și umpleți forma rezultată cu un R = 35 G = 31 B = 32 de culori.
Selectați forma de la pasul 13 și mergeți la Obiect> Cale> Cale de decalare. Setați offsetul la -3px, faceți clic pe OK și umpleți noua formă cu culori Gradient liniar R = 21 G = 26 B = 28 până la R = 40 G = 51 B = 55.
Luați Instrumentul Pen (P) și începeți să adăugați forme în poziția și culoarea indicate mai jos. Am aplicat, de asemenea, Gaussian Blur la unele dintre ele, uita-te la imaginile de mai jos pentru detalii:
Luați instrumentul Ellipse (L), trageți o elipsă cu dimensiunea W = 58 px și H = 62 px. Completați-o acum cu R = 0 G = 12 B = 15 culori. Plasați forma în poziție, după cum se arată mai jos:
Selectați forma din pasul anterior și accesați Obiect> Cale> Cale de decolare. Setați offsetul la -2px și faceți clic pe OK. Completați-o acum cu culori Gradient Linear R = 85 G = 104 B = 109 până la R = 75 G = 93 B = 97. Deplasați forma 1px spre stânga.
Copiați forma din pasul anterior folosind Command + C, apoi lipiți cu Command + F. Utilizați Pen Tool (P) pentru a face o altă formă asupra copiei așa cum se arată în imaginea de mai jos.
Acum, selectați copia și forma pe care tocmai ați creat-o. Deschideți panoul Pathfinder, faceți clic pe butonul Minus Front și umpleți noua formă cu culori Linear Gradient R = 211 G = 226 B = 232 la Alb cu Opacitate la 0%. Apoi schimbați Modul de amestecare a formei de la Normal la Ecran și setați opacitatea la 70%.
Copiați forma de la Pasul 18 cu Command + C apoi lipiți cu Command + F. Utilizați Instrumentul Direct Selection (A) pentru a selecta punctul cheie din stânga și din dreapta. Acum, apăsați Ștergeți de pe tastatură. Apoi dezactivați Culoarea de umplere și aplicați un Stroke de 1px cu o culoare albă.
Faceți două copii ale formei de la Pasul 18, mutați copia de sus 3px spre dreapta, apoi selectați ambele copii și deschideți panoul Pathfinder. Faceți clic pe butonul Minus Front și modificați culoarea formei rezultate la R = 85 G = 104 B = 109.
Copiați forma din pasul anterior cu Command + C apoi lipiți cu Command + F. Acum, utilizați Instrumentul de selecție directă (A) pentru a selecta și șterge punctul cheie din dreapta. Opriți culoarea de umplere și aplicați o curbă de 1px cu R = 211 G = 226 B = 232 de culori. Uită-te la imaginea de mai jos pentru detalii de referință:
Selectați toate formele părții superioare a camerei web și grupați-le (Object> Group).
În acest pas vom face umbra părții superioare a camerei web. Pentru a face acest lucru, luați instrumentul Ellipse (L) și trageți o elipsă în orice poziție pe care o alegeți cel mai bine, apoi o umpleți cu o culoare închisă. Aplicați Blur Gaussian de 4px și schimbați Modul de amestecare de la Normal la Multiplicare cu Opacitate 50%. Folosiți acum instrumentul Pen (P) pentru a adăuga imaginile de mai jos, pentru a le aplica Gaussian Blur și pentru a schimba modul de amestecare așa cum se arată mai jos:
Selectați formele care vor reprezenta umbra părții superioare a camerei web, grupați-le (Object> Group), apoi trimiteți-le sub grupul din partea superioară a grupului, accesând Object> Arrange> Send Backward. Uită-te la imaginea de mai jos:
În următorii pași vom face antena camerei web.
Luați instrumentul dreptunghiului (M), desenați un dreptunghi cu dimensiunea W = 72 px și H = 332 px cu colțuri rotunjite de 40 px Radius.
Cu dreptunghiul pe care ați rotunjit colțurile selectat, mergeți la Object> Expand Appearance și umpleți forma cu un Gradient Linear după cum se arată mai jos:
Selectați forma din pasul anterior și accesați Obiect> Cale> Cale de decolare. Setați offsetul la -2px și faceți clic pe OK. Mutați noua formă care a apărut după ce ați aplicat Offset 1px spre stânga, deschideți panoul Gradient și faceți clic pe butonul Reverse Gradient.
Cu ultima formă pe care ați creat-o în etapa anterioară selectată, mergeți la Object> Path> Path Offset, setați Offset la -2px și faceți clic pe OK. Mutați noua formă care a apărut după ce aplicați Offset 1px spre stânga și schimbați culorile gradientului.
Faceți două copii ale ultimei forme utilizând Command + C, apoi lipiți cu Command + F și din nou Command + F. Deplasați copia de sus cu 1 pixel în jos și 1 pixel spre dreapta. Acum, selectați ambele copii, deschideți panoul Pathfinder, faceți clic pe butonul Minus Front și umpleți forma cu alb.
Selectați toate formele antenei și grupați-le (Obiect> Grup). Rotiți formele grupului la -8 grade și le trimiteți în spatele formelor din partea superioară a camerei web, aplicând Object> Arrange> Send Backward.
Copiați forma de la Pasul 28 cu Command + C și apoi lipiți cu Command + F. Utilizați Pen Tool (P) pentru a face o altă formă asupra copiei după cum se arată mai jos. Acum, selectați copia și forma pe care tocmai ați creat-o. Deschideți panoul Pathfinder, faceți clic pe butonul Minus Front, umpleți noua formă cu culoarea Negru și apoi schimbați Modul de amestecare de la Normal la Multiplicare cu Opacitate 20%.
În final puteți adăuga un fundal și o umbră așa cum doriți. Iată rezultatul final:
Accentsconagua