Acceseaza SiteServicii video & design grafic

Gaming Navigation Bar Adobe Photoshop CS6

In tutorialul de astazi vom realiza cu ajutorul lui Adobe Photoshop CS6 un model de navigation bar pe tema gaming. Tutorialul este foarte usor de realizat, necesita doar putina atentie din partea dvs.

Pentru inceput creem un document cu dimensiunile 600×290 pixeli, iar ca fundal alegem o culoare deschisa, preferabil sa ramana alb. Acum folosind “RECTANGLE TOOL” realizam:

gaming navigation bar
   >> Acum mergem la, LAYER -> LAYER STYLE -> GRADIENT OVERLAY:
gaming navigation bar
   >>LAYER -> LAYER STYLE -> STROKE:
gaming navigation bar
   >> Rezultat:
gaming navigation bar
   Adaugam textul (font:Myriad Pro, 19pt):
gaming navigation bar
   Pentru text mergem LAYER -> LAYER STYLE -> GRADIENT OVERLAY si aplicam un gradient folosind culorile #414141 si #181818.
   LAYER -> LAYER STYLE -> DROP SHADOW:
gaming navigation bar



   LAYER -> LAYER STYLE -> BEVEL & EMBOSS:
gaming navigation bar
   Adaugam iarasi text (Font: MYRIAD PRO, culoare: #9bff3a):
gaming navigation bar
   Acum vom separa butoanele:
gaming navigation bar
   Vom face HOVER butonului “GAMES” folosind RECTANGLE TOOL apoi facem urmatorii pasi:
   >> LAYER -> LAYER STYLE -> GRADIENT OVERLAY:
gaming navigation bar
   >> LAYER -> LAYER STYLE -> INNER GLOW:
gaming navigation bar
   >> LAYER -> LAYER STYLE -> INNER SHADOW:
gaming navigation bar
   >> LAYER -> LAYER STYLE -> STROKE:
gaming navigation bar
   >> Rezultat:
gaming navigation bar
   Facem o selectie asemanatoare apoi aplicam culoarea “alb” dupa care vom seta opacitatea la 20%:
gaming navigation bar
   Repetati pasii de mai sus pentru a realiza si un submeniu, rezultat:

gaming navbar

Add a Comment

Your email address will not be published. Required fields are marked *