El uso de degradados en ilustraciones con Adobe Illustrator

David López | 765 palabras | 5-6 min

El uso de degradados en ilustraciones con Adobe Illustrator

A finales de 2014 empecé a realizar ilustraciones con mucha frecuencia, ya sea para mi por gusto o por encargo. Mis comienzos fueron en Adobe Flash y en 2016 me pasé completamente a Adobe Illustrator. Hasta 2017 la gran mayoría de trabajos artísticos consistían en colores planos o uniformes, con sombras e iluminación, pero siempre con colores uniformes... Hasta que un día probé a introducir los degradados en las formas y me gustó el resultado.

Usando degradados por primera vez en ilustración

Si no recuerdo mal, la primera vez que usé degradados o gradiente de color (también se puede llamar así) en una ilustración y que llegase a notar la diferencia fue con el diseño en vista isométrica tratando de darle profundidad a la iluminación y sombras de los productos que recreaba. Ejemplo:

Degredados en ilustración isométrica

Si te fijas en los botones y el display, poseen un degradado de blanco (ambos puntos del degradado) que comienza en un 30% de opacidad hasta terminar en un 0%. Si retirase esos degradados, puedo asegurar que el trabajo perdería valor.

Degradado en logotipos

Tras descubrir que el buen uso del degradado hacía que luciera más interesante los productos recreados en isométrica, también me di cuenta por Instagram y un cursos de Lynda.com que muchos diseñadores aplicaban degradados a los logotipos y entonces probé. Unos ejemplos:

Logo con degradado ejemplo

Logo con degradado otro ejemplo

¿Qué tipos de degradados suelo usar en mis ilustraciones?

Parándome a pensar sobre los tipos de gradientes de color que uso para mis ilustraciones en Adobe Illustrator, me he dado cuenta que dividirlo en dos tipos de degradados:

Pinayu, curioso por saber de ti, te pregunta...
¿Trabajas con Adobe Illustrator frecuentemente?

1) Degradados para mejorar la iluminación o las sombras

Los degradados de iluminación y sombras son similares al que expliqué anteriormente. Si quiero que se vea más iluminado una zona, uso el degradado de blanco (en ambos puntos) y el comienzo irá entre un 20-30% de opacidad y al final al 0% de opacidad.

En cambio, si quiero mejorar las sombras de una zona o elementos de la ilustración, realizo un trabajo similar al de la iluminación, pero cambiando el color blanco por el negro (en ambos puntos clave del degradado).

¿Otros colores para la iluminación y las sombras?

(*) Por supuesto, la iluminación no tiene porque ser siempre blanca, ni la oscuridad o sombras negras. Dependiendo de la escena puedes intercambiar el color blanco por amarillo claro, azul claro, o cualquier otro color que te pida la ambientación de la ilustración.

2) Degradados de color

Este tipo de degradado de color lo utilizo como el anterior. Es decir, mejor lo explico con un ejemplo para que quede más claro...

Consejos acerca de cómo usar el degradado de color

Imaginemos que en la ilustración hay una camiseta de color rojo, pues si el color uniforme no me convence, aplico un degradado de color rojo a la camiseta con los siguientes parámetros: al principio del degradado tendrá el color rojo principal al 100% de opacidad y al final el mismo color rojo pero con un tono (ligeramente) más claro, también al 100% de opacidad.

Usando este degradado en todas las formas de la ilustración

Este efecto de degradado aplicado a todos o casi todos los elementos de la ilustración, siempre que se realice correctamente, otorga un mayor grado de profundidad al color en todo su conjunto, convirtiéndose en una ilustración más rica e interesante visualmente.

El único contra que encuentro de proporcionar degradados es que el tiempo de producción de la escena aumenta considerablemente.

Cuidar la dirección y longitud del degradado

Muestra del uso de la dirección y la longitud del degradado con Adobe Illustrator

Ni que decir tiene que la dirección y longitud del degradado se convierten en parámetros vitales para el buen acabado visual de la obra. La elección de la dirección del degradado será dictado, casi como norma, por dónde entra la luz en la escena de la ilustración. Hay que tratar de entender adecuadamente cómo afectaría la luz a cada forma, y sabiendo esto, colocar la dirección y longitud del degradado en consecuencia.

¿Cómo decidir de dónde procede el foco de luz?

* Si no quieres muchas preocupaciones, lo más sencillo es pensar que la luz entra desde la parte de arriba, de este modo la dirección del degradado será una línea recta de 90 grados con la parte más clara del degradado al comienzo.

¿Te animas a darme algún consejo o comentar?

Si tienes experiencia en el uso de degradados en diseño o ilustración y te apetece comentar sobre el tema, te lo agradezco de antemano y te invito a bajara la casilla de comentarios. ¿Tienes alguna duda? Comenta también.

Algunos artículos relacionados

  • Cómo usar referencias de objetos reales en tus ilustraciones
  • ¿Qué es y para qué sirve el boceto en diseño e ilustración?
  • ¿Qué es una Ilustración? ¿Cuál es su significado?
  • ¿Son útiles las tablets con stylus para dibujar e ilustrar?
  • ¿Qué es la ilustración plana o ilustración vectorial?
  • Ilustración en Málaga

    Otros posts que pueden interesarte

    Si te gustó el post "El uso de degradados en ilustraciones con Adobe Illustrator", a continuación te ofrezco dos posts que podrían parecerte interesante, no dudes en entrar y disfrutar de su contenido.

    Los Comentarios del post

    Pinayu no tiene comentarios para leer, está triste, ¿le animamos con uno?

    Aporta con tu valiosa opinión

    * Nombre

    * Comentario

    * Introduce el código Anti Spam



    Le informo que uso cookies, más INFO | ACEPTAR