Menu profesional pentru website

    Share

    Admin
    Administrator
    Administrator

    Number of posts : 91
    Location : Europa
    Warnings: :
    0 / 1000 / 100

    Points : 13
    Registration date : 2008-01-01

    Menu profesional pentru website

    Post by Admin on Wed Mar 05, 2008 11:18 pm

    Am observat ca foarte multa lume este interesata si ma intreaba despre
    cum se poate construi un site complet cu ajutorul programului Adobe
    Photoshop. M-am gandit sa fac un set de tutoriale care sa ilustreze
    acest lucru intr-un mod cat mai detaliat.

    O sa incep cu un tutorial care arata modul in care se poate construi o bara de menu pentru un site.

    Pasul 1

    Am
    inceput prin a deschide un nou fisier cu dimensiunea 600x200px. Am
    desenat un oval cu Rounded rectangle tool. Culoarea am ales-o eu dar
    puteti alege alta culoare. Invatati mult mai multe lucruri daca
    urmarind pasii tutorialelor incercati propriile Dvs. artificii si nu
    respectati pasii tutorialelor ad literam.



    Pasul 2

    Ne vom folosi de efecte pentru a-i da acestei forme desenate un aspect cat mai profesional. Prima oara ne vom ocupa de umbra: Layer > Layer Style > Drop Shadow

    Vom folosi urmatoarele setari:



    Iata ce am obtinut



    Pasul 3

    Ne vom ocupa acum de Inner Shadow: Layer > Layer Style > Inner Shadow




    Pasul 4

    Multiplica layerul obtinut



    Schimba Blending Mode al acestui layer, cel de deasupra, in �Color Burn�



    Iata ce am obtinut



    Pasul 5

    Cu
    o nuanta mai inchisa scriem componentele menu-ului. Putem face asta pe
    acelasi layer apasand tasta space intre optiuni. Eu am folosit insa
    layere diferite.



    Pasul 6

    Vom
    face acum separatorul menu-ului. Selectam intre prima optiune si a doua
    o linie orizontala de un pixel putin mai mica decat inaltimea barei si
    o coloram cu o culoare mai deschisa decat cea pe care am folosit-o in text
    Facem
    acelasi lucru in dreapta acestei linii in imediata sa apropriere cu o
    culoare mult mai deschisa. Multiplicam apoi aceste doua layere, puteti
    sa le si grupati daca doriti. Le multiplicam de cate ori avem nevoie
    punandu-le intre optiuni.



    Pasul 7

    Pe un nou layer selectati un nou oval pe care il coloram cu alb ca in imaginea de mai jos




    Pasul 8

    Scadeti
    opacitatea acestui layer pana obtineti efectul dorit, eu am scazut-o
    pana pe la 40% si mutati acest layer sub text si separatoare.


    Acesta
    este ce am obtinut. Dumneavoastra puteti alege o culoare mai inspirata
    si puteti incerca alte efecte asupra barei din blending options. Puteti
    sa ma intrebati daca aveti vreo nelamurire in legatura cu acest
    tutorial printr-un comentariu.

      Current date/time is Wed Dec 07, 2016 2:30 pm