Share
În următorul tutorial veți învăța să creați o pictogramă pentru valiză, potrivită pentru un site orientat spre călătorie sau broșură de vacanță. Prindeți-vă instrumentele vectoriale și ajungeți la clădire.
Creați un document de 255 pe 255 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 vă vor mări semnificativ viteza de lucru.
Selectați instrumentul Rectangle (M). Creați o formă de 225 x 170 pixeli și mergeți la Efect> Stylize> Rounded Corners. Introduceți o rază de 10px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați forma realizată în etapa anterioară și completați-o cu gradientul liniar prezentat mai jos. Apoi, veți avea nevoie de un model specific. Deschideți meniul derulant al panoului Swatches și accesați Open Swatch Library> Patterns> Graphics Basic> Basic Graphics_Texture. Ar trebui să se deschidă o nouă fereastră cu câteva modele reci.
Re-selectați forma existentă, deschideți meniul derulant al panoului Aspect și faceți clic pe Adăugare completare nouă. Acest lucru va adăuga un al doilea umplere pentru forma. Selectați-l, micșorați Opacitatea la 8%, apoi umpleți-l cu modelul Diamond. Adăugați un al treilea umplere pentru această formă. Faceți-o negru, schimbați modul de amestecare la Multiplicare, micșorați opacitatea la 10%, apoi treceți la Efect> Distort> Difuzare strălucire. Introduceți datele afișate mai jos și faceți clic pe OK. Acum, forma ta ar trebui să arate ca în imaginea de mai jos.
Apoi, trebuie să mascați forma existentă. Selectați-l, apăsați mai întâi Control + C apoi Control + F. Aceasta va adăuga o copie în față. Selectați-l, umpleți-l numai cu alb (eliminați umpluturile suplimentare din panoul Aspect), apoi deschideți panoul Transparență. Selectați cele două forme create până acum, deschideți meniul derulant al panoului Transparență și faceți clic pe Make Opacity Mask.
Dezactivați Snap to Grid și faceți două copii ale formei existente. Selectați copia de început și apăsați o dată pe săgeata stânga și pe săgeata sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 158, G = 100, B = 72. Acum schimbați modul de amestecare pentru a multiplica și micșora opacitatea la 50%.
Faceți încă două copii ale formei mascate. Selectați copia de sus și apăsați de două ori pe săgeata din stânga. Reluați aceste două copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți această nouă formă cu R = 158, G = 100, B = 72. Acum schimbați modul de amestecare pentru a multiplica și micșora Opacitatea la 25%.
Selectați forma mascată și accesați Obiect> Cale> Cale de decolare. Introduceți un Offset de 1px și faceți clic pe OK. Umpleți forma rezultată cu o culoare închisă și micșorați opacitatea. Va fi mai ușor să o deosebiți în etapele ulterioare. Faceți dublu clic pe el (în panoul Straturi) și redenumiți-l "00".
Activați funcția Snap to Grid. Alegeți instrumentul Ellipse (L), creați patru cercuri perfecte și plasați-le așa cum se arată în imaginea următoare. Toate cele patru cercuri trebuie să aibă o lățime și o înălțime de 35px.
Concentrați-vă pe cercul din stânga sus. În primul rând, duplicat "00." Apoi, selectați această copie împreună cu cercul din partea de sus, stânga și faceți clic pe butonul Intersect din panoul Pathfinder. Acum, trebuie să adăugați un efect discret de rotunjire utilizând Scriptul Round Any Corner.
Salvați-l pe hard disk, apoi alegeți Instrumentul de selecție directă (A). Selectați punctele de ancorare evidențiate în a doua imagine și accesați Fișier> Scripturi> Alt script. Deschideți Scriptul Round Any Corner, introduceți un Radius 1px și faceți clic pe OK. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea finală. Textul alb din imaginea gradientului reprezintă Locația.
Să trecem la cercul de sus, drept. Faceți o copie nouă a "00", selectați-o împreună cu cercul și faceți clic pe butonul Intersect din panoul Pathfinder. Alegeți Instrumentul de selecție directă (A), selectați punctele de ancorare evidențiate în a doua imagine și accesați Fișier> Scripturi> Alte scenarii. Deschideți Scriptul Round Any Corner, introduceți un Radius 1px și faceți clic pe OK. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea finală.
Continuați cu cercul inferior, din stânga. Din nou, faceți o copie a "00". Selectați-l împreună cu cercul și faceți clic pe butonul Intersect din panoul Pathfinder. Alegeți Instrumentul de selecție directă (A), selectați punctele de ancorare evidențiate în a doua imagine și accesați Fișier> Scripturi> Alte scenarii. Deschideți Scriptul Round Any Corner, introduceți un Radius 1px și faceți clic pe OK. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea finală.
În cele din urmă, cercul de jos, drept. Selectați originalul "00" împreună cu cercul și faceți clic pe butonul Intersect din panoul Pathfinder. Alegeți Instrumentul de selecție directă (A), selectați punctele de ancorare evidențiate în a doua imagine și accesați Fișier> Scripturi> Alte scenarii. Deschideți Scriptul Round Any Corner, introduceți un Radius 1px și faceți clic pe OK. Umpleți forma rezultată cu gradientul liniar prezentat în imaginea finală.
De acum înainte veți avea nevoie de o rețea la fiecare 1px. Accesați Edit> Preferences> Guides & Grid și introduceți 1 în caseta Gridline în fiecare casetă. Alegeți instrumentul Ellipse (L) și creați o formă de 3x3px. Umpleți-l cu gradientul radial prezentat mai jos și adăugați un 0.15pt, aliniat la cursa exterioară (R = 60, G = 36, B = 21). Faceți două copii ale acestui cerc, apoi plasați toate cele trei forme, după cum se arată în imaginea următoare. Snap to Grid vă va ușura munca.
Faceți câteva copii noi ale formei create în pasul anterior și plasați-le după cum se arată mai jos.
Prindeți instrumentul Rectangle (M) și creați o formă de 15 x 172px. Puneți-l ca în următoarea imagine, apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați forma rezultată din pasul anterior și completați-o cu gradientul liniar prezentat mai jos.
Alegeți instrumentul Pen (P) și trageți două căi verticale, după cum se arată în pasul următor. Adăugați o cursă de 0,25pt (R = 169, G = 124, B = 80) pentru fiecare cale, apoi deschideți panoul de cursă. Verificați butonul Dashed Line și introduceți 1pt în prima casetă de bord.
Prindeți instrumentul Ellipse (L), creați un cerc mic (2 x 2px) și plasați-l așa cum se arată în imaginea următoare. Completați-l cu R = 96, G = 57, B = 19, adăugați un 0.25pt, aliniat la cursa exterioară (R = 169, G = 124, B = 80). Introduceți 2 în caseta de copii și trageți cursorul Move-Vertical la 10px, apoi faceți clic pe OK. Duplicați această formă și cele create în ultimii trei pași. Selectați aceste copii și deplasați-le spre stânga, așa cum se arată în a doua imagine.
Alegeți instrumentul Rectangle (M) și creați o formă de 45 pe 10px. Așezați-o așa cum se arată în imaginea următoare, apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.
Selectați forma rezultată din pasul anterior și completați-o cu R = 98, G = 58, B = 39. Adăugați oa doua umplere pentru această formă. Faceți-l negru, mutați-l sub umplutura existentă, apoi mergeți la Efect> Warp> Ardere. Introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Efect> Distort> Distort & Transform. Efectuați modificări numai în secțiunea Scală (după cum se arată), apoi faceți clic pe OK. Cu plinul negru încă selectat, mergeți la Efect> Blur> Gaussian Blur și introduceți o rază de 1px.
Prindeți instrumentul Rectangle (M) și creați o formă de 43 x 8px. Plasați-o după cum se arată în imaginea următoare, apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK și apoi treceți la Object> Expand Appearance. Umpleți forma rezultată cu una și adăugați un curs de 0.25pt, zdrobit (R = 169, G = 124, B = 80). Faceți două copii noi ale formei realizate în pasul douăsprezecea și plasați-le după cum se arată în imaginea finală.
Duplicați formele create în ultimii trei pași. Selectați aceste copii și deplasați-le spre stânga, după cum se arată în imaginea următoare.
Alegeți instrumentul Rectangle (M), creați o formă de 17 x 6px și plasați-o după cum se arată în imaginea următoare. Umpleți-l cu gradientul liniar, apoi mergeți la Efect> Stylă> Cornere rotunjite și introduceți o rază de 2px.
Creați oa doua formă. Faceți-l 2px înălțime și 3px lățime, umpleți-l cu R = 241, G = 158, B = 86, apoi mergeți la Efect> Stylize> Colturi rotunjite. Introduceți o rază de 0,5pt și faceți clic pe OK. Asigurați-vă că aceste două forme sunt plasate în partea din spate a celorlalte forme. Duplicați aceste două forme și deplasați copiile spre stânga, după cum se arată în imaginea finală de mai jos.
Alegeți instrumentul dreptunghi, creați două forme similare (7 cu 2 pixeli) și plasați-le după cum se arată în imaginea următoare. Umpleți-le pe amândouă cu gradientul liniar prezentat mai jos, apoi mergeți la Efect> Stylize> Colțuri rotunjite și introduceți o rază de 1pt.
Din nou, creați două forme similare (14 cu 2 pixeli) și plasați-le după cum se arată în imaginea următoare. Umpleți-le pe ambele cu R = 80, G = 45, B = 27. Acum mergeți la Effect> Stylize> Rounded Corners și introduceți o rază de 1pt.
Prindeți instrumentul Rectangle (M), creați o formă de 49 de 23 de pixeli și plasați-o după cum se arată în imaginea următoare. Completați-l cu niciunul și adăugați un curs 8pt, aliniat la exteriorul, apoi mergeți la Efect> Stylize> Cornere rotunjite. Introduceți o rază de 1px, faceți clic pe OK după aplicarea obiectului> Expandare aspect.
Duplicați forma mascată. Selectați copia și cursa extinsă, apoi faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 80, G = 45, B = 27. Aplicați acum Efect> Stylize> Glow Inner și introduceți datele afișate mai jos.
Selectați forma realizată în etapa anterioară și mergeți la Object> Path> Path Offset. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și înlocuiți culoarea de umplere existentă cu gradientul liniar prezentat în următoarea imagine.
În cele din urmă, selectați forma mascată și accesați Obiect> Cale> Cale de decalare. Introduceți un decalaj de -2px și faceți clic pe OK. Umpleți forma rezultată cu nimeni, adăugați un curs 1pt, apoi mergeți la Object> Expand.
Selectați această formă nou creată. Mai întâi, adu-l în față (Shift + Control +]), apoi umpleți-l cu gradientul liniar prezentat în imaginea finală. Schimbați modul de amestecare la Overlay, micșorați opacitatea la 50%, apoi mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 1px, faceți clic pe OK și ați terminat.
Imaginea finală este de mai jos. Acum ia o vacanță vectorală.
Accentsconagua