Degradados

Las barras y botones con degradado son quizás uno de los efectos gráficos de mayor uso y utilidad. Como componente son fáciles de crear, sencillos de manejar y de gran flexibilidad.

Hay muchas maneras de realizar y utilizar un degradado tanto en componentes Web, como en imágenes. En esta oportunidad realizaremos un ejemplo de degradado tipo barra o cabecera.




1)Abrimos Photoshop 7.0 y nos vamos al menú Archivo > Nuevo con medidas de 300x 150 píxeles y fondo blanco. Nos vamos al menú Capa > Nueva capa y con la herramienta de Marco rectangular creamos un rectángulo de una medida determinada.

2) Luego nos vamos a Selección >Modificar > Suavizar y utilizamos un radio de 10 px. Volvemos al menú Edición > Rellenar y utilizamos el color gris.



3) Nos vamos al menú Capa > Estilo de fusión y utilizamos los parámetros según se muestra en la imagen.




4) Nuevamente utilizamos el Estilo de fusión según se muestra en la imagen:





5)Nuevamente utilizamos el Estilo de fusión según se muestra en la imagen:





6)Nuevamente utilizamos el Estilo de fusión según se muestra en la imagen:



7)Nuevamente utilizamos el Estilo de fusión según se muestra en la imagen:



8) Bien, en total hemos utilizado cinco Estilos de capas para la primera fase de la creación de la barra.

A continuación realizaremos otros Estilos de capas para el texto de la barra.

9)Nos vamos a la Herramienta de texto y escribimos el texto deseado y en Estilo de capas utilizamos:



10)Utilizamos el Estilo de fusión según se muestra en la imagen:



11) Nuevamente utilizamos el Estilo de fusión según se muestra en la imagen:



12)Nuevamente utilizamos el Estilo de fusión según se muestra en la imagen, siendo este el resultado final del degradado.



Bueno..Lógicamente si en alguno de los pasos modificamos algunos de los parámetros, podemos obtener resultados muy variados, como por ejemplo:



Bueno esto ah sido todo.
que Os Guste.
Saludos.

mas bien es como una placa, quedo bien

Gracias por el ejemplo.