Crea la escena de una colina usando gradientes en Adobe Illustrator

Recientemente me encontré con una fotografía inspiradora de Felicia Simion, de unas colinas con una apariencia de degradado. Una vez que me enamoré de la imagen, sólo tuve que crear una versión en vector. Felicia ha tenido la amabilidad de concederme permiso para usar sus ilustraciones como inspiración para este tutorial.

Así que vamos a abrir Adobe Illustrator y prepárate para crear tu propia escena de la colina.

1. Utiliza Kuler para crear tu paleta

Paso 1

Voy a crear la paleta de color directamente de la foto. No quiero que sea igual a la foto, pero sí quiero usar sus colores en mi ilustración.

Dirígete al sitio web de Adobe Kuler e inicia sesión con tu ID de Adobe. Una vez que hayas iniciado sesión, haz clic en el icono de la cámara para "Crear de la imagen".

Voy a tomar los colores de la silueta, arriba de la colina, parte inferior de la colina y los tonos más claros hacia la parte superior. Guarda tu paleta una vez que estés satisfecho con la combinación que tienes.

Si quieres saber más sobre el uso de Adobe Kuler, ¿por qué no echas un vistazo a esta grabación práctica de Cheryl Graham sobre el uso de Kuler con Adobe Illustrator.

Paso 2

Ahora, para importar tu nueva paleta de color en Illustrator. Abre el panel de Kuler y ve a Ventana > Kuler. Haz clic en el icono Actualizar en la parte inferior del panel y se deberá actualizar para incluir tu nueva paleta.

Haz clic en la carpeta a la izquierda de la paleta y esto agregará los cinco colores a tu panel Muestras.

2. Crea las colinas

Paso 1

Comencemos dibujando un Rectángulo (M) para nuestro cielo / base y lo llenaremos con el color más claro de la paleta.

Paso 2

Ahora empezaremos a dibujar formas para las colinas. Voy a empezar desde la parte superior de la composición y cada nueva colina se pondrá encima de la anterior.

Con la Herramienta Pluma (P), dibuja la forma inicial. Crea un borde superior ondulado para simular la colina.

Paso 3

Esta colina se ve demasiado suave, así que vamos a darle un contorno más aleatorio, con textura.

Con la forma seleccionada, ve a Efecto > Distorsionar & Transformar > Poner Áspero. Voy a establecer el tamaño en 2pt y el detalle en 15/pulg.

Paso 4

Luego llenaré la colina con un Degradado Lineal que va desde el color pálido del cielo hasta el azul más claro de la paleta.

Paso 5

Ahora que tengo el gradiente y el contorno texturizado establecido, voy a seguir añadiendo más formas para llenar el resto de la composición.

Paso 6

En teoría, las colinas hacia el fondo de la imagen estarán más cerca del espectador. Así que con eso, voy a cambiar la configuración Poner Áspero para aumentar el tamaño del efecto a las formas hacia el frente.

Comienzo a cambiar más formas del frente a 5pt y luego trabajo hacia atrás y reduzco el tamaño hasta que vuelva a 2pt, la configuración de tamaño original.

3. Refina las colinas y agrega textura

Paso 1

En la fotografía original, hay un vistazo del gradiente a las colinas que ayuda a realzar la sensación de la distancia. Las colinas hacia el frente son más oscuras y las colinas en la distancia casi se mezclan en el cielo. Para lograr este efecto, voy a añadir Gradientes Lineales por encima de las colinas.

El primero usará el color más oscuro en la paleta, luego un azul medio, luego el relleno de cielo claro. Lo utilizaré para llenar un Rectángulo (M) y lo fijaré al Modo de Fusión Color Quemado,Opacidad del 100%.

Paso 2

Luego voy a usar un Degradado Lineal transparente para desvanecer la parte superior de la composición. Estoy usando el color del cielo claro y rellenando un Rectángulo (M), esta vez configurado la Superposición del Modo de Fusión, Opacidad al 100%.

Paso 3

Quiero añadir una sutil textura a las colinas. Esto ayudará a dar la impresión de que hay rocas o incluso árboles en las colinas. Para hacer esto voy a usar un Cepillo de Cerdas por defecto llamado "Mop" del panel de Pinceles. Voy a utilizar la Herramienta Pincel (B) y el color del trazo del cielo claro. A continuación, establece el Modo de Fusión a Superposición y la Opacidad al 50%.

4. Crea el primer plano

Paso 1

Comencemos dibujando nuestra colina en primer plano. Voy a utilizar la Herramienta Pluma (P) y a crear una colina ondulada y luego la llenaré con un Gradiente Radial que va desde el color de colina más oscuro hasta el color del primer plano. Utiliza la Herramienta Gradiente (G) para modificar la relación y la colocación del gradiente.

Paso 2

Como esta colina está en primer plano, verías un poco más de los detalles en la textura del contorno de la silueta. Así que cuando voy a aplicar el efecto Poner Áspero, voy a mantener primero el tamaño a 2pt pero aumentaré el detalle a 60/pulg.

Paso 3

No quiero copiar la original de esta escena, así que en lugar de una persona voy a utilizar formas básicas para crear un monumento en primer plano.

Cuando pienso en los monumentos silueteados, me devuelvo a mi infancia. Cada vez que solía ir a Newcastle Upon Tyne (mi ciudad natal) en autobús, viajaba a lo largo de una de las principales carreteras de la ciudad. Podía ver en la distancia un monumento, a unos 30 kilómetros de distancia. Dado que solía vivir en una conurbación, es un poco inusual ver tal vista sobre una colina en la distancia.

Así que la inspiración para esta silueta es el Monumento Penshaw.

Paso 4

Una vez que hayas creado tu monumento, selecciona todas las formas y usa Explorador > Unir para combinarlas.

Paso 5

Luego he añadido más formas a la colina, para hacer que parezca que hay ruinas. He seleccionado las formas de la colina y el monumento y fui a Objeto > Expandir, después he utilizado Explorador > Unir nuevamente.

A continuación, utiliza la Herramienta Gradiente (G) para posicionar tu degradado.

5. Añade los toques finales

Paso 1

Ahora para los toques finales. Voy a comenzar agregando pequeñas colinas y texturas a las colinas ya establecidas.

Crea una Nueva Capa por encima de las colinas originales, pero por debajo de las superposiciones de degradado y del primer plano.

Con la Herramienta Lápiz (N), dibuja pequeñas protuberancias en el paisaje. He utilizado un relleno de luz azul a cielo claro con el uso de Degradados Lineales transparentes. A continuación, he aplicado el efecto Poner Áspero a los caminos, establecí el tamaño en 2pt y Poner Áspero 15/pulg.

Estas formas se ajustan a una Opacidad del 40%.

Paso 2

Quiero mezclar nuestras colinas más lejos en el cielo. Así que voy a usar un Gradiente Radial transparente invertido usando el color del cielo claro para llenar un Rectángulo (M). Después, voy a establecer esta forma a Superposición del Modo de Fusión, Opacidad 50%.

Y con eso, he terminado.

Impresionante trabajo, ¡listo!

Incluso si tu interés está puramente en el arte vectorial, trata de buscar fuera de tu campo habitual de inspiración en otros medios. Es completamente bueno para ser inspirado por otros, pero asegúrate de dar crédito donde se debe y si vas a crear algo tan cerca de la original, el permiso es muy recomendable.

Con esto, deseo agradecer a Felicia Simion por inspirar esta composición y por permitirme compartir su trabajo en este tutorial.