Share
În următorul tutorial veți învăța să creați o ilustrare a casetei. Vom folosi tehnici de construcție a formei vectoriale, precum și iluminare avansată, măști vectoriale, gradienți și multe altele.
Creați un document RGB de 340 x 310 pixeli. Mai întâi, activați Grid (Vizualizare> Grilă) și Glisați în 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ă înlocuiți unitatea de măsură pixelilor din Editare> Preferințe> Unitate> Generalități. Toate aceste opțiuni vor crește semnificativ viteza de lucru.
Alegeți instrumentul Rectangle (M), creați o formă de 275 pe 175px și completați-o cu orice culoare. L-am umplut cu roșu și mi-am redus Opacitatea la 30%, astfel încât să puteți distinge mai ușor. Selectați această formă și accesați Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 8px, faceți clic pe OK și apoi mergeți la Object> Expand Appearance. Selectați forma rezultată și faceți o copie înapoi (Command + C> Command + B).
Selectați această copie și faceți-o invizibilă făcând clic pe pictograma ochi din panoul Straturi. Veți avea nevoie de această formă pentru un pas suplimentar. Selectați Rectangle Tool (M), creați o formă de 245 pe 110px și plasați-o după cum se arată mai jos. Selectați-l și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Continuați cu instrumentul Rectangle (M), creați o formă de 235 pe 100px și plasați-o așa cum se arată în imaginea următoare. Snap to Grip vă va ușura munca. Selectați această nouă formă și accesați Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 4 pixeli, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați Rectangle Tool (M), creați o formă de 165 x 50px și plasați-o după cum se arată mai jos. Din nou, selectați această formă proaspătă și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 25px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Continuați să lucrați cu instrumentul Rectangle (M). Creați o formă de 65 x 30 pixeli și o formă de 195 x 45 pixeli și plasați-le după cum se arată în imaginea următoare.
Acum, comutați la instrumentul Ellipse (L). Creați două cercuri perfecte (30 până la 30 de pixeli) și plasați-le așa cum se arată în prima imagine. Selectați aceste două forme noi și mergeți la Obiect> Cale> Cale de decalare. Introduceți o decalare de 35px și faceți clic pe OK. Formele rezultate ar trebui să arate ca a doua imagine. Selectați-le și trimiteți-le înapoi (tasta Shift + Command + Stânga).
Acum, să ne concentrăm asupra dreptunghiului de jos creat în al patrulea pas. În primul rând veți avea nevoie de o grilă la fiecare 2,5 pixeli. Accesați Edit> Preferences> Guides & Grid și introduceți 2.5 în caseta Gridline Every. Apoi, alegeți Instrumentul de selecție directă (A) și focalizați pe punctele de ancorare de sus. Selectați punctul de ancorare de sus, stânga și mutați-l cu 10px spre dreapta. Acum, selectați punctul de ancorare din partea de sus și dreapta și mutați-l cu 10px spre stânga.
Acum, forma ta ar trebui să stea ca un trapez. Selectați-l și mergeți la Object> Cale> Cale de decalare. Introduceți un decalaj de -2,5 pixeli și faceți clic pe OK. Resetați Instrumentul de selecție directă (A), selectați punctele de ancorare de jos ale acestei noi forme (evidențiate în a treia imagine) și trageți-le după cum se arată în a patra imagine.
Deplasați-vă la dreptunghiul de sus creat în pasul al patrulea. Selectați-l și mergeți la Object> Cale> Cale de decalare. Introduceți un decalaj de 2,5px și faceți clic pe OK.
Acum, să creăm componentele mai mici. Mai întâi, folosind instrumentul Ellipse (L), creați patru forme noi (7,5 cu 7,5 px) și plasați-le în colțuri. De asemenea, folosind instrumentul Ellipse (L), creați trei cercuri perfecte (10 x 10px) și plasați-le după cum se arată în imaginea următoare.
Încă o dată, Snap to Grid ar trebui să vă ușureze munca. În cele din urmă, utilizând Instrumentul dreptunghi (M), creați două pătrate mici (10 x 10px) și plasați-le după cum se arată mai jos. Selectați ambele forme și accesați Efect> Stylize> Corners Rounded. Introduceți o rază de 2 pixeli, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați forma mare trapezoidală și dreptunghiul rotunjit selectat în prima imagine, apoi duplicați-le (Command + C> Command + F). Selectați aceste copii împreună cu cel mai mare dreptunghi rotunjit și faceți clic pe butonul Minus Front din panoul Pathfinder. Forma rezultată ar trebui să arate ca a patra imagine prezentată mai jos. Umpleți-l cu un alb simplu, astfel încât să îl puteți deosebi mai ușor de celelalte forme.
Duplicați dreptunghiul rotunjit selectat în prima imagine (Command + C> Command + F). Selectați această copie împreună cu cel mai mare dreptunghi rotunjit și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 147, G = 149 și B = 152.
Selectați forma selectată în prima imagine și accesați Obiect> Cale> Cale de decalare. Introduceți un offset de 5px și faceți clic pe OK. Selectați forma rezultată împreună cu cel mai mare dreptunghi rotunjit și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb.
Duplicați micul, dreptunghiul de sus și cele două cercuri. Selectați aceste copii împreună cu dreptunghiul rămas rămas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb.
Selectați cele două dreptunghiuri de sus și faceți clic pe butonul Minus Front din panoul Pathfinder. Forma rezultată ar trebui să arate ca a doua imagine de mai jos. Umpleți-l cu R = 147, G = 149, B = 152.
Acum, trebuie să împărțiți forma creată în pasul anterior. Alegeți instrumentul Pen (P) și creați cele patru căi orizontale prezentate în imaginea următoare. Încă o dată, Snap to Grid vă va ușura munca. Selectați aceste patru căi împreună cu forma realizată în pasul anterior și faceți clic pe butonul Divide din panoul Pathfinder. Veți obține un grup de patru forme noi. Completați-le cu culorile afișate în a treia imagine.
Selectați forma trapezoidală mai mică și duplicați-o (Command + C> Command + F). Selectați această copie împreună cu cea mai mare formă trapezoidală și faceți clic pe butonul Minus Front din panoul Pathfinder. Forma rezultată ar trebui să arate ca a treia imagine.
Din nou, trebuie să împărțiți forma creată în pasul anterior. Dezactivați Snap to Grid, activați Ghidurile inteligente (Command + U), apoi creați cele două căi orizontale afișate în prima imagine. Selectați aceste căi mici împreună cu forma făcută în pasul anterior și faceți clic pe butonul Divide din panoul Pathfinder. Veți obține un grup cu trei forme. Completați-le cu culorile afișate în a treia imagine.
Accesați Edit> Preferences> General și introduceți 0,5px în caseta Increment Keyboard. Acum, să ne concentrăm asupra cercurilor mici și a dreptunghiurilor rotunjite din partea de jos a ilustrației. Mai întâi, selectați una dintre aceste forme și faceți două copii (Command + C> Command + F> Command + F).
Selectați copia de sus și apăsați pe săgeata sus de trei ori. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 40, G = 40, B = 40. Repetați aceleași tehnici pentru celelalte patru forme. În cele din urmă ar trebui să arate a treia imagine.
Selectați cercul mic și dreptunghiurile rotunjite, împreună cu forma trapezoidală rămasă, apoi faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 147, G = 149, B = 152. Acum, ilustrația dvs. ar trebui să arate ca a treia imagine.
Acum, să creăm banda rulată în casetă. Concentrați-vă pe cele două cercuri prezentate mai jos. În primul rând, duplicați-le. Selectați aceste copii și faceți clic pe partea minus față din panoul Pathfinder. Umpleți forma rezultată cu R = 38, G = 17, B = 10 și aduceți-o în față (Shift + Command +.
Selectați cele două copii create în etapa anterioară și aduceți-le pe Front (Shift + Command + Keyboard Bracket). Completați-le pe ambele cu nici unul și adăugați o cursă de 0.2pt (R = 87, G = 56, B = 43). Selectați aceste două căi și accesați Object> Blend> Make.
Apoi, mergeți la Object> Blend> Blend Options, selectați Pași specificați din meniul derulant, introduceți 50 în casetă și faceți clic pe OK. Acum ar trebui să arate a doua imagine. Selectați acest amestec împreună cu forma creată în etapa anterioară și trimiteți-o înapoi (tasta Shift + Command + bracket stânga).
Activați Snap to Grid apoi utilizați instrumentul Ellipse (L) pentru a crea un nou cerc perfect așa cum se arată în prima imagine. Duplicați-l (Command + C> Command + F) apoi dezactivați Snap to Grid. Selectați copia și apăsați pe săgeata sus de trei ori. Resetați ambele cercuri și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 25, G = 25, B = 25.
Activați Snap to Grid și creați o nouă formă ca cea din pasul anterior. Trimiteți-l înapoi (tasta Shift + Command + Stânga), umpleți-o cu una și adăugați un curs 6pt. Setați culoarea la R = 46, G = 47, B = 43. Acum, deschideți panoul Stroke. Asigurați-vă că cursa este aliniată la centru, apoi bifați caseta cu linie întreruptă. Introduceți 4pt în cutia de bord și 9.5pt în caseta de spațiu.
Acum, accidentul dvs. ar trebui să arate ca la prima imagine. Resetați-o și mergeți la Object> Expand. Selectați calea rezultată și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 0,5 pixeli, faceți clic pe OK și apoi mergeți la Object> Expand Appearance.
Repetați aceleași tehnici pentru banda rulată la stânga. Sau, pur și simplu duplicați formele create în ultimii patru pași și mutați copiile spre stânga.
Dezactivați Snap to Grid și Ghidurile inteligente, apoi activați vizibilitatea pentru forma creată în al doilea pas. Completați-l cu alb, aduceți-l în față (Shift + Command + Right Bracket key), apoi faceți două copii (Command + C> Command + F> Command + F). Selectați copia de început și apăsați săgeata în jos de trei ori. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 188, G = 190, B = 192.
Faceți două copii noi ale acestei forme mari, albe (Command + C> Command + F> Command + F). Selectați copia și apăsați de două ori 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 = 59, G = 59, B = 59 și Aduceți-o în față (Shift + Command + Tastatură dreaptă).
Resetați forma albă mare, eliminați culoarea de umplere și adăugați un curs de 0,8pt, aliniat la cursa exterioară (R = 46, G = 47, B = 43).
Selectați forma albă făcută în etapa nouă. Mai întâi înlocuiți albul cu gradientul liniar prezentat mai jos. Numărul alb din imaginea gradientului reprezintă procentul locației. Resetați această cale, deschideți meniul derulant al panoului Aspect și faceți clic pe Adăugați umplere nouă.
Acest lucru va adăuga un al doilea umplere pentru forma. Faceți-l negru, micșorați opacitatea la 10%, schimbați modul de amestecare la Multiplicare, apoi mergeți la Efect> Artistic> Film Grain. Introduceți datele afișate mai jos și faceți clic pe OK.
Deplasați-vă la forma trapezoidală. Mai întâi înlocuiți culoarea de umplere existentă cu gradientul liniar prezentat mai jos, apoi adăugați o a doua umplere. Faceți-l negru, micșorați opacitatea la 3%, schimbați modul de amestecare la Multiplicare, apoi treceți la Efect> Artistic> Film Grain. Introduceți datele afișate mai jos și faceți clic pe OK.
Utilizați instrumentul Rectangle (M) pentru a crea o formă de 190 x 2px și plasați-o după cum se arată în prima imagine. Umpleți-l cu R = 59, G = 59, B = 59 și adăugați un 0.25, aliniat la cursa interioară. Acum mergeți la Efect> Distort & Transform> Transform. Introduceți 10 în caseta de copiere, glisați cursorul Move-Vertical la 4px și faceți clic pe OK. Acum munca ta ar trebui să arate ca prima imagine de mai jos.
Duplicați forma trapezoidală editată în pasul anterior. Aduceți această copie în fața (tasta Shift + Command + Bracket dreapta) și umpleți-o numai cu alb. Selectați această formă albă împreună cu dreptunghiul subțire, multiplicat și mergeți la panoul Transparență. Deschideți meniul derulant și faceți clic pe Make Opacity Mask. Acum ar trebui să arate a treia imagine.
Resetați forma trapezoidală și faceți două copii noi (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 grupul de forme care rezultă cu R = 167, G = 169, B = 172 și aduceți-l pe Front (Shift + Command +.
Selectați forma gri făcută în etapa a zecea. Mai întâi, înlocuiți culoarea de umplere existentă cu R = 59, G = 59, B = 59, apoi adăugați o a doua umplere. Faceți-l negru, micșorați opacitatea la 10%, schimbați modul de amestecare la Multiplicare, apoi mergeți la Efect> Artistic> Film Grain. Introduceți datele afișate mai jos și faceți clic pe OK.
Apoi, adăugați un prim accident. Asigurați-l cu lățimea de 1,3pt, aliniați-l spre exterior și setați culoarea la R = 46, G = 47, B = 43. Deschideți meniul derulant al panoului Aspect și faceți clic pe Add Stroke New. Acest lucru va adăuga un al doilea accident vascular cerebral pentru forma ta. Asigurați-o la o lățime de 0.3pt, aliniați-o spre exterior și setați-o la R = 147, G = 149, B = 152.
Selectați forma albă făcută în pasul al unsprezecelea. Mai întâi, înlocuiți culoarea de umplere existentă cu un gradient liniar prezentat mai jos, apoi adăugați o a doua umplere. Acum aveți nevoie de un model frumos pentru această umplere nouă. Du-te la panoul Swathes, deschideți meniul flyout și mergeți la Open Swatch Library> Pattern> Grafică de bază> Basic Graphics_Textures.
Aceasta va deschide o nouă fereastră cu câteva modele frumoase. Resetați al doilea umplut din forma dumneavoastră. Coborâți opacitatea la 20%, apoi utilizați modelul de diamant. Apoi, adăugați un prim accident. Faceți-l la 0.75pt lățime, aliniați-l spre interior și setați culoarea la R = 167, G = 169, B = 172. Adăugați un al doilea curs pentru forma. Asigurați-o la 0.25pt lățime, aliniați-o în interior și setați culoarea la R = 255, G = 255, B = 255.
Selectați forma gri făcută în pasul douăsprezecea. Mai întâi, înlocuiți culoarea de umplere existentă cu R = 85, G = 85, B = 85. Acum adăugați un al doilea umplere. Faceți-l negru, coborâți opacitatea la 10%, schimbați modul de amestecare la Multiplicare, apoi mergeți la Efect> Artistic> Film Grain.
Introduceți datele afișate mai jos și apoi faceți clic pe OK. Apoi, adăugați un prim accident. Asigurați-l 1pt larg, aliniați-l spre exterior și setați culoarea la R = 46, G = 47, B = 43. Deschideți meniul derulant al panoului Aspect și adăugați un al doilea curs pentru forma. Faceți-l la 0.5pt lățime, aliniați-l spre exterior și setați culoarea la R = 128, G = 130, B = 133.
Pentru acest pas veți avea nevoie de o rețea la fiecare 5px. Mai întâi, activați Snap to Grid, apoi mergeți la Edit> Preferences> Guides & Grids și introduceți 5 în caseta Gridline Every. Duplicați forma creată în al nouălea pas, apoi alegeți instrumentul Ellipse (L), creați o formă de 365 pe 110px și plasați-o după cum se arată în prima imagine.
Selectați această nouă formă împreună cu copia proaspătă și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în a treia imagine și micșorați opacitatea la 10%. Numărul galben din imaginea gradientului reprezintă procentul Opacitate.
Duplicați forma creată în etapa a douăsprezecea, apoi alegeți instrumentul Ellipse (L) și creați o formă stoarcă ca cea din pasul anterior. Selectați această nouă formă împreună cu copia proaspătă și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în a treia imagine și micșorați Opacitatea la 10%.
Acum, să ne concentrăm asupra cercurilor mici plasate în colțuri. Selectați una dintre aceste forme și umpleți-o cu R = 70, G = 70, B = 70. Adăugați un al doilea umplere pentru această formă, setați culoarea la R = 30, G = 30, B = 30. Acum mergeți la Efect> Distort & Transform> Transform. Introduceți datele afișate mai jos, faceți clic pe OK, apoi accesați Efect> Distort & Transform> Pucker & Bloat.
Trageți cursorul la -50%, faceți clic pe OK și apoi adăugați o cursă simplă pentru aceste forme. Asigurați-l 1pt larg, aliniați-l spre exterior și setați culoarea la R = 45, G = 45, B = 45. Repetați aceleași tehnici pentru celelalte trei cercuri sau, țineți apăsat pe Alt, dați clic pe pictograma țintă (punctul mic închis la dreapta) și trageți-o pe pictogramele țintă care reprezintă celelalte trei forme.
Selectați toate formele create până acum (cu excepția formei mascate) și duplicați-le (Command + C> Command + F). Selectați toate aceste copii și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu R = 117, G = 117, B = 117. Trimiteți-o înapoi (Shift + Command + Stânga) și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Alegeți instrumentul Ellipse și creați o formă de 265 pe 10px. Completați-l cu R = 46, G = 47, B = 43 și plasați-l așa cum se arată în imaginea următoare, apoi Trimiteți-l înapoi (Shift + Command + Stânga bracket) și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 6px și faceți clic pe OK.
În cele din urmă, să adăugăm o bandă în afara casetei. Mai întâi, deschideți panoul Perii (Fereastră> Perii) și dezactivați funcția Snap to Grid. Apoi, selectați 5pt. Plută perie și trageți o cale aleatorie. Setați culoarea la R = 94, G = 56, B = 35 și apoi mergeți la Object> Expand Appearance. Selectați formatele rezultate și faceți clic pe butonul Unite din panoul Pathfinder.
Apoi, trebuie să împărțiți forma realizată în pasul anterior, astfel încât să puteți adăuga un efect mai realist pentru această bandă. Activați ghidurile inteligente și apoi utilizați instrumentul Pen pentru a adăuga câteva căi simple așa cum se arată în prima imagine. Adăugați-le în zona în care banda se îndoaie. Selectați toate aceste căi împreună cu forma generală a benzii și faceți clic pe butonul Divide din panoul Pathfinder.
Acum, vom adăuga câteva umbre pentru formele rezultate. Creați gradientul liniar afișat în prima imagine și salvați-l în panoul dvs. Swatches. Acum, adăugați una sau mai multe umpluturi pentru majoritatea căilor create în pasul anterior și utilizați acest gradient nou. Trebuie să-l utilizați în zona de îndoire (în interiorul curburii) pentru a adăuga un efect frumos de umbră pentru îndoire. Salvați gradientul afișat în a doua imagine și apoi utilizați-l ca în imaginea de mai jos. Acest gradient ar trebui să fie utilizat și în zona de îndoire, dar în exterior.
Salvați gradientul afișat în prima imagine și utilizați-l ca în prima imagine. Acest al treilea gradient trebuie să fie folosit undeva în mijlocul formelor dvs. pentru a adăuga un efect frumos de luminozitate pentru bandă. În cele din urmă, salvați gradientul afișat în cea de-a doua imagine și utilizați-o după cum se arată.
Selectați toate componentele de bandă și grupați-le (Command + G). Selectați acest grup proaspăt, mergeți la Efect> Stylize> Drop Shadow, introduceți datele afișate mai jos și faceți clic pe OK.
Pentru fundal utilizați un dreptunghi simplu și completați-l cu gradientul liniar prezentat mai jos.
Imaginea finală este de mai jos.
Accentsconagua