Sfat rapid Cum să faci un buton rotunjit cu stil lucios

V-ați întrebat vreodată cum să faceți un buton web lucios? În acest sfat rapid veți învăța cum să creați un buton simplu cu text încastrat, în doar 11 pași simpli. Cel mai bun lucru este că, odată ce ai făcut prima, poți să faci un set întreg în cel mai scurt timp!


Pasul 1

Utilizați instrumentul Tip (T) și selectați un font după preferințele dvs. Am folosit Qlassik Bold, care poate fi descărcat gratuit aici.


Pasul 2

Selectați textul și setați umplutura în "None".


Pasul 3

În paleta Aspect apăsați meniul Flyout și mergeți la Add New Fill.


Pasul 4

Textul dvs. va fi umplut cu o umplutură neagră, această umplutură este mai robustă decât umplerea implicită. Adăugarea unei noi umpleri în acest mod vă va permite să adăugați gradienți în textul dvs. și să îl păstrați proprietățile de editare a caracterelor.


Pasul 5

Selectați un gradient din paleta Swatches pentru ao aplica textului.


Pasul 6

Trageți gradientul vertical cu instrumentul Gradient (G).


Pasul 7

Pentru a adăuga o strălucire interioară mergeți la Efect> Stylize> Glow Inner. Selectați Multiplicare pentru mod și alegeți o culoare maro, astfel încât umbra să se amestece perfect cu galbenul. Introduceți Opacitate și Neclaritate aleasă de dvs..


Pasul 8

Cu ajutorul instrumentului Rounded Corner Rectangle trageți un dreptunghi, după cum se arată mai jos. Ținând săgeata în sus sau în jos în timp ce desenați dreptunghiul, puteți să controlați raza colțurilor.


Pasul 9

Aplicați un gradient butonului. Observați că butonul meu are o schimbare bruscă de culoare pentru a simula o evidențiere. Puteți face acest lucru prin plasarea a două puncte de culoare foarte aproape una de alta în cursorul gradient.


Pasul 10

Dați butonul dvs. o umbră de picătură, accesând Efect> Stylize> Drop Shadow.


Pasul 11

Aplicați un buton alb 1pt pe buton.


Imagine finală a imaginii

Poziționați textul deasupra butonului, și asta este, butonul dvs. este complet!