Creeaza un meniu intunecat in Photoshop – Partea intai

In acest tutorial vom crea un meniu intunecat ce s-ar potrivi perfect intr-unul din proiectele dumneavoastra.Totusi trebuie sa recunosc ca ideea meniului nu a fost a mea ci a unui webmaster ce vinde website-uri pe themeforest.De multa vreme mi-a ramas in minte acel meniu fiindca m-a impresionat prin simplitate, dar in acelasi timp si frumusete.Asa ca in acest tutorial voi crea o replica sa zicem a meniului respectiv.Originalul este aici:http://themeforest.net/theme_previews/124851-boxit-clean-psd-template?index=2.

Ce vom obtine

Pentru a face acest meniu ai nevoie de Photoshop CS3/4 sau 5 pentru a obtine rezultatul dorit.Daca obtineti acelasi lucru si in versiunile mai vechi nu uitati sa adaugati un comentariu.

Timp de lucru:30 de minute
Dificultate:medie

Program:Photoshop CS3+

1.Deschide Photoshop si creeaza un nou document lat de 580 de px si inalt de 300 de px.

2.Creeaza un nou layer(cu numele bg), si utilizand galeata de vopsit(sau cum s-o numi) adauga culoare #3f4950.Apoi mergi in panoul cu layere, da clic dreapta pe layerul “bg” vopsit si da clic pe “Convert to Smart Object“.Dupa aceea mergi la Filter, Noise, Add Noise si selecteaza Monochromatic, Amount 1% si Distribution Uniform.

Daca ai respectat pasii intocmai ar trebui sa ai ceva asemanator cu:

3.Apasa tasta U si creeza un singur dreptunghi, iar apoi, utilizand galetusa cu vopsea coloreaza-l in #252e34.La radius vei pune 5 px.Apoi mergi in panoul layere, da clic dreapta pe forma recent creata si mergi la Blending Options:

La Gradient nu vei schimba nimic la culori!

4.Iar acum ne vom ocupa de text!Ia unealta pentru text, scrie ce vrei in dreptunghi si apoi coloreaza-l in #9fa8b0.Apoi mergi la Layers, da clic dreapta pe textul scris de tine, mergi la blending Options si selecteaza:

Daca ai facut totul bine ar trebui sa obtii ceva asemanator cu:

5.Eu am mai creat inca 3 butoane, dar la 2 m-am gandit sa fac ceva diferit.Unul din butoane sa fie activ altul pentru hover.

Nu mai are rost sa va explic cum am creat butonul Portofolio asa ca o sa ne axam numai pe About si Blog.

La text singura diferenta este Opacitatea la Drop shdow este 30% si culoare lui este #e8e8e8.

Pentru butonul About:

Acelasi radius la dreptunghi numai ca culoarea dreptunghiului este acum #252e34.Mergi la Layers cauta butonul About daca il ai sau oricare alt buton ca Home simergi la Blending Options si adauga:

Si pentru butonul Blog care ar arata astfel in momentul trecerii mouse-ului peste el.

Iar acum meniul ar trebui sa fie terminat.Totusi, din motive tehnice voi opri aici tutorialul(se incarca pagina prea greu), asa ca nu uitati sa mergeti la a doua parte a tutorialului care e AICI.

Leave a Reply