¡Buenas, mis queridos alumnos del Taller de Adobe Photoshop! ¡Bienvenidos a una nueva clase, que ya quedan pocas! ¿Anduvieron creando sus pinceles? ¡Espero que me envÃen los enlaces al sitio donde los estén compartiendo ^_^!
Bueno, yendo a lo nuestro, hoy conoceremos cómo crear degradados de color. Algo anduvimos viendo (muy por arriba) en las clases anteriores, pero es hora de ver el tema a fondo. Los degradados se pueden usar para conseguir los efectos más diversos. No perdamos más tiempo y vayamos a la clase.
Degradados de color en Photoshop
No se necesita un máster en colorimetrÃa para saber que los degradados son transiciones tonales, de saturación o de matiz en los colores. Un degradado puede ser, sólo por poner un ejemplo, la transición de un color verde saturado a un gris (color desaturado).
En Photoshop, además, puede darse un degradado de opacidad (pasar de un extremo opaco y visible a uno transparente). Veamos unos ejemplos:
![]()
Degradado de saturación
![]()
Degradado de color (dos colores)
![]()
Degradado de transparencia
![]()
Degradado de color (varios colores en varios sectores)
Herramienta Degradado (Gradient)
En Photoshop existe una herramienta de degradado que se encuentra en el mismo botón que el bote de pintura (si no está visible por defecto, sólo hay que mantener presionado el botón izq. del mouse un par de segundos sobre este último).
![]()
Al hacer clic sobre este botón ya tendremos seleccionada la herramienta degradado. La Barra de opciones tomará la siguiente forma:
![]()
Si han seguido el Taller hasta aquà ya sabrán para qué sirven muchas de estas opciones (que suelen ser generales a varias de las herramientas). Veamos, pues las dos que son propias del Degradado.
El segundo campo (que en nuestra imagen de ejemplo tiene el degradado rojo) sirve para indicar qué tipo de degradado vamos a usar. Enseguida lo veremos en profundidad.
El tercer campo indica el radio o dirección del degradado. Vemos que hay degradados radiales y lineares (los más usados) y otros con forma de diamante, etc. (¡puaj! ^_^).
Degradados personalizados con Photoshop
Es muy fácil elegir o crear un degradado en Photoshop: para elegir uno preestablecido (o ya creado y guardado por nosotros) debemos hacer clic en la flechita negra que se encuentra en el borde del campo que les acabo de mencionar, el que tiene la vista previa del degradado.

Aquà pueden ver que hay varias opciones, incluso pueden elegir de la lista.
Si lo que se quiere, en cambio, es crear o personalizar un degradado, hagamos doble clic sobre la vista previa en miniatura del degradado en uso (el campo rojo que ven en la imagen de ejemplo de más arriba).
Nota: recordemos que una vÃa alternativa de llegar a crear los degradados es por medio de las opciones de fusión->Superposición de degradado, según vimos en la clase de Estilos de este Taller.
Retomemos: hemos hecho doble clic en el thumb del degradado, en la barra de opciones. Se nos abre la ventana del Editor de Degradado:

Como vemos podemos asignar un nombre personalizado a nuestro degradado, indicar el porcentaje de suavizado de la transición y modificar los valores de color y opacidad de sus extremos (ver flechas en la imagen), haciendo clic en las anclas.

Como habrán podido ver, la opacidad se elije haciendo clic en las anclas superiores y el tono del color en las inferiores.

Incluso podemos agregar nuevos puntos de ancla con sólo hacer clic en diferentes partes del rectángulo:

¡Listo, ya tenemos nuestro degradado personalizado. Ahora, sobre el lienzo, una capa nueva, selección, forma vectorial, trazado o máscara (¡cuántas opciones! ^_^ pero por eso justamente es tan potente esta herramienta) podemos aplicar nuestra “creación”.
Para ello sólo tenemos que hacer clic y arrastrar el puntero en alguna dirección. Veremos que se despliega una lÃnea que indica desde dónde hasta dónde comienza y termina el degradado.

Si no hemos cubierto la totalidad del lienzo o forma, se repetirán los colores del principio y del final como “continuando” el degradado.

Las opciones son infinitas, incluso podemos aplicar degradados al texto (por medio de las opciones de fusión
).

Ejemplos de uso del Degradado
Sólo como inspiración, les dejo algunos ejemplos de uso, la versatilidad de aplicación de esta herramienta es tal que se puede usar para casi cualquier finalidad.




¡Nos vemos la próxima con más Taller de Adobe Photoshop, saludos y buen fin de semana!
| << CLASE ANTERIOR |








Viernes, 30 de Enero de 2009 a las 14.40
Geneal clase!!!
Jueves, 26 de Marzo de 2009 a las 10.58
muy buena clase ,desearia poder bajarlo de internet,(el programa) pero gratis hay algun lugar de donde bajarlo? gracias
Jueves, 26 de Marzo de 2009 a las 12.23
No puedes descargarlo gratis, sin embargo puedes utilizar la versión online, que sà lo es:
https://www.photoshop.com/express/landing.html
Viernes, 5 de Marzo de 2010 a las 18.27
gracis por la clase yo no soy tu alumna pero me sirvio mucho
Sábado, 24 de Julio de 2010 a las 19.33
Muy buena explicacion, la verdad me bien re bien!! n.n
Domingo, 19 de Septiembre de 2010 a las 00.21
ola buenas, me podrias decir como has hecho el ultimo ejemplo del degradado, es que necesito ese ultimo y no encuentro la forma de conseguirlo.
gracias
Lunes, 25 de Octubre de 2010 a las 14.01
hola .dar las gracias por la ayuda que he encontrado aqui. buscaba sobre el degradado de colores y logrado obtener la informacion .un saludo
Jueves, 18 de Noviembre de 2010 a las 21.21
lanate esta muy padre laa pagina
me gusto mucho y sobre td esta
superrrrrrr interesanteeee
Jueves, 18 de Noviembre de 2010 a las 21.27
0la me gusto mochoo laa pg tiene td lo ke buscaba
y sobre td una muy bna explicacion…..
Miércoles, 9 de Febrero de 2011 a las 19.19
hola!… muy buena la pag..i la explikacion..pero..
ai una duda que no m queda clara..yo necesito que una imagen que tengo n blanco y negro
quede pintada en degrade y el degrade logro hacerlo… pero me queda un cuadrado completo en degrade y no la imagen que quiero, como lo hago para que la imagen quede en degrade ? agradeceria que alguien me pudiera responder
Jueves, 31 de Marzo de 2011 a las 21.20
Muy útil y explÃcito. Muchas gracias