Design Glossy Web 2.0 Button în Photoshop
Privind pentru a proiecta unele glossy caută Web 2.0 buton? Iată un simplu tutorial Photoshop care vă oferă pas cu pas cum să obțineți un buton frumos cu aspect lucios roșu.
Pasul 1 - Crearea bazei
Activați o nouă pânză și reglați următoarele setări (marcate în galben) conform imaginii de mai jos. Restul ar trebui să fie implicit. S-ar putea să doriți să verificați dublu și cu valorile implicite.
Creați un nou apel pentru straturi "Buton"
În stratul "Buton", selectați instrumentul Rounded rectangle
Dați-i o rază de 7 pixeli
Desenați un dreptunghi similar cu imaginea de mai jos.
Pasul 2 - butonul roșu
Faceți clic dreapta pe opțiunea de îmbinare pentru stratul "buton"
Confirmați următoarele setări pentru
Umbra
Umbra interioara
Bevel și Emboss
Gradient Overlay
Butonul dvs. ar trebui să arate așa
Pasul 3 - Crearea unui efect lucios
Creați un nou nivel de apel "Sticlă"
Selectați instrumentul Retangular marquee, asigurați-vă că selectați layerul "Buton". HOLD cheia dvs. ctrl și faceți clic pe stratul "Butoane”miniatură de strat. Butonul dvs. trebuie acum evidențiat.
Selectați acum butonul "Sticlă", țineți apăsată tasta Alt cu instrumentul de margine rectangulară selectat. Desenați (tăiați) în jumătatea inferioară a butonului ca imaginea de mai jos.
Umpleți zona selectată cu culoarea albă #ffffff folosind Instrumentul Bucket Paint
Reglați opacitatea la 18%
Ar trebui să aveți un buton lucios care arată în felul acesta.
Pasul 4 - Suprapunerea modelului
Să dăm butonului o acoperire ușoară. Voi folosi stripe5px creat mai devreme. Creați un nou strat de apel "Model" între "Buton" și "Sticlă" și continuați cu Opțiuni de amestecare.
Selectați Overlay Layout, alegeți Stripe5px (sau orice model pe care l-ați creat) și faceți clic pe OK apoi închideți dialogul.
Asigurați-vă că sunteți încă în instrumentul Rectangular Marquee, țineți apăsat
Pasul 5 - Introducerea textului
Aruncați în text aleatoriu în culoarea alb #ffffff cu următoarele setări
Utilizați următoarele efecte de amestecare pe stratul textului meu.
Umbra
Pasul 6 - Rezultatul final
Ar trebui să obții o imagine ca asta.
