Share
În acest tutorial vă voi arăta cum să creați un player interactiv DVD în Illustrator. Pentru a ajunge la rezultatul final, vom folosi instrumentul Rounded Rectangle Tool, opțiunea 3D> Extrude & Bevel și opțiunea Map Art.
Deschideți un document nou cu dimensiunile 900px / 1200px, alegeți Instrumentul Rounded Rectangle și creați un dreptunghi cu dimensiuni: Lățime: 639px, Înălțime: 939px, Rază colț: 40px.
Creați un alt dreptunghi cu dimensiunile: Lățime: 520px, Înălțime: 66px, Rază colț: 40px în partea de sus a primului dreptunghi în poziție, după cum se arată mai jos:
Acum, selectați ambele dreptunghiuri pe care le-ați creat mai devreme, deschideți panoul Pathfinder accesând fereastra> Pathfinder (Shift + Command + F9) și faceți clic pe butonul Minus Front.
Alegeți instrumentul Rectangle (M), creați un dreptunghi cu dimensiuni: 563px / 390px și completați cu Gradientul liniar accesând fereastra> Biblioteci Swatch> Gradienți> Metale, selectați Gradientul de argint.
Deoarece ultimul dreptunghi pe care l-ați creat este încă selectat, mergeți la Object> Path> Cale Offset, selectați Offset: -4px, faceți clic pe OK și umpleți dreptunghiul nou creat cu Gradient Linear de la gri la gri închis.
Acum, alegeți Pen Tool (P) și trageți o linie în partea de jos a ultimului dreptunghi creat și, de asemenea, în partea stângă. Opriți Culoarea de umplere și aplicați culoarea stroke: Negru și greutate: 5 pixeli.
Alegeți instrumentul Rectangle (M) și creați un dreptunghi sub afișajul DVD cu aceeași lățime ca și dreptunghiul de la pasul 1. Completați cu negru, creați un cerc cu dimensiunile: 130px / 130px, poziționați-l în partea dreaptă a dreptunghiului anterior.
Selectați dreptunghiul și cercul, deschideți panoul Pathfinder și faceți clic pe butonul Add to Shape Area.
Cu formatul creat la pasul 8 selectat, mergeți la Object> Path> Path Offset, în fereastră setați Offset: -2px, apăsați OK și schimbați culoarea de umplere la R = 51 G = 51 B = 51.
Selectați instrumentul Ellipse (L) și creați un cerc peste ultima formă creată pe partea dreaptă care a apărut după aplicarea Offset. Umpleți cu alb.
Cu cercul încă selectat, mergeți la Object> Path> Cale de decalare și setați Offset: -1px. Faceți clic pe OK și completați cu Gradient liniar - Fereastră> Biblioteci Swatch> Gradienți> Metale și alegeți Gradientul Chrome. Apoi, mergeți la Efect> Blur> Blur radial, setați Suma: 100, Blur Metoda: Spin, Calitate: Bună și faceți clic pe OK.
Cu cercul pe care l-ați aplicat Radial Blur pentru a fi încă selectat, mergeți la Object> Path> Path Offset și în noua fereastră de deschidere set Offset: -20px și faceți clic pe OK.
Dacă cercul este selectat, deschideți panoul Aspect făcând clic pe Fereastră> Aspect (Shift + F6), ștergeți efectul Radial Blur selectând-l cu mouse-ul și trăgându-l în coș și umplând cu Gradient Linear așa cum se arată în imagine de mai jos.
Cu cercul selectat, mergeți la Object> Path> Path Offset, setați Offset: -4px, faceți clic pe OK și schimbați Color Fill to black.
Alegeți instrumentul rotunjit dreptunghi și creați o elipsă cu dimensiuni - Lățime: 30px Înălțime: 15px Raza colțului: 40 px. Umpleți cu negru și deplasați elipsa în poziție așa cum se arată în imaginea de mai jos.
Cu elipsei selectate, mergeți la Object> Path> Path Offset și în fereastra nouă setați Offset: -2px. Faceți clic pe OK și umpleți elipsa nou creată cu Gradient liniar care conține culori de la gri la negru, apoi mutați elipsa cu câțiva pixeli în jos și spre stânga.
Selectați ultimele două elipse și grupați-le. Pentru aceasta, selectați ambele elipse și mergeți la Object> Group (Command + G). Cu cele două elipse selectate, mergeți la Efect> Distort & Transform> Transformați, în fereastra nouă setată Copii: 9, Mutare: 45px orizontală. Porniți Previzualizare pentru a vedea rezultatul final și, dacă sunteți mulțumit, faceți clic pe OK.
Alegeți instrumentul Ellipse (L) și creați un cerc cu dimensiunile: 12px / 12px sub forme din pasul 17 și umpleți cu culori R = 128, G = 128, B = 128.
Cu cercul selectat, mergeți la Efect> Distort & Transform> Transformați, în noua fereastră de dialog alegeți următoarele setări: Copii: 35 orizontală: 16px și faceți clic pe OK.
Cu cercurile nou create, mergeți la Efect> Distort & Transform> Transformați și în fereastra nouă alegeți următoarele setări: Copii: 3 Vertical: -16. Faceți clic pe OK și drept după ce mergeți la Object> Expand Appearance.
Copiați cercurile de la Pasul 20 folosind Command + C urmat de Command + F, schimbați Culoarea de umplere în negru și mutați copiile puțin în jos și ușor spre stânga, așa cum se arată în imaginea de mai jos.
Alegeți instrumentul Rounded Rectangle și creați un dreptunghi cu dimensiunile: 570px / 30px și Radius colț: 40px. Umpleți cu negru.
Cu ultima formă pe care ați creat-o încă selectată, mergeți la Object> Path> Cale Offset și în fereastra nouă setați Offset: -2px și faceți clic pe OK. După aceea, modificați culoarea de umplere la gri și mutați noua formă creată pe care ați aplicat offset-ul puțin în sus și în dreapta.
Selectați toate formele cu excepția formei de la Pasul 2 și grupați-le prin accesarea Object> Group (Command + G).
Selectați grupul pe care tocmai l-ați creat, deschideți panoul Simboluri (Shift + Command + F11) glisați formele în panoul Simboluri. Acest lucru va crea un nou simbol, care va fi utilizat în etapele următoare.
Acum, selectați forma de la Pasul 2 și mergeți la Efect> 3D> Extrude & Bevel și în fereastra nouă alegeți următoarele setări: Specificați rotația în jurul axei X: -26, Specificați rotirea în jurul axei Y: 30, Specificați rotirea în jurul Z Axa: -35, Perspectiva: 45, Extrude Adâncime: 100pt.
Porniți Previzualizare pentru a vedea perspectiva și faceți clic pe OK pe butonul Harta artei. În fereastra nouă, selectați Simbolul pe care l-ați creat în pasul anterior și faceți clic pe OK.
În cazul în care playerul este încă selectat, mergeți la Object> Expand Appearance, apoi dezarhivați formele accesând Object> Ungroup (Shift + Command + G) și selectați forma laterală a playerului, deschideți panoul Pathfinder (Shift + Command + , faceți clic pe butonul Add to Shape Area și umpleți cu Gradient Linear așa cum se arată în imaginea de mai jos.
Selectați formatele prezentate în imaginea de mai jos, deschideți panoul Pathfinder (Shift + Command + F9), faceți clic pe butonul Add to Shape Area și umpleți cu Gradient Linear așa cum se arată mai jos.
Selectați forma principală a playerului utilizând Instrumentul de selecție directă (A) și umpleți cu Gradient liniar.
Copiați forma pe care ați umplut-o cu Gradientul liniar din pasul anterior folosind Command + C și poziționați-o pe Command + F.
Cu forma pe care ați poziționat-o peste celelalte selectate, mergeți la Object> Path> Cale Offset și în fereastra nouă setați Offset: -4px și faceți clic pe OK. În acest fel vom duplica forma într-o dimensiune mai mică. În cazul în care forma mai mică este încă selectată, mergeți la Object> Path> Path Offset și în fereastra nouă setați Offset: -4px și faceți clic pe OK.
Acum avem două duplicate. Puteți să ștergeți calea originalului. Selectați forma mai mare și deplasați-o deasupra formei mai mici, accesând Object> Arrange> Bring Forward. Opriți culoarea de umplere și aplicați culoarea Stroke cu greutate: 8x. Culoarea nu este importantă deoarece vom umple forma cu Gradient Linear.
Cu forma pe care ați aplicat culoarea Stroke pentru a selecta, mergeți la Object> Path> Stroke Outline și umpleți-o cu Gradient Linear.
Acum, selectați copia care a rămas sub forma anterioară. Opriți culoarea de umplere și aplicați culoarea stroke Negru și greutate: 5 pixeli.
Selectați formele playerului și grupați-le selectând toate formele și mergând la Object> Group.
Alegeți Instrumentul rotunjit dreptunghi și creați un dreptunghi cu dimensiuni: 400px / 700px; Raza colțului: 40 pixeli. În următorii pași vom aplica un efect 3D pe dreptunghiul pe care l-am creat, dar înainte de care trebuie să creăm simbolul, îl vom aplica.
Alegeți instrumentul Ellipse (L) și creați un cerc cu dimensiunile 25px / 25px. Completați-o cu Gradientul liniar accesând fereastra> Biblioteci Swatch> Gradienți> Metale și selectând Gradientul de argint.
Cu cercul selectat, mergeți la Obiect> Cale> Cale de decalare și în fereastra nouă setat Offset: -2px. Faceți clic pe OK și modificați culoarea în negru.
Cu cercul negru selectat, mergeți la Obiect> Cale> Cale de decalare și în fereastra nouă setat Offset: -2 px. Faceți clic pe OK și completați cu Gradient liniar cu culori de la alb la negru. Reduceți opacitatea la 60% după cum se arată în imaginea de mai jos.
Creați mai multe forme folosind aceeași tehnică, deschideți panoul Simboluri accesând fereastra> Simboluri (Shift + Command + F11) și trageți formele în panoul Simboluri.
Selectați dreptunghiul de la pasul 35, mergeți la Efect> 3D> Extrude & Bevel și selectați următoarele setări: Specificați rotația în jurul axei X: -26, Specificați rotația în jurul axei Y: 40, Specificați rotația în jurul axei Z: -35 , Perspectiva: 45, Extrude Adâncime: 100pt. Porniți Previzualizare pentru a vedea perspectiva și faceți clic pe butonul Harta artei. În fereastra nouă, selectați simbolul pe care l-ați creat în pasul anterior și faceți clic pe OK.
Cu noua formă creată ați aplicat efectul 3D selectat, mutați-l în spatele playerului, accesând Object> Arrange> Send to Back și poziționați forma așa cum este arătat în imaginea de mai jos.
Continuați să creați componentele playerului. Alegeți instrumentul Rectangle (M) și creați un dreptunghi cu dimensiuni: 345px / 610px. Creați încă un dreptunghi cu dimensiunile: 210px / 330px. Poziționați-o peste cea anterioară, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front.
Alegeți Instrumentul rotunjit dreptunghi și creați un dreptunghi cu dimensiunile: 300px / 196px, Round Corners: 40px apoi creați un alt dreptunghi mai larg și poziționați-l în partea superioară a celei anterioare. Selectați ambele dreptunghiuri, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front, consultați imaginea de mai jos pentru referință.
Acum, selectați forma de la pasul 42 și mergeți la Efect> 3D> Extrude & Bevel și în fereastra nouă efectuați următoarele setări: Specificați rotația în jurul axei X: -69, Specificați rotația în jurul axei Y: 47, Specificați rotația în jurul valorii de Z Axă: -26, Perspectivă: 0, Extrude Adâncime: 25pt și faceți clic pe OK.
Selectați forma mai mică și treceți la Efect> 3D> Extrude & Bevel și în fereastra nouă alegeți următoarele setări: Specificați rotația în jurul axei X: -3, Specificați rotația în jurul axei Y: 41, Specificați rotația în jurul axei Z: -26, Perspectivă: 0, Extrude Adâncime: 25pt faceți clic pe OK și mutați forma din spatele celei anterioare într-o poziție după cum se arată mai jos.
Acum, selectați ultimele două forme și accesați Object> Expand Appearance.
Alegeți instrumentul de selectare directă (A), apăsați și țineți apăsat Shift, apoi faceți clic pe fețele drepte ale formei, deschideți panoul Pathfinder, faceți clic pe butonul Add To Shape Area și mergeți la Object> Arrange> Bring to Front. După aceea, completați cu Gradient Linear așa cum se arată în imaginea de mai jos.
Continuați să completați formele cu Gradient. Pentru a face acest lucru, faceți clic pe forma pe care o veți umple utilizând Instrumentul de selecție directă (A), mergeți la panoul Gradient și completați-l.
Trimiteți ultima formă în spatele tuturor celorlalți, accesând Object> Arrange> Send to Back (Shift + Command +) și poziționați-o după cum se arată.
Acum este timpul să creați un disc. Un tutorial bun pe această temă este Cum se face un CD cu vectori. După ce ați creat discul, selectați toate formele de pe disc și mergeți la Efect> 3D> Rotire, în fereastra nouă selectați următoarele setări: Specificați rotația în jurul axei X: -32, Specificați rotația în jurul axei Y: 51, Specificați rotația în jurul axei Z: -48, faceți clic pe OK și poziționați discul între player și forma creată după.
Alegeți instrumentul Rounded Rectangle și creați un dreptunghi cu dimensiunile: 20px / 340px și Radiusul colțului: 40px cu culoarea neagră și culoarea albă a Accidentului, greutate: 5px. Rotiți forma și poziționați-o sub disc, ar trebui să arate asemănător cu imaginea de mai jos.
Pentru a finaliza ilustrația, puteți adăuga un fundal Umbre într-o manieră dorită.
Accentsconagua