AcasaCalendarFAQCautareMembriGrupuriInregistrareConectare

Distribuiţi | 
 

 Vista Aero Button

In jos 
AutorMesaj
Color-Style
Admin


Mesaje : 131
Data de înscriere : 29/11/2008

MesajSubiect: Vista Aero Button   Dum Noi 30, 2008 11:22 am

Efectul Vista Aero Glass

(IMG:http://rophotoshop.com/tutoriale/vistaaero/1.png)

Acest tutorial va va invatata cum sa faceti effectul aplicat in windows vista pe taskbar, butoane, etc.

Pasul 1

Deschideti photoshop ), Creati un nou document fiti sigur ca este RGB cu un fundal alb, marimile le faceti cum doriti.

Pasul 2

Selcteaza Rounded Rectangele tool (img. 1).
- dai apasa sageata pe bara de optiuni, si asigurate ca Snap to Pixels e selectat, verifica daca Shape layers sunt activate.
- Fa coltul dreptungilui cu un Radius de aprox. 8px,
- Culoare nu conteaza..

(IMG:http://rophotoshop.com/tutoriale/vistaaero/2.gif)

Pasul 3
Desenati un rounded rectangle cat de lat vrei si de aprox. 40px inaltime.

Pasul 4
Apasa Layer --> Layer Style --> Stroke
Folositi setarile din imaginea de mai jos

(IMG:http://rophotoshop.com/tutoriale/vistaaero/3.gif)

Acum adaugati un Gradient.

(IMG:http://rophotoshop.com/tutoriale/vistaaero/4.png)

Pasul 5
Am obtiunut un buton decent dar mai trebuiesc adaugate niste effecte pentru rezultatul dorit.

Inner Glow.

(IMG:http://rophotoshop.com/tutoriale/vistaaero/5.gif)

Acum Drop Shadow cu toate ca effectul nu e chiar o umbra.

(IMG:http://rophotoshop.com/tutoriale/vistaaero/6.gif)

Si In final Inner Shadow

(IMG:http://rophotoshop.com/tutoriale/vistaaero/7.gif)

Gata am terminat cu effectele. Effectul de drop shadow adaugat nu va fi vizibil pe font alb folositi un gri, ca in imagine.

Fontul folosit este "Lucida Sans Unicode".

Pentru Schimbarea Culori putei umbla la HUE/Saturation dar cel mai bine schimbati culorile gradienttului.

TIP: puteti da copy layer style si aplica pe un alt shape fara nici o problema.
Sus In jos
Vezi profilul utilizatorului http://color-style.mam9.com
 
Vista Aero Button
Sus 
Pagina 1 din 1
 Subiecte similare
-
» Button pentru refresh la o pagina web !

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
• Color-Style • :: Tutoriale :: Tutoriale Photoshop :: Grafica web & Machete-
Mergi direct la:  
creeaza un forum | © phpBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Creeaza un blog gratuit