| 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: 9614 Comentarii (39)
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 ... :D 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
|
Leo
said:
|
pff...nu gasesc:(...daca exista imi poti da link-ul? :( |
|
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 8) |
|
Reporteaza Abuz
Displace
Apreciaza
|
Scorpyix
said:
 |
marfa meniul :) nu este chiar asa greu de facut dar nu m`am gandit pana acuma :D |
|
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
|
ALm
said:
 |
Salut, am creat un buton insa miam dat seama ca acel buton este cam scurt, imi doresc sal prelungesc adica doar dimensiunea orizontala, se poate |
|
Reporteaza Abuz
Displace
Apreciaza
|
Flaviu
said:
 |
Salut,imi spui si mie cum modifici culorile la Gradient Overlay respectiv unde trebe sa intru ca sa pun culorile: #bbbbbb - #dcdada - #dcdcdc - #f8f8f8 ? |
|
Reporteaza Abuz
Displace
Apreciaza
|
admin
said:
|
Cand dai click sa selectezi o culoare - in partea de jos in dreapta ai undeva un diez: # - de acolo introduci codul. |
|
Reporteaza Abuz
Displace
Apreciaza
|
Cornel
said:
 |
puteai sa scrii si ce font ai folosit..ca se potriveste perfect cu meniul... |
|
Reporteaza Abuz
Displace
Apreciaza
|
Alyn.w0w
said:
 |
Salut,imi poti spune cum sa pun pe site acel meniu...St cam incepator,daca este dai add la alinush_alinutzu25 :D |
|
Reporteaza Abuz
Displace
Apreciaza
|
Coach Outlet Online
said:
 |
fdfdsafdafdsaHere you will find all the latest Coach Outlet coupons. |
|
Reporteaza Abuz
Displace
Apreciaza
|
website
said:
 |
puteai sa scrii si ce font ai folosit..ca se potriveste perfect cu meniul... |
|
Reporteaza Abuz
Displace
Apreciaza
|
cartier love pendants
said:
 |
they are able to get their most loved vintage Chanel quilted bag on the internet too! |
|
Reporteaza Abuz
Displace
Apreciaza
|
The North face coupons
said:
 |
This is an appreciative letter to thank the people who provided pin-point and professional UK dissertation writing help at the time when I was totally disappointed.. |
|
Reporteaza Abuz
Displace
Apreciaza
|
Discount North face
said:
|
All that we are is the consequence of what we have estimation. Wait… Has anyone exhorted dissertation to you. Keep the articles progressing ! |
|
Reporteaza Abuz
Displace
Apreciaza
|
danusor
said:
 |
cum integrea bara de meniu creata in headerul unui site in php sau html |
|
Reporteaza Abuz
Displace
Apreciaza
|
Cartier Love Bracelet
said:
 |
nice post,thanks for sharing, how can we in touch you |
|
Reporteaza Abuz
Displace
Apreciaza
|
Adauga un comentariu
