Share
În următorul tutorial vă voi arăta cum să creați o pictogramă suzetă. Veți învăța să folosiți tehnici profesionale de construcție a formei vectoriale, să economisiți timp cu instrumentele Illustratorului și să adăugați acele detalii care fac imaginea finală.
Creați un document RGB de 255 pe 255 pixeli. Mai întâi, activați grila (Vizualizare> Afișare grilă) și Glisați în grila (Vizualizați> Snap la rețea). Apoi, veți avea nevoie de o rețea la fiecare 1px. Mergeți la Edit> Preferences> Guides & Grid, introduceți 1 î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.
Mai întâi, accesați panoul Aspect sau bara de instrumente și îndepărtați culoarea pentru cursa. Apoi, alegeți instrumentul Ellipse (M) și creați o formă de 90 x 125 pixeli. Completați-l cu nici unul și adăugați un curs de 8pt. Setați culoarea la R = 43, G = 57, B = 144.
Acum mergeți la panoul Stroke și faceți clic pe butonul Align Stroke to Inside. Continuați cu Instrumentul de selecție directă (A). Selectați punctul de ancorare superior și mutați-l cu 40 de puncte în jos.
Alegeți instrumentul Rectangle (M) și creați o formă de 26 de 25px. Umpleți-l cu R = 28, G = 117, B = 188. Plasați-l așa cum se arată în imaginea următoare. Este foarte important să o poziționați așa cum este arătat mai jos, deci, să priviți mai atent grila pentru a obține locul exact.
Continuați cu instrumentul Rectangle (M) și creați oa doua formă. Asigurați-l că este 37px lățime și 20px înălțime, umple-l cu R = 43, G = 57, B = 144. Acum, plasați-o așa cum se arată în imaginea următoare. Lăsați un decalaj de 15px între partea de jos a acestei noi forme și partea de jos a formei create în pasul anterior.
Continuați cu Instrumentul dreptunghi (M) și creați oa treia formă. Asigurați-l că este de 48px lățime și 20px înălțime, umple-l cu R = 28, G = 117, B = 188. Acum, plasați-o așa cum se arată în imaginea următoare. Lăsați un decalaj de 5px între partea inferioară a acestei forme noi și partea de jos a formei create în etapa anterioară.
Alegeți instrumentul Ellipse (L) și creați o formă de 110 x 40 pixeli. Umpleți-l cu R = 39, G = 170, B = 225. Acum, plasați-o așa cum se arată în imaginea următoare.
Alegeți Instrumentul de selecție (V), selectați toate formele create, apoi faceți clic pe marginea primei forme (cea cu cursa). Acum, marginea acestei forme trebuie accentuată, mergeți la panoul Align (Fereastră> Aliniere) și faceți clic pe butonul Centru de aliniere orizontală. În final, toate formele trebuie să fie aliniate așa cum se arată în a doua imagine.
Acum, să adăugăm câteva efecte suplimentare pentru aceste forme. Selectați dreptunghiul de jos și accesați Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK, apoi treceți la Efect> Warp> Arc. Introduceți datele afișate sub prima imagine, faceți clic pe OK, apoi mergeți la Efect> Warp> Arc. Din nou, introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Deplasați-vă în sus, spre următorul dreptunghi. Selectați-l și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 4 pixeli, faceți clic pe OK, apoi mergeți la Efect> Warp> Arc. Introduceți datele afișate sub a doua imagine, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați dreptunghiul rămas și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 10px, faceți clic pe OK, apoi mergeți la Efect> Warp> Arc. Introduceți datele afișate sub prima imagine, faceți clic pe OK, apoi mergeți la Object> Expand Appearance. Deplasați-vă până la cercul stins. Selectați-l și mergeți la Effect> Warp> Arc. Introduceți datele afișate sub a doua imagine, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Alegeți instrumentul Ellipse (L) și faceți clic pe tabloul de bord. Introduceți 12.5 în caseta de lățime și 8.5 în caseta de înălțime, apoi faceți clic pe OK. Aceasta va crea o formă de 12.5 cu 8.5px.
Completați-l cu orice culoare, apoi mergeți la Efect> Warp> Arc. Introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance. Selectați forma rezultată și mergeți la Object> Transform> Rotate. Introduceți -15 în caseta Unghi, apoi faceți clic pe OK. În final, forma ta ar trebui să arate ca a treia imagine.
Selectați forma creată în pasul anterior, plasați-o după cum se arată în prima imagine, apoi mergeți la Object> Transform> Reflect. Verificați butonul Vertical, apoi faceți clic pe butonul Copy (Copiere). Aceasta va crea o copie orizontală înclinată a formei. Selectați-l și mutați-l spre dreapta, după cum se arată în a treia imagine.
Acum, să adăugăm câteva culori suplimentare pentru aceste forme. Selectați forma cu cursa și accesați Object> Expand Appearance. Umpleți forma rezultată cu gradientul radial prezentat mai jos, apoi adăugați o cursă de 0.25pt. Aliniați-l în interior și setați culoarea la R = 6, G = 67, B = 114.
Dezactivați grila (Vizualizați> Ascundeți grila) și Glisați în grila (Vizualizați> Snap la Grilă). Selectați forma creată în etapa anterioară și accesați Obiect> Cale> Cale de decolare. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și îndepărtați cursa, apoi umpleți-o cu alb și coborâți opacitatea până la 30%. Faceți o copie a acestei forme noi.
Selectați-l, apoi apăsați o dată pe săgeata dreapta și pe săgeata sus. Resetați aceste două forme noi și faceți clic pe butonul Minus Front din panoul Pathfinder. Ar trebui să obțineți un grup cu două dintre aceste forme.
Deplasați-vă la forma următoare. Umpleți-l cu R = 6, G = 67, B = 114. Apoi, mergeți la Object> Path> Cale Offset. Introduceți un decalaj de -2px, apoi faceți clic pe OK. Umpleți forma rezultată cu alb și coborâți opacitatea la 30%, apoi faceți o copie în față.
Selectați această copie și apăsați o dată pe săgeata dreapta și pe săgeata sus. Resetați aceste două forme noi și faceți clic pe butonul Minus Front din panoul Pathfinder. Forma rezultată ar trebui să arate ca cea de-a patra imagine prezentată.
Deplasați-vă la următoarele forme. Umpleți-le pe amândouă cu gradientul liniar prezentat mai jos, apoi adăugați un curs 0.25pt. Aliniați-l în interior și setați culoarea la R = 6, G = 67, B = 114.
Concentrați-vă pe micile forme ovale. Să începem cu micul, stânga. Selectați-l și faceți două copii, apoi selectați copia de sus ș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 = 188, G = 190, B = 192. Acum folosiți aceleași tehnici pentru a crea forma indicată de săgeată în a patra imagine.
Selectați micile forme ovale împreună cu cea mare și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu gradientul radial prezentat mai jos, apoi adăugați o curgere albă de 2pt. Aliniați-l spre interior, apoi mergeți la panoul Aspect și reduceți opacitatea la 50%. Apoi, trebuie să adăugați un al doilea curs pentru această formă. Accesați panoul Aspect, deschideți meniul derulant și faceți clic pe Adăugare completare nouă.
Evident, acest lucru va adăuga un al doilea accident vascular cerebral pentru forma. Faceți-l la 0.25pt lățime, aliniați-l spre interior și setați culoarea la R = 128, G = 130, B = 133.
O notă rapidă privind gradientul: Veți observa un număr alb în imaginea gradientului. Acesta reprezintă procentajul locației. Aceasta înseamnă că trebuie să selectați acea mică pictogramă de diamant și să o trageți spre stânga la 25%.
Selectați forma creată în etapa anterioară și faceți două copii în față. Selectați copia de sus și apăsați de două ori pe săgeată sus, apoi reselectați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder.
Veți obține un grup cu trei forme noi. Mai întâi, ștergeți cele două forme indicate de săgeată din a doua imagine, apoi selectați forma rămasă, deselectați-o (Shift + Control + G) și umpleți-o cu R = 188, G = 190, B = 192.
Activați din nou Gridul și Snap to Grid, apoi apucați instrumentul Ellipse (L). Creați o formă de 40 × 29px și completați-o cu R = 188, G = 190, B = 192. Acum, plasați-o așa cum se arată în imaginea următoare.
Să continuăm cu piesa de cauciuc. Alegeți instrumentul Rectangle (M), creați o formă de 40 x 55px și mergeți la Efect> Stylă> Coloane rotunjite. Introduceți o rază de 18px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance. Alegeți instrumentul Ellipse (L) și creați o formă de 60 x 60 pixeli.
Plasați-o după cum se arată în a doua imagine, apoi mergeți la Efect> Warp> Arc Lower. Introduceți datele afișate mai jos, faceți clic pe OK, apoi accesați Efect> Warp> Arh. Din nou, introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați cele două forme create în pasul anterior și faceți clic pe butonul Unite din panoul Pathfinder. Selectați forma rezultată și mergeți la Efect> Warp> Arh. Introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Efect> Răsturnați> Avertizare. Din nou, introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Continuați să vă concentrați asupra formei create în etapa anterioară. Apoi, veți avea nevoie de scriptul Round Any Corner, care poate fi găsit în articolul Vectortuts + 20 Scripturi gratuite și utile Adobe Illustrator.
Salvați-l pe hard disk, apoi alegeți Instrumentul de selecție directă (A). Selectați cele două puncte de ancorare evidențiate în prima imagine ș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. Acest lucru va adăuga un efect de rotunjire discret pentru punctele de ancorare selectate, așa cum se arată în cele două imagini.
Dezactivați Grilă și Glisați în Grilă. Selectați forma creată în etapa anterioară și completați-o cu gradientul liniar prezentat mai jos. Acordați atenție procentului locației. Apoi, adăugați o lovitură albă de 4 picături pentru forma. Selectați-l din panoul Aspect și aliniați-l în interior. Acum, reduceți opacitatea la 15% și schimbați modul de amestecare la Overlay.
Adăugați un al doilea curs pentru această formă și faceți-l la 0.25px lățime. Aliniați-l în interior, setați culoarea la R = 196, G = 154, B = 108. Acum schimbați modul de amestecare la Multiply.
Selectați forma editată în pasul anterior și faceți două copii în față. Selectați copia de început, apoi apăsați săgeata stânga și săgeata sus de trei ori. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați forma rezultată, îndepărtați cursele și umpleți-o cu R = 251, G = 186, B = 86.
Activați ghidurile inteligente (Control + U). Alegeți instrumentul Pen (P), creați o formă ca cea prezentată în prima imagine și completați-o cu R = 251, G = 186, B = 86. Selectați această nouă formă, împreună cu cea creată în pasul anterior și faceți clic pe butonul Unite din panoul Pathfinder. Selectați forma rezultată și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 5px și faceți clic pe OK.
Selectați forma rotundă, portocalie și faceți o copie. Umpleți-l cu alb și aduceți-l în față (Shift + Control + Tasta Bracket dreapta). Selectați această formă proaspătă, împreună cu cea neclară creată în etapa anterioară, și accesați panoul Transparență. Deschideți meniul derulant și faceți clic pe Make Opacity Mask. În final, forma trebuie să arate ca a treia imagine. Blocați această formă mascată. În acest fel nu veți selecta sau nu îl veți muta accidental.
Selectați din nou forma rotundă, portocalie și mergeți la Obiect> Cale> Cale de decalare. Introduceți un off-8px și faceți clic pe OK. Selectați forma rezultată și eliminați toate proprietățile existente din panoul Aspect, apoi adăugați un nou curs. Asigurați-l 6pt lățime și setați culoarea la R = 255, G = 210, B = 90. Acum, aliniați-l la centru și schimbați modul de amestecare la Multiplicare.
Alegeți Instrumentul de selecție directă (A), selectați punctele de ancorare evidențiate în a doua imagine și apăsați tasta Ștergere. Selectați calea rezultată, accesați panoul Stroke și faceți clic pe butonul Round Cap. În cele din urmă, accesați Efect> Blur> Gaussian Blur, introduceți o rază de 5px și faceți clic pe OK.
Activați din nou Gridul și Snap to Grid. Alegeți instrumentul Ellipse (L) și creați o formă de 24 x 15px. Umpleți-l cu R = 254, G = 238, B = 141 și mergeți la Efect> Warp> Arc. Introduceți datele afișate mai jos, faceți clic pe OK, apoi creați oa doua formă. Faceți-l 12 înălțime și 7px înălțime și puneți-l așa cum se arată în a doua imagine. Completați-l cu alb, apoi mergeți la Efect> Warp> Arc.
Introduceți datele afișate mai jos, faceți clic pe OK, apoi reselectați aceste două forme și mergeți la Object> Expand Appearance. Selectați forma mare, rezultată și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 4 pixeli, faceți clic pe OK, apoi selectați cealaltă formă. Reduceți opacitatea la 40%, apoi treceți la Efect> Blur> Gaussian Blur. Introduceți o rază de 3 pixeli, faceți clic pe OK, apoi reselectați ambele forme și grupați-le (Control + G).
Selectați grupul creat în pasul anterior și accesați Obiect> Transformare> Rotire. Introduceți 50 în caseta Angle și faceți clic pe OK. Resetați acest grup rotit și plasați-l așa cum se arată în a doua imagine.
Dezactivați Grilă și Glisați în Grilă. Selectați din nou forma rotundă, portocalie și mergeți la Obiect> Cale> Cale de decalare. Introduceți un offset -7px și faceți clic pe OK. Selectați forma rezultată, îndepărtați cursa, apoi umpleți-o cu alb și reduceți opacitatea la 75%.
Faceți o copie a acestei forme noi. Selectați-l, apoi apăsați de două ori săgeata dreapta și săgeata în jos. Resetați aceste două forme noi și faceți clic pe butonul Minus Front din panoul Pathfinder. Ar trebui să obțineți un grup cu cele două forme subțiri din a patra imagine. Selectați-l și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 3 pixeli, apoi faceți clic pe OK.
Selectați toate formele create în ultimii unsprezece pași și grupați-i, apoi selectați acest grup și plasați-l după cum se arată în imaginea următoare.
Selectați toate formele create până acum și duplicați-le. Selectați aceste copii și faceți clic pe butonul Unite din panoul Pathfinder. Umpleți forma rezultată cu gradientul liniar prezentat în a treia imagine.
Trimiteți această nouă formă spre spate (Shift + Control + tasta Stânga) și accesați Efect> Distort & Transformare> Distortare gratuită. Deplasați punctele de ancorare de sus așa cum se arată în imaginea finală, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați toate formele create până acum și accesați Object> Transform> Rotate. Introduceți 45 în caseta Unghi, apoi faceți clic pe OK. În cele din urmă, mutați forma umbrei cu câțiva pixeli în sus și spre dreapta.
Pictogramele finale sunt de mai jos.
Accentsconagua