Share
În următorul tutorial veți afla cum să creați un sac de hârtie de cumpărături utilizând Adobe Illustrator. Vom lucra din forme de bază pentru a crea această ilustrare multiplă.
Apăsați Command + N pentru a crea un document nou. Introduceți 600 în căsuțele de lățime și înălțimea, 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. Activați Grilă (Vizualizare> Afișare Grilă) și Glisați în Grilă (Vizualizare> Adăugare 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ă înlocuiți unitatea de măsură pixelilor din Editare> Preferințe> Unitate> Generalități. Toate aceste opțiuni vă vor mări semnificativ viteza de lucru.
Cu ajutorul instrumentului dreptunghi (M), creați o formă de 300 x 210 px, umpleți-o cu gradientul liniar prezentat mai jos și mergeți la Efect> Warp> Arc Lower. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance.
Apoi, 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 apucați Instrumentul de selecție directă (A). Concentrați-vă pe forma făcută în pasul anterior, selectați punctele de ancorare de fund și accesați File> Scripts> Other Script. Deschideți Scriptul rotund din orice colț, introduceți un rază de 3px și faceți clic pe OK. În final, forma ta ar trebui să arate ca în a doua imagine. Mergeți în panoul Straturi și denumiți-l "corp".
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 "corpul" și faceți o copie în față (Control + C> Control + F). Selectați-l, mutați-l cu 1px în jos, utilizând săgeata în jos de pe tastatură, apoi duplicați-o (Control + C> Control + F). Selectați această copie nouă și mutați-o cu 1px în jos. Resetați ambele copii realizate în acest pas, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea finală. Numerele albe din imaginea gradientului reprezintă procentul locației, în timp ce zerourile galbene reprezintă procentul de opacitate.
Resetați "corpul" ș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. 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ă și schimbați modul de amestecare pentru a multiplica.
Resetați "corpul" și faceți două copii în față (Control + C> Control + F> Control + 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 gradientul liniar prezentat mai jos, schimbați modul de amestecare pentru a multiplica și micșora opacitatea până la 50%.
Resetați "corpul" și faceți o copie în față (Control + C> Control + F). Selectați-l, mutați-l 1px spre dreapta apoi duplicați-l (Control + C> Control + F). Selectați această copie nouă și mutați 2px 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 și schimbați Modul de amestecare la Lumină moale.
Resetați "corpul" și faceți o copie în față (Control + C> Control + F). Selectați-l, mutați-l 1px spre dreapta apoi duplicați-l (Control + C> Control + F). Selectați această copie nouă și mutați-o de 5px 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 și schimbați Modul de amestecare la Lumină moale.
Resetați-vă formele făcute în ultimii trei pași și accesați Object> Transform> Reflect. Verificați caseta Vertical, apoi faceți clic pe butonul Copy (Copiere). Selectați formele rezultate, activați Snap to Grid (Vizualizare> Snap to Grid) și trageți-le spre dreapta așa cum se arată în a treia imagine.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați "corpul" ș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 R = 218 G = 175 B = 127.
Resetați "corpul" ș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 sus. 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ă.
Resetați "corpul" și faceți o copie în față (Control + C> Control + F). Selectați-l, mutați-l cu 4px în sus și duplicați-l (Control + C> Control + F). Selectați această copie nouă ș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 gradientul liniar prezentat în imaginea finală.
Activați Snap to Grid (Vizualizare> Snap to Grid). Resetați "corpul" și faceți o copie în față (Control + C> Control + F). Cu ajutorul instrumentului Rectangle (M), creați o formă de 165 x 245px și plasați-o după cum se arată în prima imagine. Selectați-l împreună cu copia "corp" și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos și reduceți opacitatea la 15%.
Resetați "corpul" și faceți o copie în față (Control + C> Control + F). Cu ajutorul instrumentului Rectangle (M), creați o formă de 330 x 75 pixeli și plasați-o după cum se arată în prima imagine. Selectați-l împreună cu copia "corp" și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos și reduceți Opacitatea la 25%.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați forma realizată în etapa anterioară ș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. 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 reduceți Opacitatea la 35%.
Selectați toate formele create până acum și grupați-le (Control + G).
Activați Snap to Grid (Vizualizare> Snap to Grid). Concentrați-vă pe partea superioară a formelor create până acum. Folosind instrumentul Rectangle (M), creați un 270 x 25px, umpleți-l cu primul gradient liniar prezentat mai jos, plasați-l așa cum se arată în prima imagine, apoi faceți o copie în față (Control + C> Control + F). Selectați-l, dezactivați Snap to Grid (Vizualizați> Snap to Grid), mutați-l cu 1px în jos, apoi duplicați-l (Control + C> Control + F). Selectați această copie nouă și mutați-o cu 1px î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ă și schimbați Modul de amestecare pe Soft Light.
Resetați dreptunghiul făcut la începutul etapei anterioare ș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. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu primul gradient liniar prezentat mai jos și micșorați Opacitatea la 10%. Activați Snap to Grid (Vizualizare> Snap to Grid) și utilizați instrumentul Rectangle (M). Creați o formă de 135 × 25px, plasați-o după cum se arată în a patra imagine, micșorați opacitatea la 10% și umpleți-o cu al doilea gradient liniar prezentat în imaginea următoare.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați dreptunghiul făcut la începutul pasului șaptesprezecea ș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 R = 237 G = 28 B = 36, vom reveni mai târziu la această cale. Acum, selectați această formă roșie împreună cu toate formele create în ultimii doi pași și grupați-i (Control + G).
Activați Snap to Grid (Vizualizare> Snap to Grid). Concentrați-vă pe partea dreaptă a grupului făcută în pasul anterior. Cu ajutorul instrumentului Rectangle (M), creați o formă de 40 × 25px, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o după cum se arată în prima imagine. Continuați să vă concentrați asupra acestei noi forme, apucați Instrumentul de selecție directă (A), selectați punctul de ancorare de sus, stânga și deplasați-l cu 10px în jos.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). 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 2px în jos. 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. Continuați să vă concentrați asupra acestei noi forme, apucați instrumentul Delete Anchor Point (-) și faceți clic pur și simplu pe punctul de ancorare indicat de săgeata din a treia imagine. În final, forma ta ar trebui să arate ca în a patra imagine.
Resetați forma realizată în etapa a douăzeci și efectuați două copii în față (Control + C> Control + F> Control + F). Selectați copia de jos și mutați-o cu 2px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați dreptunghiul făcut în etapa a șaptesprezecea și faceți o copie în față (Control + C> Control + F). Selectați-l împreună cu forma făcută la începutul pasului și faceți clic pe butonul Intersect din panoul Pathfinder. Concentrați-vă pe forma rezultată, apucați instrumentul Ștergeți punctul de ancorare (-) și faceți clic pur și simplu pe punctul de ancorare indicat de săgeată din a cincea imagine. Umpleți calea rămasă cu gradientul liniar prezentat în a șasea imagine și micșorați opacitatea la 10%.
Activați Snap to Grid (Vizualizare> Snap to Grid). Cu instrumentul Rectangle (M), creați o formă de 55 pe 15px, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o așa cum se arată în prima imagine. Continuați să vă concentrați asupra acestei noi forme, apucați instrumentul Delete Anchor Point (-) și faceți clic pur și simplu pe punctul de ancorare de sus,.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). 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 2px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Concentrați-vă pe forma rezultată, apucați instrumentul Delete Anchor Point (-) și faceți clic pur și simplu pe punctul de ancorare indicat de săgeata din a treia imagine. Umpleți calea rămasă cu gradientul liniar prezentat în imaginea finală și micșorați Opacitatea la 10%.
Resetați forma realizată în pasul douăzeci și treilea și faceți două copii în față (Control + C> Control + F> Control + 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 gradientul liniar prezentat în imaginea finală, micșorați Opacitatea la 50% și schimbați Modul de amestecare în Lumină ușoară.
Resetați forma realizată în pasul douăzeci și treilea ș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. 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ă și schimbați Modul de amestecare la Lumină moale.
Resetați forma realizată în pasul douăzeci și treilea împreună cu forma făcută în pasul douăzeci și duplicați-o (Control + C> Control + F). Selectați prima copie și mutați-o 3px în sus. Resetați ambele copii și faceți clic pe butonul Intersect din panoul Pathfinder. Concentrați-vă pe forma rezultată, prindeți punctul Ștergeți ancora prea l (-) și faceți clic pur și simplu pe punctul de ancorare indicat de săgeata din a treia imagine. Umpleți calea rămasă cu gradientul liniar prezentat în imaginea finală și micșorați Opacitatea la 10%.
Resetați forma realizată în pasul douăzeci și treilea și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de jos și mutaț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 R = 237 G = 28 B = 36, apucați instrumentul Delete Anchor Point (-) și scoateți punctul de ancorare indicat de săgeată în a treia imagine. Selectați această cale roșie subțire împreună cu toate formele realizate în ultimii opt pași și grupați-i (Control + G).
Activați Snap to Grid (Vizualizare> Snap to Grid). Resetați grupul realizat în pasul anterior și accesați Object> Transform> Reflect. Verificați butonul Vertical și faceți clic pe butonul Copy (Copiere). Selectați grupul nou creat, glisați-l spre stânga și plasați-l după cum se arată în a treia imagine.
Selectați cele trei forme roșii create până acum și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat mai jos și micșorați opacitatea la 8%. Focalizați pe panoul Straturi, selectați această nouă formă și trageți-o în interiorul grupului făcut în pasul nouăsprezece.
Selectați instrumentul Rectangle (M), creați o formă de 50 x 130px și plasați-o după cum se arată în prima imagine. Completați-l cu nici unul, dar adăugați un accident vascular cerebral de 4 pt. Setați culoarea la R = 210 G = 126 B = 142 apoi mergeți la Object> Path> Add Points Anchor. Treceți la Instrumentul de selectare directă (A), selectați punctul de ancorare de jos și de mijloc și pur și simplu apăsați tasta Ștergere din tastatură. Asigurați-vă că traseul dvs. este încă selectat, treceți la panoul Aspect, selectați cursorul apoi deschideți panoul Stroke și verificați butonul "Round Cap" din secțiunea Cap.
Resetați calea făcută în pasul anterior și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 30px, faceți clic pe OK și mergeți la Efect> Warp> Shell Lower. Introduceți datele afișate mai jos și accesați Object> Expand Appearance. În cele din urmă, trimiteți această cale spre spate (Shift + Control + [). Ne vom întoarce mai târziu.
Cu instrumentul Rectangle (M), creați o nouă formă de 50 x 130px și plasați-o așa cum se arată în prima imagine. Din nou, eliminați culoarea din umplutură și adăugați o curbă de 4 pini. Setați culoarea la R = 210 G = 126 B = 142 apoi mergeți la Object> Path> Add Points Anchor.
Treceți la Instrumentul de selectare directă (A) și ștergeți punctul de ancorare de jos, central. Asigurați-vă că traseul dvs. este încă selectat, treceți în panoul Stroke, verificați butonul "Round Cap" din secțiunea Cap și apoi mergeți la Effect> Stylize> Rounded Corners. Introduceți o rază de 30px, faceți clic pe OK și mergeți la Efect> Warp> Shell Lower. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance.
Resetați calea făcută în etapa anterioară, faceți o copie în față (Control + C> Control + F), selectați-o și mergeți la Object> Path> Stroke Outline. Umpleți forma rezultată cu R = 39 G = 170 B = 225 (numai pentru a o face să iasă în evidență de celelalte forme) și mergeți la Efect> Warp> Arc. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance.
Resetați dreptunghiul făcut în etapa a șaptesprezecea și faceți o copie în față (Control + C> Control + F). Selectați-l împreună cu forma albastră făcută în pasul anterior și faceți clic pe butonul Intersect din panoul Pathfinder. Selectați grupul de formă rezultat, transformați-l într-o cale combinată (Object> Compound Path> Make), umpleți-l cu gradientul liniar prezentat mai jos și micșorați opacitatea la 25%. Treceți la panoul Straturi, selectați calea compusă și trageți-o sub calea roz.
Resetați calea roz în treapta treizeci și treia, faceți o copie în față (Control + C> Control + F), selectați-o și mergeți la Object> Path> Stroke Outline. Din nou, completați forma rezultată cu R = 39 G = 170 B = 225 și mergeți la Effect> Warp> Arc. Introduceți datele afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance.
Resetați "corpul" și faceți o copie în față (Control + C> Control + F). Selectați-l împreună cu forma albastră făcută în pasul anterior și faceți clic pe butonul Intersect din panoul Pathfinder. Selectați grupul de formă rezultat, transformați-l într-o cale combinată (Object> Compound Path> Make), umpleți-l cu gradientul liniar prezentat mai jos și micșorați opacitatea la 30%. Deplasați-vă la panoul Straturi, selectați această cale compusă și trageți-o sub calea roz roz.
Resetați traseul roz de sus, focalizați pe panoul Aspect și adăugați un nou curs, utilizând butonul Adăugați un nou curs. Selectați-l, setați culoarea la R = 246 G = 246 B = 246, micșorați dimensiunea la 2pt, apoi mergeți la panoul Stroke și verificați butonul Round Cap din secțiunea Cap. Reveniți la panoul Aspect și adăugați un al treilea curs pentru această cale. Selectați-l, setați culoarea la R = 231 G = 186 B = 195 și dimensiunea la 2pt apoi mergeți la panoul Stroke. Verificați caseta Dash, introduceți 2pt în cutia de bord și 2pt în caseta de spațiu. Mutați-vă spre dreapta și bifați butonul care "aliniază liniile spre colțuri și capete, ajustând lungimea pentru a se potrivi".
Deplasați-vă pe calea roz roz și adăugați aceleași proprietăți utilizate pentru calea roz roz. Puteți să o faceți cu ușurință utilizând pictogramele țintă (micul cerc gri din panoul Straturi care indică faptul că elementul dvs. conține atributele Aspect). Concentrați-vă pe panoul Straturi, țineți apăsat pe Alt, dați clic pe pictograma țintă care reprezintă cea mai înaltă culoare roz și trageți pur și simplu pe pictograma țintă care reprezintă cea mai de jos culoare roz.
Cu ajutorul instrumentului Rectangle (M), creați o formă de 300 x 25px, umpleți-o cu negru și plasați-o așa cum se arată în prima imagine. Treceți la Instrumentul de selectare directă (A) și focalizați pe partea superioară a acestei noi forme. Selectați punctul de ancorare din partea de sus, stânga și mutați-l 5px spre dreapta. Deplasați-vă la punctul de ancorare din dreapta, selectați-l și mutați-l 5px spre stânga. Asigurați-vă că această nouă formă este încă selectată și că vă concentrați pe panoul Aspect. Selectați umplerea existentă, micșorați Opacitatea la 10% și mergeți la Efect> Cale> Cale de decalare. Introduceți un offset de 3px, faceți clic pe OK și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Efect> Warp> Arc Lower. Introduceți datele afișate în a treia imagine, faceți clic pe OK și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 3 pixeli și faceți clic pe OK.
Reveniți la panoul Aspect și adăugați un al doilea umplere neagră pentru această formă. Selectați-l, micșorați opacitatea la 10% și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Efect> Warp> Arc Lower. Introduceți datele afișate în a patra imagine, faceți clic pe OK și mergeți la Efect> Cale> Cale de decalare. Introduceți un decalaj de 3px și faceți clic pe OK.
Folosind instrumentul Ellipse (L), creați o formă de 360 x 70px și plasați-o așa cum se arată în prima imagine. Umpleți-l cu R = 60 G = 36 B = 21, micșorați Opacitatea la 18% și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 22px și faceți clic pe OK. Continuați cu instrumentul Ellipse (L), creați o formă de 300 x 50px și plasați-o după cum se arată în a doua imagine. Umpleți-l cu R = 60 G = 36 B = 21, micșorați Opacitatea la 10% și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 5px și faceți clic pe OK. Resetați ambele forme create în acest pas împreună cu cel creat în pasul anterior și grupați-le (Control + G). Selectați acest grup nou și trimiteți-l înapoi (Shift + Control + [).
Pentru pașii finali veți avea nevoie de o grilă la fiecare 1px. Deci, mergeți la Edit> Preferences> Guides & Grid și introduceți 1 în caseta Gridline în fiecare casetă. Folosind instrumentul Ellipse (L), creați un cerc de 15px, umpleți-l cu gradientul radial prezentat mai jos și plasați-l așa cum este arătat în prima imagine. Mergeți în panoul Straturi și trageți această nouă formă sub traseul de sus, roz. Selectați acest cerc și efectuați două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o cu 1px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 218 G = 175 B = 127.
Resetați cercul făcut în pasul anterior și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK, apoi focalizați pe panoul Aspect și adăugați oa doua umplere. Selectați-o, setați culoarea la R = 218 G = 175 B = 127 și mergeți la Efect> Cale> Cale de decalare. Introduceți un decalaj -4px și faceți clic pe OK.
Resetați cele două forme realizate în ultimii doi pași și grupați-i (Control + G). Efectuați o copie a acestui grup (Control + C> Control + F), trageți-l spre stânga și plasați-l așa cum se arată în a doua imagine.
Acum munca ta sa terminat. Iată cum ar trebui să arate.
Accentsconagua