Sfat rapid aflați cum să creați un buton de descărcare a stilului curat

În următorul tutorial veți afla cum să creați un buton curat pentru descărcare în Adobe Illustrator. Folosind mai întâi instrumentul Rectangle și câteva efecte simple, veți crea forma generală a butonului. Apoi, folosind câteva alte instrumente de bază și efect împreună cu unele culori și modele frumoase, veți crea forma săgeții. În cele din urmă, pentru text veți folosi un font aldine și câteva efecte simple.


Pasul 1

Creați un document RGB de 700 x 240 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 10 pixeli. Accesați Edit> Preferences> Guides & Grid, introduceți 10 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni.

De asemenea, trebuie să deschideți panoul Informații (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs. 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.


Pasul 2

Să începem cu instrumentul Rectangle (M). Creați o formă de 600 x 120 pixeli, completați-o cu orice culoare, apoi mergeți la Efect> Stylă> Coloane rotunjite. Introduceți o rază de 65px, faceți clic pe OK, apoi mergeți la Object> Expand Appearance.


Pasul 3

Selectați forma realizată în etapa anterioară, înlocuiți culoarea de umplere cu gradientul liniar prezentat mai jos, apoi adăugați un curs alb. Asigurați-l 2pt lățime și aliniați-l spre interior, apoi 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-l 1pt larg, aliniați-l spre interior și setați culoarea la R = 210 G = 210 B = 210. În cele din urmă, reselectați întreaga cale și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în imaginea de mai jos, apoi faceți clic pe OK.


Pasul 4

Alegeți instrumentul Rectangle (M), creați două forme noi și plasați-le ca în prima imagine. Snap to Grid vă va ușura munca. Luați instrumentul de selectare directă (A) și focalizați pe forma de fund. Selectați punctele de ancorare evidențiate în a doua imagine și accesați Obiect> Cale> Mediu. Verificați ambele apoi faceți clic pe OK. Forma rezultată ar trebui să pară ca un triunghi. Selectați-l împreună cu celălalt dreptunghi și faceți clic pe butonul Unite din panoul Pathfinder. Forma rezultată ar trebui să semene cu o săgeată simplă. Selectați-l și mergeți la Efect> Stylă> Colțuri rotunjite, introduceți o rază de 5px, apoi faceți clic pe OK.


Pasul 5

Selectați forma săgeții și mergeți la Obiect> Cale> Cale de decalare. Introduceți un offset de 5px și faceți clic pe OK. Selectați forma rezultată și mergeți la Object> Expand Appearance.


Pasul 6

Selectați forma realizată în pasul anterior împreună cu dreptunghiul rotunjit și faceți clic pe butonul Minus Front din panoul Pathfinder. Acum, forma ta ar trebui să arate ca în a doua imagine.


Pasul 7

Selectați forma de săgeată rămasă și mergeți la Object> Expand Appearance. Umpleți forma rezultată cu gradientul liniar prezentat mai jos, apoi adăugați un prim curs. Asigurați-l 2pt lățime, aliniați-l spre interior și setați culoarea la R = 141 G = 210 B = 63. Apoi, adăugați o a doua lovitură pentru această formă a săgeții. Asigurați-l 1pt larg, aliniați-l spre interior și setați culoarea la R = 0 G = 148 B = 68.


Pasul 8

Deschideți meniul derulant al panoului Swatches și accesați Open Swatch Library> Model> Basic Graphics> Basic Graphics_Lines. Acest lucru va deschide un panou cu un set de model frumos. Selectați forma săgeții, deschideți meniul derulant al panoului Aspect ș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, micșorați opacitatea la 10%, schimbați modul de amestecare la Multiplicare, apoi utilizați modelul de 6 lpi 50%. În final, săgeata ar trebui să arate ca în imaginea următoare.


Pasul 9

Alegeți instrumentul tip (T), faceți clic pe tabloul de bord și adăugați textul. Utilizați fontul Britannic Bold cu o dimensiune de 80pt, apoi mergeți la Object> Expand. Selectați formele rezultate și mergeți la Object> Compound Path> Make.


Pasul 10

Selectați calea făcută în etapa anterioară, completați-o cu R = 215 G = 215 B = 215 apoi mergeți la panoul Aspect. Selectați umplerea și accesați Efect> Stylize> Glow Inner. Introduceți datele afișate mai jos, faceți clic pe OK, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în imaginea de mai jos, apoi faceți clic pe OK.


Pasul 11

În cele din urmă, reselectați forma realizată în etapa a șasea și adăugați oa doua umplere. Selectați-l din panoul Aspect, reduceți opacitatea la 40%, apoi utilizați gradientul radial prezentat în imaginea următoare. Zero galben din imaginea gradientului reprezintă procentul de opacitate.


Concluzie

Acum munca ta sa terminat. Ar trebui să arate așa. Înlocuiți nuanțele verzi cu alte culori, după cum se arată în imaginea următoare. De asemenea, puteți încerca un model diferit pentru săgeată sau puteți schimba culorile folosite pentru buton și text. se bucura!