Invo4u
Administrator
Data inscrierii: 28/Dec/2006
Mesaje: 784
Localitate: P`Luna
|
 Trimis: 30/12/2006 21:19 Titlul subiectului: [Tutorial]Cum sa creezi un userbar |
 |
|
Cum sa creezi un userbar in Adobe Photoshop CS2
-------------------------------------
Deschide un nou document (CTRL +N) cu dimensiunile standard ale unui userbar (350x19).
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/1.png)
Vom utiliza un gradient pentru fundal. Alege culorile si utilizând Gradient Tool (G) fa un gradient dragut.
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/2.png)
Ne-ar necesită si o textura si cel mai bine e sa o facem noi. Deschide un nou document (CTRL + N) cu mărimile 5x5 si fundal transparent.
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/3.png)
Folosind Pencil Tool (B) fa o textura.
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/4.png)
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/5.png)
Va trebui sa adaugam textura deja facuta in userbar-ul nostru. Creaza un Layer nou (CTRL + SHIFT + N) si dai Fill (SHIFT + F5). Din lista Use alegi Pattern, iar putin mai jos, alegi, din lista Custom Pattern, textura creeata mai devreme.
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/6.png)
Nu arata teribil de frumos, asadar o sa-i scadem opacitatea (pe la 25%).
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/7.png)
Acum trebuie sa alegem o poză reprezentativa pentru userbar-ul nostru. Eu am ales emblema Firefox.
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/8.png)
Aceasta fotografie o punem in userbar si o pozitional astfel incat sa arate cat mai frumos.
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/9.png)
Acum putem adauga o semi-elipsa. Creaza un Layer nou (CTRL + SHIFT + N) si, întrebuințând Eliptical Marquee Tool (M), fa o semi-elipsa pe care o umplii (SHIFT + F5) cu alb. De asemenea, ii scadem opacitatea, undeva pe la 25%.
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/10.png)
Acum adaugam si textul. Eu am folosit fontul Visitor BRK, care este si indicat. Nuanță textului este alba.
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/11.png)
O sa-i adaugam un contur închis la culoare pentru a-l scoate in evidenta. Pentru asta, mergi la Blending Options (Layer -> Layer Style -> Blending Options) si realizeaza setarile de mai jos.
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/12.png)
Si gata userbar-ul! Acum, acesta arata cam asa:
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/13.png)
De asemenea, putem adauga efecte logo-ului, iar varianta finala ar arata cam asa:
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://i4.photobucket.com/albums/y113/AdyX/Userbar-tutorial/firefox-userbar.png)
_________________
![[Tutorial]Cum sa creezi un userbar [Tutorial]Cum sa creezi un userbar](http://b.1asphost.com/EnZo4U/eu%20si%20numai%20eu.gif)
Sa Hackeresti e un vis dar sa fi hackerit e cosmar
wWw.Invo4u.Lx.Ro |
|
