| Meniu Elegant |
| Photoshop - Grafica Web | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 Click pe imagine pentru a o vedea la rezolutia originala. 1.Deschidem un nou document: File - New - 600 x 300 px - OK 2.Adaugam un nou layer : Layer - New - Layer - OK. Selectam unealta Rounded Rectangle Tool (Radius: 8px, culoarea nu conteaza momentan) si desenam bara de meniu pe care vor fi butoanele:  3.Click dreapta pe layerul nou - Blending Options - bifeaza Drop Shadow si adauga setarile:  4.Inner Glow :  5.Satin:  6.Gradient Overlay:  Cu culorile: #bbbbbb - #dcdada - #dcdcdc - #f8f8f8 :  Acum bara ar trebui sa arate asemanator:  7.Selecteaza layerul de jos, Background si adauga unul deasupra lui ( Layer - New - Layer - OK) Selecteaza Rounded Rectangle Tool(Radiu: 15 px) si deseneaza un dreptunghi asemanator:  8.Click dreapta pe primul layer creat, cel cu bara principala si selecteaza Copy Layer Style. Apoi mai jos, click dreapta pe ultimul layer creat - Paste Layer Style pentru ai atribui aceleasi filtre si layerului din urma. 9.Click dreapta pe layerul cu dreptunghiul din spate - Blending Options - debifeaza Satin. Apoi click pe Gradient Overlay si modifica culorile, astfel : #bbbbbb - #939393 - #929292 - #f8f8f8  10.Selectam layerul de sus, cu bara principala, si adaugam unul deasupra - Layer - New - Layer - OK. Alegem unealta Rounded Rectangle Tool (Radius : 10px ) si desenam un mic dreptunghi:  11.Click dreapta pe ultimul layer creat - Blending Options - bifeaza Inner Shadow si adauga setarile :  12.Apoi bifeaza Color Overlay - si alege culoare dorita (eu am folosit #00d2ff)  13.Bifeaza, in final, Stroke, selecteaza la Size: 3px, la Fill Type : Gradient:  ..si adauga culorile #C1C1C1 - #EBEBEB  14.Selecteaza instrumentul Horizontal Type Tool ( o culoare mai inchisa - #535353, marime 15px, font pe care il doresti) si scrie numele butonului:  15.Daca vrei sa adaugi mai multe butoane, tinand tasta CTRL, da click pe layerul cu bulina si cu cel cu numele butonului (ultimile 2 layere create), pentru a le selecta, apoi click dreapta pe unul din ele si selecteaza Duplicate Layers.. - OK. Apoi tinand apasata tasta SHIFT, din sageti sau cu mouse-ul muta mai la dreapta cele 2 layere. In final cu Horizontal Type Tool, selecteaza textul si inlocuieste-l cu noul nume.  Imaginea finala: Click pe imagine pentru a o vedea la rezolutia originala. 
Seteaza ca Favorit
Bookmark
Trimite Email
Hits: 4019 Comentarii (24)
j0hnny
said:
|
Subscribe to this comment's feed| ..am facut dar cand tin cu shift sa mut dreptunghiul acela ... imi muta un dreptunghi transparent si are un contur ... iar cand dau click pe layer sau pe scena imi dispare cerculetu :-?? dc ? | |
|
Reporteaza Abuz
Displace
Apreciaza
|
admin
said:
| La ce pas ti se intampla asta? Ai selectata unealta Move Tool, apoi layerul si ai incercat sa muti? Ataseaza un print screen sa vedem. | |
|
Reporteaza Abuz
Displace
Apreciaza
|
j0hnny
said:
..gata am rezolvat-o ... am luat unealta aia Rounded Rectangle Tool si am facut cerculetele la fiecare ...  Dar cum adaug un link pe ceea ce am scris ? :-?? tot din photoshop sau tre cu alceva ??
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
admin
said:
Se poate si din Photoshop dar trebuie sa inveti HTML pentru asa ceva 
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
j0hnny
said:
nu mai imi iese deloc ) ... data trecuta am reusit .. acu numai mi se coloreaza bara aia deloc :-?? nush ce are 
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
j0hnny
said:
admin imi poti da si mie un contact : id de mess sau skype ....... plllsss ... vreau sa ma ajuti si pe mine ... cu toate ca am aici pe site destule chestii pe care le-as putea urma sa imi iasa un meniu .. dar din pacate pc--ul meu este ..... foarte slab ... infectat cu f multi virusi ... si imi merge f greu ... iar in PS nu mai face comenzile care le dau ... nu pot sa imi dau seama ce are  Te rog frumoss... daca imi poti da si mie o adresa de messenger :| Cu stima si respect, j0hnny ! |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
admin
said:
| De ce nu incerci sa scoti virusii ? Sau sa incerci o reinstalare a windowsului? Daca ai un calculator mediu ar trebui sa-ti mearga fara probleme PS`ul | |
|
Reporteaza Abuz
Displace
Apreciaza
|
admin
said:
| Il poti descarca de aici http://www.dafont.com/arista.font ;) | |
|
Reporteaza Abuz
Displace
Apreciaza
|
bon3loo
said:
|
te rog explica cum pui linkurile la meniu...poate mai sunt si cunoscatori de html
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
Atasuki
said:
| Salut imi poate spune si mie cineva cum pot da link unui scris? | |
|
Reporteaza Abuz
Displace
Apreciaza
|
Leo
said:
| Bun mi-a iesit meniul...dar am o intrebare...cum pun link la toate?de ex meniul de aici...cum faci ca "acasa,tutoriale" etc...sa fie butoane?? | |
|
Reporteaza Abuz
Displace
Apreciaza
|
admin
said:
| Vezi cum faci sa pui un link pe o imagine, de acolo, imparti imaginea in Photoshop in mai multe bucati (fiecare reprezentand un buton) iar apoi le adaugi in html si pui link catre ele. | |
|
Reporteaza Abuz
Displace
Apreciaza
|
withiN
said:
ai putea sami spui si mie numele la font sau macar sai pui linku sal downlodez 
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
Scorpyix
said:
|
marfa meniul nu este chiar asa greu de facut dar nu m`am gandit pana acuma
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
Dj KLaus
said:
|
nu inteleg deloc la 9 , 6, 13 adika nu eo am doar 4 dinala care le muti am doua jos si doua sus. ...de unde scoti atatea de multe???si cum pun culorile??ca nu stiu(
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
admin
said:
| Vezi tutorialele pentru incepatori, ar trebui sa te ajute. | |
|
Reporteaza Abuz
Displace
Apreciaza
|
Adauga un comentariu
| Citeste si urmatoarele : |
|---|
|
