Hacking and more...
HaCkinG CulT
Lista Forumurilor Pe Tematici
Hacking and more... | Reguli | Inregistrare | Login

POZE HACKING AND MORE...

Nu sunteti logat.
Nou pe simpatie:
Alexanndra1994 pe Simpatie.ro
Femeie
23 ani
Bucuresti
cauta Barbat
23 - 42 ani
Hacking and more... / Web-DesiGn Stuff / Tutorial meniu si butoane metalice Moderat de Shocker
Autor
Mesaj Pagini: 1
boogiesbc
Elite Member

Inregistrat: acum 18 ani
Postari: 1200

1.Selectati o zona in Photoshop

Creati o noua imagine in PS, preferabil de marimi cam patratele 500*200 sau mai mult. Depinde cum vreti sa arate bucatica voastra de meniu.

Folositi Selection Tool ca sa selectati o portiune care va deveni meniul vostru. Va trebui sa va ganditi ca puneti si niste butoane pe acolo asa ca ar trebui sa lasati niste spatiu.

Puteti sa folositi Freeform Pen Tool pentru a crea selectia , dar nu este neaparat necesar. Puteti folosi si alte metode.



2.Argintiu si auriu. Umplerea portiunilor cu paint bucket



Apasati butonul
pentru a crea un nou layer sau apasati ctrl+shift+n. Apoi apasati ctrl+backspace pentru a umple imaginea cu griul din paleta(culoare de background).

Folositi selection tool
si creati un nou layer pe care il umpleti cu culoarea de foreground(alt+backspace). De asemenea puteti face aceeasi forma cu shape tool si alegeati un "dreptunghi rotund"(rounded rectangle).

Tot cu selection tool trageti selectia in jos pentru a o duce sub partea de jos. De asemenea puteti apasa pe shift ca sa se duca fix in jos.

Apasati alt+backspace pt a umple portiunea cu galben dupa care apasati ctrl+d pentru a deselecta portiunea respectiva.

3.Aplicarea efectelor pe butoane si pe meniu


In lista de layere, selectati layerul gri si dati dublu click pe el sau click dreapta -> blenging options. Dupa care selectati toate optiunile ca in screenshotul de mai de sus.

Apoi selectati Bevel and Emboss si alegeti Gloss Contour -> Ring. Daca nu aveti lasati bevel si emboss normal.

4. Schimbarea setarilor de gradient overlay



Bifati optiunile ca in imaginea de sus si apoi selectati gradientul pe zebra pattern si apasati pe sagetile de jos pt a schimba culorile in alb si negru cum este aici.


5.Imaginea finala



In lista layerelor, click dreapta pe layerul gri si dati copy layer style dupa care dati click pe fiecare din layerele care sunt cu butoane si dati click dreapta si paste layer style.

Tutorial simplu, ca pentru inceput. Tradus de pe


_______________________________________

30 iunie 2007: Muzica e prima voce...
9 septembrie 2006: Boogie's Sleek Style | Y!M skin

pus acum 18 ani
   
epic
User

Inregistrat: acum 18 ani
Postari: 1896
marfa, mai pune daca mai poti.

_______________________________________
:< 4 8 15 16 23 42 *execute*
TOATA LUMEA ESTE INVITATA PE NOUL FORUM!

pus acum 18 ani
   
gaby_dylyu
Old School Member

Inregistrat: acum 18 ani
Postari: 422
interesant boogiesbc

_______________________________________
Always Expect The Unexpected!!!

pus acum 18 ani
   
Inside
Elite Member

Din: ..:: Angels City ::..
Inregistrat: acum 18 ani
Postari: 1351
lol asta iam cerut sami dea pe Y!Messenger. .dar vad ca o pus pe forum :p :p

_______________________________________


pus acum 18 ani
   
boogiesbc
Elite Member

Inregistrat: acum 18 ani
Postari: 1200
O sa mai pun, evident. Daca pun tutoriale care nu au legatura mare cu web-designul dar sunt legate de photoshop e bine? Vreau sa pun si tutoriale facute 100% de mine, nu de-alta.

Va veni in curand si un slice tutorial pt ca multe din imaginile astea trebuie taiate ca sa mearga bine pe html si ca sa le adaugi linkuri. Din motivul asta slicingul e esential pt web-design.


_______________________________________

30 iunie 2007: Muzica e prima voce...
9 septembrie 2006: Boogie's Sleek Style | Y!M skin

pus acum 18 ani
   
ThiefUnU
Elite Member

Inregistrat: acum 18 ani
Postari: 578
good job da`mi id`u tau d Y!Messenger daca vrei bine intzeles am un proiect !!! si eu tot photoshop

Modificat de ThiefUnU (acum 18 ani)


_______________________________________
Layout challange :
NU DA CLICK !!


pus acum 18 ani
   
ThiefUnU
Elite Member

Inregistrat: acum 18 ani
Postari: 578
o si slicingul este usor de facut !! nu ia mult sa invetzi !! trebe sa ai si rabdare foarte multa si in kteva luni incepe sa s contureze cva !!

Modificat de ThiefUnU (acum 18 ani)


_______________________________________
Layout challange :
NU DA CLICK !!


pus acum 18 ani
   
boogiesbc
Elite Member

Inregistrat: acum 18 ani
Postari: 1200
Butoanele din tutorial nu trebuie neaparat facute aici, se mai pot face separat si le pui background transparent, dupa care le folosesti direct in dreamweaver.

_______________________________________

30 iunie 2007: Muzica e prima voce...
9 septembrie 2006: Boogie's Sleek Style | Y!M skin

pus acum 18 ani
   
ThiefUnU
Elite Member

Inregistrat: acum 18 ani
Postari: 578
stiu cum s fak butoanele doar vreau sa vb ceva cu tine

_______________________________________
Layout challange :
NU DA CLICK !!


pus acum 18 ani
   
boogiesbc
Elite Member

Inregistrat: acum 18 ani
Postari: 1200
Private message

_______________________________________

30 iunie 2007: Muzica e prima voce...
9 septembrie 2006: Boogie's Sleek Style | Y!M skin

pus acum 18 ani
   
ThiefUnU
Elite Member

Inregistrat: acum 18 ani
Postari: 578
tzi`am dat prv

_______________________________________
Layout challange :
NU DA CLICK !!


pus acum 18 ani
   
boogiesbc
Elite Member

Inregistrat: acum 18 ani
Postari: 1200
La paginile 3 si 4 din Threadul "web-design stuff" o sa gasiti o serie de tutoriale interesante puse de epic. Va invit sa nu le uitati.

_______________________________________

30 iunie 2007: Muzica e prima voce...
9 septembrie 2006: Boogie's Sleek Style | Y!M skin

pus acum 17 ani
   
Pagini: 1  

Mergi la