Juan Manuel 13 de Agosto de 2008 a las 14.30
   Imprimir artículo
elWebmaster.com

Taller Adobe Photoshop: Degradados de color


隆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

CLASE SIGUIENTE >>


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (11)

  1. joao dice:

    Geneal clase!!!

  2. JUAN dice:

    muy buena clase ,desearia poder bajarlo de internet,(el programa) pero gratis hay algun lugar de donde bajarlo? gracias

  3. Alejandra dice:

    No puedes descargarlo gratis, sin embargo puedes utilizar la versi贸n online, que s铆 lo es:
    https://www.photoshop.com/express/landing.html

  4. evelyn ruiz dice:

    gracis por la clase yo no soy tu alumna pero me sirvio mucho

  5. charito dice:

    Muy buena explicacion, la verdad me bien re bien!! n.n

  6. carlos dice:

    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

  7. natalia dice:

    hola .dar las gracias por la ayuda que he encontrado aqui. buscaba sobre el degradado de colores y logrado obtener la informacion .un saludo

  8. karoline nicole flores cabrera dice:

    lanate esta muy padre laa pagina
    me gusto mucho y sobre td esta
    superrrrrrr interesanteeee

  9. katherin dice:

    0la me gusto mochoo laa pg tiene td lo ke buscaba
    y sobre td una muy bna explicacion…..

  10. Natalia dice:

    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

  11. Mari贸n dice:

    Muy 煤til y expl铆cito. Muchas gracias :)

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar sesi贸n