Share
În următorul tutorial veți învăța cum să creați o ilustrare a coșului de gunoi. Utilizați un flux de lucru complet al Illustratorului CS5, tehnici de construcție a formei vectoriale, umbrire cu gradient și opacitate, precum și diverse efecte vectoriale. Să începem.
Apăsați Command + N pentru a crea un document nou. Introduceți 700 în caseta de lățime și 600 în caseta de înălțime, apoi faceți clic pe butonul Avansat. Selectați RGB, Ecran (72ppi) și asigurați-vă că caseta "Align New Objects to Pixel Grid" nu este bifată înainte de a da clic pe OK. Acum, activați Grid (Vizualizare> Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă).
Apoi, veți avea nevoie de o rețea la fiecare 5px. Accesați Edit> Preferences> Guides & Grid, introduceți 5 î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ă setați unitatea de măsură pe pixeli din Editare> Preferințe> Unitate> General. Toate aceste opțiuni vor crește semnificativ viteza de lucru.
Alegeți instrumentul Rectangle (M), creați o formă de 200 x 390px, umpleți-o cu R = 0 G = 153 B = 109 și îndepărtați culoarea din cursa. Treceți la Instrumentul de selecție directă (A) și focalizați pe punctele de ancorare de jos.
Selectați punctul de ancorare din stânga și mutați-l cu 15px spre dreapta, apoi selectați punctele de ancorare corecte și mutați-l cu 15px spre stânga. În final, forma ta ar trebui să arate ca cea de-a doua imagine afișată. Resetați-l și faceți o copie în față (Command + C> Command + F).
Alegeți instrumentul dreptunghi (M), creați o formă de 220 x 50px și plasați-o așa cum se arată în prima imagine. Selectați această nouă formă, împreună cu copia creată în pasul anterior, deschideți panoul Pathfinder și faceți clic pe butonul Intersect.
Resetați forma creată în al doilea pas și treceți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 10px, faceți clic pe OK și mergeți la Efect> Warp> Arc Lower. Introduceți datele afișate în cea de-a doua imagine, faceți clic pe OK și mergeți la Object> Expand Appearance.
Selectați forma realizată în pasul anterior, împreună cu forma creată în al treilea pas și faceți clic pe butonul Unite din panoul Pathfinder. Deplasați-vă la panoul Straturi (Fereastră> Straturi), Faceți dublu clic pe forma rezultată și denumiți-o "Corp".
Alegeți instrumentul Pen (P), desenați două căi verticale (400px) și plasați-le ca în prima imagine. Adăugați un accident vascular negru discret pentru aceste căi. Treceți la Instrumentul de selecție directă (A) și focalizați pe calea verticală din stânga. Selectați punctul de ancorare de jos și mutați-l cu 15px spre dreapta.
Continuați cu Instrumentul de selecție directă (A) și focalizați pe calea dreaptă, verticală. Selectați punctul de ancorare inferior și mutați-l cu 15px spre stânga. În final, căile ar trebui să arate ca cea de-a doua imagine afișată. Duplicați-le (Command + C> Command + F). Mergeți în panoul Straturi, găsiți aceste copii proaspete și le faceți invizibile. Veți avea nevoie de ele mai târziu.
Resetați "Corp" și faceți o copie în față (Command + C> Command + F). Selectați această copie, împreună cu căile vizibile create în pasul anterior și faceți clic pe butonul Divide din panoul Pathfinder. Deplasați-vă la panoul Straturi și veți găsi un grup cu trei forme simple. Ungroupați-le (Shift + Command + G) și ștergeți forma mijlocie.
Concentrați-vă pe cele două forme create în etapa anterioară și completați-le cu gradientul liniar prezentat mai jos. Zero galben din imaginea gradientului reprezintă procentajul de opacitate.
Dezactivați Snap to Grid (Vizualizare> Snap to Grid), apoi mergeți la Edit> Preferences> General și asigurați-vă că Incrementul tastaturii este setat la 1px. Selectați forma corectă editată în pasul anterior și faceți două copii în față (Command + C> Command + F> Command + F).
Selectați copia de început și apăsați o dată pe săgeata dreapta (pentru a muta 1px spre dreapta). 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 la 20% și schimbați modul de amestecare la Overlay. Amintiți-vă că zero-ul galben de la imaginea gradientului reprezintă procentul de opacitate.
Resetați forma creată în etapa anterioară și faceți o copie în față (Command + C> Command + F). Umpleți-l cu gradientul liniar prezentat mai jos, ridicați Opacitatea la 100% și schimbați modul de amestecare la Normal.
Selectați forma stângă editată în etapa a opta și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și apăsați o dată pe săgeata stânga (pentru a muta 1px 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 la 20% și schimbați modul de amestecare la Overlay.
Resetați forma creată în etapa anterioară și faceți o copie în față (Command + C> Command + F). Umpleți-l cu gradientul liniar prezentat mai jos, ridicați Opacitatea la 100% și schimbați modul de amestecare la Normal.
Selectați întreaga formă creată și editată în ultimii șase pași și grupați-i (Command + G).
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M), creați două forme de 5 x 405px și plasați-le ca în prima imagine. Treceți la Instrumentul de selectare directă (A) și focalizați pe forma stângă.
Selectați punctele inferioare de ancorare și deplasați-le cu 15px spre dreapta. Continuați cu Instrumentul de selecție directă (A) și concentrați-vă pe calea cea dreaptă. Selectați punctul de ancorare inferior și mutați-l cu 15px spre stânga. În final, formele ar trebui să arate ca a doua imagine.
Resetați cele două forme create în etapa anterioară, completați-le cu gradientul liniar prezentat mai jos și treceți la Efect> Blur> Gaussian Blur. Introduceți o rază de 7px și faceți clic pe OK.
Mergeți în panoul Straturi și găsiți căile invizibile create în etapa a șasea. Faceți-le vizibile și aduceți-le în față (Shift + Command +]). Adăugați o curbă albă de 5 pct pentru aceste căi, coborâți Opacitatea la 5%, schimbați modul de amestecare la Overlay și mergeți la Effect> Blur> Gaussian Blur. Introduceți o rază de 3 pixeli și faceți clic pe OK.
Alegeți instrumentul Ellipse (L), creați o formă de 140 x 255px și plasați-o așa cum se arată în prima imagine. Resetați "Corp" și faceți o copie în față (Command + C> Command + F). Selectați această copie, împreună cu noua formă și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 10 pixeli și faceți clic pe OK.
Selectați toate formele create și editate în ultimii patru pași și grupați-i (Command + G).
Apoi, trebuie să mascați grupul creat în pasul anterior. Selectați "Corp" și faceți o copie în față (Command + C> Command + F). Umpleți-l cu alb, adu-l în față (Shift + Command +]) și deschideți panoul Transparență.
Selectați această formă albă, împreună cu grupul creat în etapa anterioară, deschideți meniul derulant al panoului Transparență și faceți clic pe Make Opacity Mask. În cele din urmă, grupul dvs. mascat ar trebui să arate ca a treia imagine afișată.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați "Corp" și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și apăsați de două ori pe săgeată sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Acum completați forma rezultată cu R = 0, G = 119, B = 88. Și adu-l în față (Shift + Command +)).
Re-selectați "Corp" adăugați o cursă de 1 pt. Setați culoarea la R = 0, G = 119, B = 88. Asigurați-vă că această formă este încă selectată, căutați-o în panoul Aspect și adăugați o umplere nouă utilizând butonul Adăugare umplere nouă. Este pictograma pătrată mică, pătrată în partea de jos a panoului Aspect. Selectați această umplere nouă și utilizați gradientul liniar prezentat mai jos.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul dreptunghiular (M), creați o formă de 245 pe 20px și plasați-o așa cum se arată în prima imagine. Treceți la Instrumentul de selecție directă (A) și focalizați pe punctele de ancorare de jos. Selectați punctul de ancorare din stânga și mutați-l cu 30 de pixeli la dreapta, apoi selectați punctele de ancorare corecte și deplasați-l cu 30 de pixeli spre stânga.
Forma ta ar trebui să arate ca un trapez. Selectați-l și trimiteți-l înapoi (Shift + Command + [). Resetați "Corp" și faceți o copie în față (Command + C> Command + F). Selectați această copie, împreună cu forma trapezoidală, și faceți clic pe butonul Minus Front din panoul Pathfinder. Acest lucru va crea un grup cu două forme triunghiulare. Completați-le cu gradientele liniare prezentate mai jos.
Dezactivați Snap to Grid (Vizualizare> Snap to Grid) și focalizați pe triunghiul stâng, creat în pasul anterior. Selectați-l și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și apăsați săgeata în jos și săgeata stânga de trei ori.
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 20%. Treceți la instrumentul Ștergeți punctul de ancorare (-) și faceți clic pe cele trei puncte de ancorare evidențiate în a treia imagine. În final, forma ta ar trebui să arate ca a patra imagine afișată.
Concentrați-vă pe triunghiul drept creat în pasul anterior. Selectați-l și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și apăsați pe săgeata în jos și pe săgeata din dreapta de trei ori. 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 20%. Treceți la instrumentul Ștergeți punctul de ancorare (-) și faceți clic pe cele trei puncte de ancorare evidențiate în a treia imagine. În final, forma ta ar trebui să arate ca a patra imagine afișată.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M) și creați o formă de 5 x 30 pixeli. Umpleți-l cu gradientul liniar prezentat mai jos și plasați-l așa cum se arată în prima imagine. Faceți două copii ale acestei forme și plasați-le așa cum se arată în a doua imagine.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Selectați prima formă creată în pasul anterior și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și apăsați o dată săgeata în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder.
Umpleți forma rezultată cu alb, micșorați Opacitatea la 30% și schimbați modul de amestecare la Overlay. Repetați această tehnică pentru celelalte două forme create în etapa anterioară. Selectați formele create în acest pas, împreună cu formele create în pasul anterior și grupați-le (Command + G).
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M), creați cele patru forme noi (utilizați dimensiunile menționate în prima imagine) și plasați-le ca în prima imagine. Completați-le cu o culoare aleatoare și mergeți la Efect> Stylize> Corners Rounded. Introduceți o rază de 10 pixeli, faceți clic pe OK și mergeți la Object> Expand Appearance.
Selectați grupul creat în pasul anterior și duplicați-l (Command + C> Command + F). Selectați această copie a grupului împreună cu cele patru dreptunghiuri rotunjite și faceți clic pe butonul Unite din panoul Pathfinder. Forma rezultată ar trebui să arate ca cea de-a patra imagine prezentată.
Resetați "Corp" și faceți o copie în față (Command + C> Command + F). Selectați această copie, împreună cu forma creată în pasul anterior și faceți clic pe butonul Minus Front din panoul Pathfinder.
Deplasați-vă la panoul Straturi și veți găsi un nou grup cu o grămadă de forme. Deschideți-l, ștergeți forma cea mai mare, apoi completați celelalte forme cu negru și micșorați opacitatea la 10%.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M), creați o formă de 245 pe 20px, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o după cum se arată în prima imagine.
Apoi, trebuie să adăugați un pic de rotunjire pentru această formă. Utilizați scenariul 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 apucați Instrumentul de selecție directă (A).
Selectați punctele de ancorare de top și accesați File> Scripts> Other Script. Deschideți Scriptul Round Any Corner, introduceți un Radius de 5px și faceți clic pe OK. În final, formele ar trebui să arate ca a doua imagine.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați forma creată în etapa anterioară și accesați Obiect> Cale> Cale de decalare. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Command + C> Command + F). Selectați această copie și deplasați-o cu 1px în jos.
Reluați cele două forme create până acum și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb, micșorați Opacitatea la 10% și schimbați modul de amestecare la Overlay. Resetați forma creată în pasul anterior, adăugați o cursă de 1 pt, setați culoarea la R = 0, G = 130, B = 90 și aliniați-o în interior.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul dreptunghiular (M), creați o formă de 110 x 20px, plasați-o după cum se arată în prima imagine și mergeți la Efect> Stylize> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Object> Expand Appearance.
Resetați forma creată la pasul 29 și faceți o copie în față (Command + C> Command + F). Selectați-l, împreună cu noul dreptunghi rotunjit și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea finală.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați forma creată în etapa anterioară și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și apăsați o dată săgeata în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 0, G = 130, B = 90.
Resetați forma creată la pasul 31 și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de fund și atingeți o dată săgeata în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb, micșorați Opacitatea la 30% și schimbați modul de amestecare la Overlay.
Selectați toate formele create în ultimii cinci pași și grupați-i (Command + G).
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M) și creați o formă de 220 x 20px. Umpleți-l cu gradientul liniar prezentat mai jos, plasați-l ca imagine în imaginea următoare ș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.
Selectați forma rezultată, faceți două copii în față (Command + C> Command + F> Command + F) și dezactivați Snap to Grid (Vizualizați> Snap to Grid). Selectați copia de început și apăsați o dată săgeata în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb, coborâți opacitatea la 30% și schimbați modul de amestecare la Overlay.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Selectați cea mai mare formă din grupul creat la pasul 34, faceți o copie în față (Command + C> Command + F) și mutați-o cu două pixeli în sus. Resetați dreptunghiul rotunjit creat în pasul anterior și faceți o copie în față (Command + C> Command + F).
Selectați aceste două copii și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu negru și coborâți Opacitatea la 10%. Selectați-l, împreună cu formele create în etapa anterioară și trimiteți-le înapoi (Shift + Command + [).
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M) și creați o formă de 210 x 20px. Umpleți-l cu gradientul liniar prezentat mai jos, plasați-l ca imagine în imaginea următoare și accesați Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și treceți la Efect> Warp> Arc Upper. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați forma creată în etapa anterioară și accesați Obiect> Cale> Cale de decalare. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Command + C> Command + F).
Selectați această copie și deplasați-o cu 1px în jos. Reluați cele două forme create până acum și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb, reduceți opacitatea la 30% și schimbați modul de amestecare la Overlay.
Selectați din nou forma creată la pasul 37 și adăugați o cursă de 1 pt. Setați culoarea la R = 0, G = 130, B = 90 și aliniați-o în interior. Selectați formele create și editate în ultimii doi pași și trimiteți-le înapoi (Shift + Command + [).
Selectați dreptunghiul rotunjit creat la pasul 35, faceți o copie în față (Command + C> Command + F) și mutați-l cu doi pixeli în sus. Resetați forma creată la pasul 37 și faceți o copie nouă în față (Command + C> Command + F). Selectați aceste două copii și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu negru și coborâți Opacitatea la 10%.
Selectați toate formele create în ultimii șase pași și grupați-i (Command + G). Selectați dreptunghiul rotunjit creat la pasul 35, faceți o copie în față (Command + C> Command + F) și trimiteți-l înapoi (Shift + Command + [). Completați-l cu niciunul și adăugați o lovitură de 1 pt. Setați culoarea la R = 0, G = 130, B = 90 și aliniați-o la exterior.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M) și creați o formă de 40 × 30px. Completați-l cu nici unul și adăugați o cursa de 5 pt. Setați culoarea la R = 0, G = 150, B = 110, aliniați-o spre exterior și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și accesați Object> Path> Stroke Outline.
Dezactivați Snap to Grid (Vizualizare> Snap to Grid), selectați forma rezultată și mergeți la Object> Cale> Cale de decalare. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Command + C> Command + F). Selectați această copie și deplasați-o cu 1px în jos. Resetați aceste două forme mai mici și faceți clic pe butonul Minus Front din panoul Pathfinder.
Rotiți grupul de forme care rezultă într-o cale compusă (Object> Compound Path> Make), umpleți-l cu alb, micșorați opacitatea la 30% și modificați modul de amestecare la Overlay.
Resetați prima formă creată în etapa anterioară, adăugați o umplere nouă și utilizați gradientul liniar prezentat mai jos. Continuați să vă concentrați asupra acestei forme, adăugați o cursă de 1 pt, setați culoarea la R = 0, G = 130, B = 90 și aliniați-o în interior. Selectați această formă, împreună cu calea compusă creată în etapa anterioară, și grupați-le (Command + G). Trimiteți acest grup înapoi (Shift + Command + [).
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M) și creați o formă de 10 x 70px. Umpleți-l cu R = 20, G = 20, B = 20, plasați-o așa cum se arată în prima imagine și mergeți la Efect> Stylize> Corners Rounded. Introduceți o rază de 2 pixeli, faceți clic pe OK și treceți la Efect> Warp> Ardere. Introduceți datele afișate mai jos și faceți clic pe OK.
Acum, forma ta ar trebui să arate ca prima imagine afișată. Selectați-l și faceți o copie în față (Command + C> Command + F). Completați această copie cu R = 65, G = 65, B = 65, treceți la panoul Aspect și ștergeți efectul Warp.
Selectați a doua formă creată în etapa anterioară și accesați Object> Expand Appearance. Umpleți forma rezultată cu gradientul liniar prezentat mai jos. Numerele albe din imaginea gradientului reprezintă procentajul locației.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Selectați forma editată în pasul anterior și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și mutați-o 1px spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder.
Umpleți forma rezultată cu alb și reduceți Opacitatea la 15%. Din nou, selectați forma editată în etapa anterioară și creați două copii noi în față (Command + C> Command + F> Command + F). Selectați copia de început și mutați-o 1px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Din nou, umpleți forma rezultată cu alb și reduceți opacitatea la 15%.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M), creați o formă de 5 x 10px și plasați-o după cum se arată în imaginea următoare. Selectați această nouă formă și accesați Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK și treceți la Efect> Warp> Arc Lower. Introduceți datele afișate mai jos, faceți clic pe OK și treceți la Object> Expand Appearance.
Selectați din nou forma creată în etapa anterioară, completați-o cu gradientul liniar prezentat mai jos și adăugați o cursă de 1 pt. Setați culoarea la R = 88, G = 88, B = 88 și aliniați-o spre exterior.
Selectați toate formele create în ultimii cinci pași și grupați-le (Command + G). Duplicați acest grup (Command + C> Command + F).
Selectați copia de grup creată în pasul anterior și accesați Object> Transform> Reflect. Verificați butonul Vertical și faceți clic pe OK. Trageți acest grup răsturnat spre stânga, așa cum se arată în prima imagine. În cele din urmă, trimiteți ambele grupuri înapoi (Shift + Command + [).
Acum munca ta sa terminat. Iată cum ar trebui să arate.
Accentsconagua