ARTICULOS

Botones hundidos con Photoshop

Autor: Marsweb (http://www.marsweb.com.ar/) - 04/02/2004

En esta oportunidad aprenderemos a realizar unos vistosos botones con Adobe Photoshop para incorporar a tu sitio.

1) Primero necesitaremos hacer los botones.


2) Primeramente hacemos una nueva capa. Luego hacemos la forma del botón con la herramienta de selección, llenamos la selección con degradé de azul claro a negro.
Nombre esta capa "Botón off".

3) Pulsamos el botón en la capa del Fondo y entonces hacemos una nueva capa, esta nueva capa debe estar debajo de la capa "botón off".

4) Luego, mientras la selección todavía está activa, vamos a Selection>Modify>Expand, entremos 3 y pulsamos el botón OK.

Ahora llenamos la selección de blanco a negro con degradé. Arrastramos un poco por encima del botón. Esto crea una intercalación tras el botón.
Ahora el deseleccionamos (Ctrl+D). Ya es tiempo para agregar algún texto dentro del botón.

5) Duplica "Botón off" arrastrándolo al icono de nueva Capa. Nombramos la capa "Botón on" .
Escondemos esta nueva capa pulsando el botón en el "ojo" al lado de él.
Ahora ponemos atrás el "botón off" capa y hacemos una sombra pequeña con la Capa de Efectos yendo a la Sombra de Layer>Effects>Drop.
Una distancia de 3 y un blur de 3. Esta sombra es optativa pero da una ilusión para resaltarlo más aún.




6) Hacemos invisible la capa" Botón off". Activamos "Botón On" Vamos a Layer>Effects> Drop shadow.
Pulsamos el botón OK.
Movemos esta capa abajo 1 pixel y a la derecha 1 pixel con los cursores. Si tenemos texto, movemos el layer (s del texto) abajo 1 pixel y a la derecha 1 pixel.

 

Más artículos sobre Photoshop

1. Botones hundidos con Photoshop
2. Efecto de líneas de TV con Photoshop
3. Botones cuadrados
4. Texto alrededor de un círculo
5. Texto calado
6. Efecto Matrix con Adobe Photoshop
Más artículos...

Otros artículos...

PHP Paginación de resultados con PHP
ASP Gráficos de barras con ASP
Bases de Datos SQL: determinar límite en consultas
Java Script Redirección de acuerdo a la resolución del usuario
Java Script Un reloj digital en JavaScript
PHP Utilizando cookies en PHP
PHP Calcular la edad con PHP
ASP.net Deshabilitar la expiración de la cache
Java Script Deshabilitar el botón derecho del mouse
Hojas de Estilo Menus simples con CSS y listas
Más artículos...