隆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