Share
În acest tutorial veți învăța cum să faceți propria imagine machetă a unei unități flash și a unei casete de produs, utilizând Instrumentul dreptunghi, instrumentul Pen, 3D Extrude & Bevel și diferite Gradients.
Selectați instrumentul Rectangle (M) și desenați un dreptunghi cu dimensiunile W: 596px by H: 452px.
Creați simbolurile pe care le veți aplica casetei. Am creat patru simboluri într-una. După ce creați formele, glisați-le în panoul Simbol, consultați imaginea de mai jos.
Selectați dreptunghiul de la Pasul 1 și mergeți la Efect> 3D> Extrude & Bevel, introduceți următoarele setări: Specificați rotația în jurul axei X: 0, Specificați rotația în jurul axei Y: -38, Specificați rotația în jurul axei Z: Perspectiva: 58, Extrude Depth: 100pt, activați Preview pentru a vedea în perspectivă perspectiva, apoi faceți clic pe butonul Art Map și aplicați simbolurile pe care le-ați creat în Pasul 2, faceți clic pe OK și drept apoi mergeți la Object> Expand Appearance.
Selectați instrumentul Pen (P), creați o formă în partea de jos a casetei, după cum se arată mai jos, și completați cu culori Gradient Linear R: 239 G: 133 B: 43 până R: 191 G: 106 B: 34
Selectați instrumentul Rectangle (M), desenați un dreptunghi cu colțuri rotunjite, Radius: 30px peste toate celelalte forme. După ce ați rotunjit colțurile, mergeți la Object> Expand Appearance.
Acum trebuie să îndepărtați colțurile rotunjite din partea stângă a formei de la pasul anterior. Pentru a face acest lucru, trageți un dreptunghi care va acoperi colțurile rotunjite ale formei, apoi selectați forma din pasul anterior și dreptunghiul pe care l-ați creat mai devreme, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front.
Cu forma încă selectată, accesați Efect> 3D> Extrude & Bevel. În noua fereastră de deschidere, introduceți următoarele setări: Specificați rotația în jurul axei X: 0, Specificați rotația în jurul axei Y: 0, Specificați rotația în jurul axei Z: 0, Perspectivă: 58, Extrude Adâncime: 0pt. Desigur, puteți adăuga un alt simbol dacă doriți. Faceți clic pe OK, mergeți la Object> Expand Aspect și completați forma cu culori Linear Gradient R: 242 G: 242 B: 242 până la R: 240 G: 230 B: 225 și modificați punctele cheie stângi așa cum se arată în imaginea de mai jos.
Copiați formatul creat în etapa anterioară de două ori utilizând Control + C urmat de Control + F, din nou clic pe Control + F, glisați a doua copie în jos și spre stânga, apoi editați punctele așa cum se arată în imaginea de mai jos. Acum, selectați prima copie și copia pe care ați mutat-o în jos și spre stânga și editați punctele, deschideți panoul Pathfinder, faceți clic pe butonul Minus Front și umpleți forma cu Gradient Linear. Pentru aceasta, deschideți panoul Gradient accesând Window> Gradient (Control + F9). Aveți nevoie de patru glisoare cu gradient. Pentru primul din stânga la dreapta selectați culoarea R: 209 G: 201 B: 196 cu locația: 0%, pentru al doilea R: 145 G: 145 B: 149, Locația: 30%; G: 163 B: 163, Locul de amplasare: 62% și pentru cel de-al patrulea R: 95 G: 94 B: 96, Locația: 100% și Unghiul:.
Selectați instrumentul Pen (P), creați o formă în partea stângă a casetei în poziția indicată în imaginea de mai jos și completați cu Gradient liniar gri închis la gri deschis.
Copiați forma din pasul anterior folosind Control + C, faceți clic pe Control + B în spatele acesteia, schimbați culoarea în negru. Deplasați copia câțiva pixeli în stânga, aplicați Blur gaussian, Radius: 14px și reduceți opacitatea: 35px
Selectați instrumentul Pen (P) și creați o formă în partea superioară sub forme din pașii 9 și 10 și completați-o cu negru.
Creați o altă formă în partea de jos în poziția indicată și umpleți-o cu Gradient liniar. Apoi aplicați Outer Glow cu setările: Mod: Multiplicare, culoare neagră, Opacitate: 75%, Blur: 4px. De asemenea, aplicați Blur gaussian, Radius: 5,2px și reduceți opacitatea: 60%.
Copiați forma de la pasul 8 folosind Control + C urmat de Control + F. Deplasați copia peste toate celelalte prin accesarea Obiect> Aranjare> Aduceți în față, apoi creați o formă utilizând instrumentul Pen (P) care va acoperi partea superioară a formei pe care am mutat-o peste toate celelalte. Selectați ambele forme, deschideți panoul Pathfinder, faceți clic pe butonul Minus Front și umpleți noua formă cu Gradientul liniar, aplicați de asemenea Gaussian Blur cu Radius: 5,2px și schimbați Modul de amestecare de la Normal la Suprapunere.
Creați o altă formă în partea inferioară în poziția indicată mai jos, umpleți-o cu culoarea R: 247 G: 237 B: 232, aplicați Inner Glow cu următoarele setări: Mod: Normal, culoare # 5E5E5E, Opacitate: 75% 2px și faceți clic pe OK.
Din nou, folosind instrumentul Pen (P), creați o formă cu culoarea neagră în partea din stânga sus a casetei sub toate celelalte, aruncați o privire la imaginea de mai jos.
În acest pas vom reveni la început. Selectați instrumentul Direct Selection (A), faceți clic pe forma mai mare de la Pasul 2 și completați-l cu culoarea R: 217 G: 217 B: 217, apoi faceți clic pe partea stângă a cutiei și umpleți-o cu culoarea R: 247 G: 237 B: 232, copiați ultima formă pe care ați schimbat culoarea folosind Control + C urmată de Control + F. Completați copia cu Gradient Linear. Pentru aceasta, deschideți panoul Gradient. Aveți nevoie de trei glisiere Gradient. Pentru primul dintre stânga și dreapta selectați culoarea R: 145 G: 145 B: 149, pentru al doilea R: 164 G: 163 B: 163 iar pentru al treilea R: 95 G: 94 B: 96. Schimbați modul de amestecare de la Normal la Multiplicare și reduceți opacitatea: 70%. Desenați o linie în poziția indicată cu culoarea Stroke R: 102 G: 102 B: 102, Greutate: 1px și aplicați Blur Gaussian cu Radius: 5,6px.
Am terminat cu cutia. În următorii pași vom crea unitatea flash.
Selectați instrumentul Ellipse (L), trageți o elipsă după cum se arată mai jos, apoi mergeți la Efect> 3D> Extrude & Bevel, introduceți următoarele setări: Specificați rotația în jurul axei X: 58, Specificați rotația în jurul axei Y: Specificați rotația în jurul axei Z: 62, Perspective: 80, Extrude Depth: 190pt, faceți clic pe butonul More Options și introduceți setările după cum se arată mai jos.
Selectați instrumentul Pen (P), creați o formă în poziția indicată în imaginea de mai jos și umpleți-o cu Gradient Linear, aruncați o privire la imaginea de mai jos.
Creați o altă formă sub cea anterioară și completați-o cu Gradient liniar așa cum se arată în imaginea de mai jos.
Continuăm să adăugăm formele necesare ale unității flash așa cum se arată mai jos.
Acum, selectați toate formele unității flash și grupați-le prin accesarea Object> Group.
Cu grupul selectat, copiați-l folosind Control + C urmat de Control + F. Apoi mergeți la Object> Expand Appearance, apoi deschideți panoul Pathfinder și faceți clic pe butonul Add to Shape Area.
Cu forma care a apărut în etapa anterioară selectată, mergeți la Object> Path> Path Offset. În noua fereastră de deschidere set Offset: 5px, faceți clic pe OK. Veți observa că forma este duplicat într-o dimensiune mai mare după ce ați aplicat Offset. Puteți șterge forma mai mică și completați-o pe cea mai mare cu Gradientul liniar așa cum se arată mai jos și schimbați Modul de amestecare de la Normal la Multiplicare, reduceți opacitatea: 32% și mergeți la Object> Path> Path offset, set Offset: -2px, click OK și crește opacitatea: 48%.
Selectați instrumentul Pen (P), creați figurile în poziție așa cum se arată în imaginea de mai jos și completați-le cu Gradient Linear.
Selectați instrumentul Pen (P), creați câteva forme peste toate celelalte, umpleți-le cu culori, aplicați Radial Blur cu setări: Suma: 100, Blur Metoda: Spin, Calitate: Bine, faceți clic pe OK și,.
În cele din urmă, puteți adăuga fundal, umbre și reflecție în orice fel doriți. Iată rezultatul.
Accentsconagua