Política de privacidad - Suscribase - Contacto
diseño de paginas web, recursos webmaster, google webmaster, webmaster tools, herramientas webmaster, recursos web, recursos para webmaster, tutoriales de photoshop, tutoriales de flash

 

 

 

 

 

Tutoriales de Photoshop

Botón con barras metálicas

1. Abrimos una nueva imagen de 400x50 px.Luego tomamos Rectangular Maruqee Tool y hace,os un cuadro y lo rellenamos asi que quede como muetra en la imagen.

 

2.Ahora nos vamos a Layer > Layer Style > Drop Shadow y colocamos los valores como muetra la imagen.

 

Ahora nos vamos a Overlay Gradient

 

Finalmente, para acabar con la barra básica vamos a la sección "Stroke" de la ventana de estilos y ponemos los siguientes parámetros para "reseguir" el borde

 

 

3. Ahora duplicamos el layer y hacemos invisible el layer duplicado dandole click en el ojito.
Ahora seguimos trabajando con el Layer original.LE hacemos unos cuantos efectos con el Rectangular Marquee Tool,cojemos le hacemos un cuadrito y le damos a suprimir o delete.Y tendremos algo como esto

 

 

4. Ahora le damos al ojito de nuevo en el layer que hicimos invisible y precionamos CTRL + T y le reducimos la anchura un poco

 

 

Ahora le hacemos unas inset lines.Para hacer estas inset lines ponemos un nuevo Layer,Luego tomamos el Pincel Tool y hacemos unas lineas parecidas a estas y le cambiamos el mode del Layer a Soft Ligh y nos quedara algo asi

 

 

Llegado a este punto tendremos una barra como la que se muestra justo debajo de este texto. Ya sólo nos queda hacer lso recortes para cada botón e incluir el texto de cada botón

 

5. Ahora le escribimos un texto y seguimos con el mismo paso de las inset y el paso del Recatngular Marquee Tool hasta que tengamos algo asi