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. Efecto de líneas de TV con Photoshop
2. Texto alrededor de un círculo
3. Botones cuadrados
4. Botones hundidos con Photoshop
5. Texto calado
6. Efecto Matrix con Adobe Photoshop
Más artículos...

Otros artículos...

Hojas de Estilo Menú rollover
Java Script Nivelar altura de capas paralelas
Java Script Popups controlados por cookies
Hojas de Estilo Obtener sombras con CSS
PHP Contando visitantes activos con PHP
Hojas de Estilo Efectos en textos e imágenes con CSS
Java Script Validar formularios con Dreamweaver
Marketing TopTen: errores de Websites 2003
ASP Trabajando con fechas y horas
HTML Insertando un archivo Flash en una página
Más artículos...