In acest tutorial vom crea Web Button. Acest lucru este foarte simplu şi destul de eficiente tutorial, asa ca tot ce ai nevoie este Adobe Photoshop pentru a crea acest sens. Sper că vă veţi bucura de acest tutorial.

Cum se creează Web Button în Photoshop

Pasul # 1

Photoshop Deschideţi şi a crea un nou document, a mea este de 550px × 125px cu un fundal alb.

Pasul # 2

Completaţi în stratul de culoare de fundal, culoarea mea este # 3A3A3A.

Pasul # 3

Selectaţi rotunjite dreptunghi de Instrumentul şi de a crea buton, a mea Radius este 7px, width: 156px si height: 38px..

Pasul # 4

Acum, vom aplica un anumit efect

Gradient Overlay

Styling buton dublu-clic pe miniatura Layer butonului din Panoul de straturi pentru a deschide caseta de dialog Layer Stiluri, vom aplica o verticale Gradient efect pentru butonul. Apoi faceţi clic pe Gradient Culoare privind dreptul de opţiune Gradient de a deschide Color Gradient Editor.

Faceţi dublu-clic pe partea stanga-culoare-stop şi introduceţi valoarea de culoare # 9E4C45, apoi dublu-clic pe dreapta-culoare-stop şi introduceţi valoarea de culoare EA8484 #.

Drop Shadow

Următoare se aplică Drop Shadow stil strat. Păstraţi unghiul la 120o, decât modificarea valorilor de opacitate, la distanţă şi Dimensiune. Eu aleg pentru a seta opacitatea la 23%, distanţa de la 1px şi de mărime la 9px.

Pasul # 5

Selectaţi orizontale Tip Tool şi de tip text de pe front.

Vom aplica un anumit efect pentru text.

Color Overlay

Faceţi dublu-clic pe miniatura stratul de text scris în Panoul de straturi pentru a deschide caseta de dialog Layer Stiluri. În primul rând, vom aplica overlay culoare, am alege culoarea # 0D0D0E

Drop Shadow

În cele din urmă, vom aplica umbra, în primul rând schimba opţiunea Amestecul de pe Normal. A schimba culoarea de la Shadow implicit la # FFFFFF. Păstraţi unghiul la 120o, decât modificarea valorilor de opacitate, la distanţă şi Dimensiune. Eu aleg pentru a seta opacitatea la 32%, iar distanţa de la 1px şi de mărime la 1px.

Final Preview

Să ne cum că acest tutorial poate fi mai bine? Dacă aţi găsit nici Photoshop alt tutorial pe care doriţi să le împărtăşiţi cu noi, nu ezitaţi să ne înştiinţaţi prin cădere într-un comentariu.

Dacă doriţi să primiţi inspiraţie mai mult de la noi, vă rugăm să ia în considerare aderarea la feed noastre prin RSS sau prin e-mail.

Filed under: Tutoriale Freebies, Photoshop, de către admin