Share
În următorii pași veți învăța cum să creați un buton de volum. Totul începe cu trei cercuri concentrice. Folosind câteva proprietăți interesante ale cursei împreună cu efecte de bază, veți crea linia de volum. Apoi, folosind multiple umpleri și curse, împreună cu opțiunile Pathfinder și câteva efecte noi, veți crea restul butonului. Faceți o încercare și ați putea învăța câteva lucruri noi despre lucrul cu lovituri.
Creați un document de 700 x 700 pixeli RGB. 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 10 pixeli. Accesați Edit> Preferences> Guides> Grid, introduceți 10 î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.
Mai întâi mergeți în panoul Aspect sau în Bara de instrumente și îndepărtați culoarea din cursa. Acum, alegeți instrumentul Ellipse (L), creați o formă de 460 × 460px și umpleți-o cu R = 154 G = 154 B = 152. Selectați această primă formă și accesați Obiect> Cale> Cale de decalare. Introduceți un decalaj de -30px, faceți clic pe OK și umpleți forma rezultată cu R = 213 G = 213 B = 213.
Din nou, selectați această nouă formă și accesați Obiect> Cale> Cale de decalare. Introduceți un decalaj de -15px, faceți clic pe OK și umpleți forma rezultată cu R = 247 G = 248 B = 250. În final, ar trebui să aveți trei cercuri concentrice.
Acum, să adăugăm fundalul. Alegeți instrumentul dreptunghiului (M), creați o formă de dimensiune a tabloului de bord și umpleți-o cu R = 236 G = 238 B = 237. Trimiteți-l înapoi (Shift + Control + Bracket pătrate stânga) apoi mergeți la panoul Aspect. Deschideți meniul derulant și faceți clic pe Adăugați umplere nouă. Evident, acest lucru va adăuga un al doilea umplere pentru forma. Selectați-l din panoul Aspect, faceți-l negru, micșorați opacitatea la 5% și schimbați modul de amestecare la Multiplicare, apoi mergeți la Efect> Artistic> Film Grain. Introduceți datele afișate mai jos, faceți clic pe OK, apoi adăugați un al treilea umplere pentru această formă. Reduceți opacitatea la 30% și schimbați apoi modul de amestecare pentru a multiplica, apoi completați-l cu gradientul radial prezentat mai jos. Zero galben din imaginea Gradient înseamnă procentul Opacitate. În cele din urmă, accesați panoul Straturi și blocați această formă pentru a vă asigura că nu veți selecta sau mutați-o accidental.
Dezactivați grila (Vizualizați> Ascundeți grila) și Glisați în grila (Vizualizați> Snap la Grilă). Selectați cel mai mare cerc, setați culoarea de umplere la niciunul dintre acestea, apoi adăugați un curs de 20 de minute. Setați culoarea la R = 128 G = 130 B = 133 apoi mergeți la Object> Path> Add Points Anchor. Alegeți instrumentul de selectare directă (A), selectați punctul de ancorare de jos (evidențiat în a doua imagine) și apăsați tasta Ștergere de pe tastatură. Selectați calea rezultată și accesați panoul Stroke (Fereastră> Stroke). Verificați apoi caseta Dash și introduceți 10pt în casetele de bord și spațiu. Mutați-vă spre dreapta și verificați butonul care aliniază liniuțele spre colțuri și capete, ajustând lungimea pentru a se potrivi. Mergeți la secțiunea Profil, deschideți meniul derulant și selectați "Lățimea profilului 4", apoi faceți clic pe butonul Aliniere.
Resetați calea creată în pasul anterior și accesați Object> Expand Appearance. Ștergeți formele de pornire și de încheiere (indicată de săgeți), apoi selectați grupul rămas de forme și mergeți la Object> Compound Path> Make.
Selectați calea compusă creată în etapa anterioară și adăugați un curs. Asigurați-l 1pt lățime, aliniați-l în interior și setați culoarea la R = 88 G = 89 B = 91. Selectați acest curs din panoul Aspect și faceți clic pe butonul Duplicare element selectat din partea de jos a panoului Aspect. Evident, acest lucru va crea o copie a accidentului selectat. Selectați această curbă nouă, lățimea acesteia este 0,5pt, setați culoarea la R = 247 G = 248 B = 250 și micșorați opacitatea la 80%. Resetați întreaga cale compusă și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, apoi faceți clic pe OK.
Să trecem la cercul următor. Mai întâi, umpleți-l cu R = 35 G = 31 B = 32. Selectați această umplere din panoul Aspect și treceți la Efect> Stylize> Glow Inner. Introduceți datele afișate mai jos, faceți clic pe OK, apoi adăugați un al doilea umplere. Faceți-l negru, reduceți opacitatea la 8% și schimbați modul de amestecare la Multiplicare apoi mergeți la Efect> Artistic> Film Grain. Din nou, introduceți datele afișate mai jos, apoi faceți clic pe OK.
Continuați să vă concentrați asupra formei din pasul anterior. Resetați-l și adăugați un accident vascular cerebral. Asigurați-l 5pt lățime, aliniați-l spre exterior și setați culoarea la R = 147 G = 149 B = 152. Adăugați un al doilea curs pentru această formă, lățimea de 3pt și setați culoarea la R = 247 G = 248 B = 250. Resetați întreaga cale și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, apoi faceți clic pe OK.
Selectați cel mai mic cerc și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și apăsați o dată săgeata în jos, apoi reselectați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Vei obține o formă destul de subțire. Aduceți-l în față și completați-l cu R = 154 G = 154 B = 152.
Resetați cel mai mic cerc și completați-l cu R = 85 G = 86 B = 88. Selectați această umplere și mergeți la Efect> Stylize> Outer Glow. Introduceți datele afișate mai jos, faceți clic pe OK, apoi adăugați un al doilea umplere. Faceți-l negru, reduceți opacitatea la 8% și schimbați modul de amestecare la Multiplicare apoi mergeți la Efect> Artistic> Film Grain. Introduceți datele afișate mai jos, faceți clic pe OK apoi adăugați o cursă simplă. Asigurați-l 1pt latime, aliniați-l spre interior, setați culoarea la R = 109 G = 110 B = 113 și reduceți opacitatea la 70%.
Selectați cele două forme de cerc și duplicați-le. Selectați aceste copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați forma rezultată și apăsați D de pe tastatură. Aceasta va adăuga proprietățile implicite (umplere albă și curse negre) pentru această formă.
Selectați forma creată în etapa anterioară, scoateți cursa, apoi umpleți-o cu gradientul radial prezentat mai jos imaginea nr. 1. Adăugați o a doua umplere pentru această formă și utilizați gradientul radial prezentat mai jos imaginea # 2. Adăugați o a treia umplutură pentru această formă și utilizați gradientul radial prezentat mai jos imaginea # 3, apoi adăugați o a patra umplutură și utilizați gradientul radial prezentat mai jos, apoi imaginea finală.
Alegeți instrumentul Ellipse (L) și faceți clic pe tabloul de bord. Introduceți 20 în casetele de lățime și înălțime, apoi faceți clic pe OK. Aceasta va crea o formă de 20 x 20 pixeli. Completați-l cu R = 88 G = 89 B = 91 apoi mergeți la Obiect> Cale> Cale de decalare. Introduceți un decalaj de -2px, apoi faceți clic pe OK, Umpleți forma rezultată cu R = 45 G = 41 B = 42 apoi faceți două copii în față. Selectați copia de sus și apăsați o dată săgeata în jos, apoi reselectați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Forma rezultată ar trebui să arate ca în a patra imagine.
Resetați forma de 20 de 20px creată în pasul anterior. Selectați umplutura existentă din panoul Aspect și mergeți la Efect> Stylize> Glow Inner. Introduceți datele afișate mai jos, faceți clic pe OK apoi adăugați un curs. Asigurați-l 2pt lățime, aliniați-l spre interior și setați culoarea la R = 128 G = 130 B = 133. Adăugați un al doilea curs pentru această formă, lățimea de 3pt și setați culoarea la R = 247 G = 248 B = 250. Resetați întreaga cale și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, apoi faceți clic pe OK.
Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Resetați formele create în ultimii doi pași și grupați-i. Selectați acest grup și plasați-l așa cum se arată în imaginea următoare.
Dezactivați grila (Vizualizați> Ascundeți grila) și Glisați în grila (Vizualizați> Snap la Grilă). Resetați calea compusă și faceți o copie în față. Selectați această copie, accesați panoul Aspect și înlocuiți cele două culori prezentate mai jos.
Alegeți instrumentul Rectangle (M), creați o formă albă și plasați-o așa cum se arată în prima imagine. Ar trebui să acopere jumătatea stângă a traseului compus. Selectați-l împreună cu calea compusă creată în etapa anterioară și accesați panoul Transparență. Deschideți meniul derulant și faceți clic pe Make Opacity Mask. În final, butonul ar trebui să arate ca în a treia imagine.
În cele din urmă, să adăugăm un text. Utilizați fontul Britannic Bold sau orice alt font care vă place. Adăugați textul după cum se arată mai jos, setați culoarea la R = 65 G = 64 B = 66 apoi treceți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK apoi selectați "Volum" și mergeți la Efect> Warp> Arc. Introduceți datele afișate mai jos și faceți clic pe OK. De asemenea, adăugați două cercuri mici deasupra textului "Min" și "Max". Completați-le cu R = 65 G = 64 B = 66 și adăugați același efect discret Drop Shadow.
Iată rezultatul final. Pentru a face acest tut mai puteți încerca diferite culori sau alte stiluri de butoane pentru a face un set. Sper că v-ați bucurat de acest tut.
Accentsconagua