Smooth Cristal Navigation Bar

En este tutorial les enseñare a crear barras de navegacion con un effecto smooth cristal.

Lo primero que vamos a hacer es crear un nuevo documento (ctrl.+n). Yo lo voy a hacer en 400px x 90px, ustedes pueden hacerlo como quieran.

Lo rellenamos de color blanco.

Tutoriales Photoshop

Ahora te vas a los Blending Options y le aplicas un Gradient Overlay con las siguientes caracteristicas:

Tutoriales Photoshop

Hecho eso agarras el Rectangular Marquee Tool (M) Tutoriales Photoshop y creas una nueva capa con unaseleccion que llege hasta la mitad de la barra y lo llenas de color blanco y luego le bajas la opacidad a 10%

Tutoriales Photoshop

Ahora crea una nueva capa y agarra el Rectangular Marquee Tool (M) Tutoriales Photoshop y has una seleccion pequeña en la parte de abajo de la barra de navegacion y llenala con el color #cacdcc para que te quede asi:

Tutoriales Photoshop

Ahora pones las opciones de la barra con los effectos que quieras que tenga y luego corta con dimensiones iguales entre cada opcion para que te quede algo asi:

Tutoriales Photoshop

Otra vez agarra el Rectangular Marquee Tool (M) Tutoriales Photoshop y crea una seleccion pequeña como de unos 2px o 3px y rellenalo de blanco. Luego te vas a Blending Options y le aplicas las siguientes configuraciones:

Tutoriales Photoshop

Hecho eso le bajas la opacidad a 50% luego solo duplicalo y colocalos todos en un mismo lugar para que tu resultado final quede asi:

Tutoriales Photoshop

Nota: Para hacer mas atractiva la navegacion puedes ponerle rollovers a las barritas grises o al texto para que cambien de color al pasar el cursor sobre ellas. Busca el tutorial de rollover en la web.




Info

Autor: Enrique Gutierrez Barrios
Fecha: 25-9-2006
Hits: 4113
Tags: photoshop  navigation  bar  cristal  smooth  

Foro de Photoshop


+Tutoriales

Pantalla Digital Esfera 3D Smooth Orb Button Boton Windows Vista Esfera Simple Rounded Button