gratiszona

degracuadrados con photoshop

las barras y botones con degradado son quizas uno de los efectos graficos de mayor uso y utilidad. Como componente son faciles de crear, sencillos de manejar y de gran flexibilidad.
hay muchas maneras de realizar y utilizar un degradado tanto en componentes web, como en imagenes.  en esta oportunidad realizaremos un ejemplo de degradado tipo barra  o cabecera.
abrimos photoshop 7.0 y nos vamos al menu archivo, nuevo con medidas de 300x 150 pixeles y  fondo blanco. nos vamos al menu capa, nueva capa y con la herramienta de marco rectangular creamos un rectangulo de una medida determinada.
luego nos vamos a seleccion, modificar, suavizar y utilizamos un radio de 10 px. volvemos al menu edicion, rellenar y utilizamos el color gris.
nos vamos al menu capa, estilo de fusion y utilizamos los parametros segun se muestra en la imagen.
nuevamente utilizamos el estilo de fusion segun se muestra en la imagen:
nuevamente utilizamos el estilo de fusion segun se muestra en la imagen:
nuevamente utilizamos el estilo de fusion segun se muestra en la imagen:
 
nuevamente utilizamos el estilo de fusion segun se muestra en la imagen:
bien, en total hemos utilizado cinco estilos de capas para la primera fase de la creacion de la barra.
a continuacion realizaremos otros  estilos de capas para el texto de la barra.
 
nos vamos a la herramienta de texto y escribimos el texto deseado y en  estilo de capas utilizamos:
utilizamos el estilo de fusion segun se muestra en la imagen:
nuevamente utilizamos el estilo de fusion segun se muestra en la  imagen:
nuevamente utilizamos el estilo de fusion segun se muestra en la imagen, siendo este el resultado final del degradado.
logicamente si en alguno de los pasos modificamos algunos de los  parametros,  podemos obtener resultados muy variados, como por ejemplo:

Tal vez te interese sobre trucos photoshop: