Crear una escena de Hill usando gradientes en Adobe Illustrator

Lo que vas a crear

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

Fotografía de Felicia Simion.

Así que abramos Adobe Illustrator y nos preparemos para crear tu propia escena de la colina.

1. Usa Kuler para crear tu paleta

Paso 1

Voy a crear una paleta de colores directamente desde la foto. No quiero rastrear la foto, pero sí quiero usar los colores de ella en mi ilustración.

Vaya al sitio web de Adobe Kuler e inicie sesión con su ID de Adobe. Una vez que haya iniciado sesión, haga clic en el icono de la cámara para "Crear desde la imagen". 

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

Si desea obtener más información sobre el uso de Adobe Kuler, ¿por qué no echa un vistazo a este práctico screencast de Cheryl Graham sobre el uso de Kuler con Adobe Illustrator?.

Paso 2

Ahora importa tu nueva paleta de colores en Illustrator. Abre el Kuler panel yendo a Ventana> Kuler. Haga clic en el Refrescar en la parte inferior del panel y debería actualizarse para incluir su nueva paleta. 

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

2. Crea las colinas

Paso 1

Empecemos por dibujar un Rectángulo (m) para nuestro cielo / base y llenándolo con el color más claro en la paleta.. 

Paso 2

Ahora empezar a dibujar formas para los cerros. Comenzaré desde la parte superior de la composición y cada nueva colina se colocará sobre la anterior..

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

Paso 3

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

Con la forma seleccionada, vaya a Efecto> Distorsionar y transformar> Roughen. Voy a configurar el tamaño a 2 puntos y el Detalle a 15 / en.

Etapa 4

Entonces voy a llenar la colina con un Gradiente lineal que va del pálido color del cielo al azul más claro de la paleta..

Paso 5

Ahora que tengo el gradiente y el contorno texturizado establecidos, continuaré agregando más formas para completar el resto de la composición..

Paso 6

En teoría, las colinas hacia la parte inferior de la imagen estarán más cerca del espectador. Así que con eso, voy a cambiar el Poner áspero ajustes para aumentar la tamaño Del efecto a las formas hacia delante..

Comienzo cambiando la mayoría de las formas frontales para 5 puntos y luego trabajar hacia atrás y reducir la tamaño hasta que vuelva a 2 puntos, el original tamaño ajuste.

3. Refine las colinas y agregue textura

Paso 1

En la fotografía original, hay un aspecto degradado de las colinas que ayuda a mejorar el sentido de la distancia. Las colinas hacia el frente son más oscuras y las colinas en la distancia casi se mezclan con el cielo. Para lograr este efecto, voy a añadir Gradientes lineales sobre la cima de las colinas.

El primero usará el color más oscuro de la paleta, luego un azul medio y luego el cielo pálido se llenará. Lo usaré para llenar un Rectángulo (m) y configurarlo para Modo de fusión Color Burn, Opacidad 100%.

Paso 2

Entonces voy a usar un transparente Gradiente lineal para desvanecer la parte superior de la composición. Estoy usando el color del cielo claro y de nuevo llenando un Rectángulo (m), esta vez configurado para Superposición de modo de fusión, Opacidad 100%.

Paso 3

Quiero añadir una textura sutil a las colinas. Esto ayudará a dar la impresión de que hay rocas o incluso árboles en las colinas. Para ello voy a utilizar un predeterminado. Cepillo de cerdas llamado "Mop" de la Cepillos panel. Voy a usar el Herramienta Pincel (B) y el color del trazo del cielo claro. Entonces voy a configurar el Modo de fusión a Cubrir y el Opacidad a 50%.

4. Crea el primer plano

Paso 1

Así que vamos a empezar por dibujar nuestra colina en primer plano. Voy a usar el Herramienta Pluma (P) y crea una colina ondulada y luego rellénala con una Gradiente radial Pasando del color de la colina más oscura al color de primer plano. Utilizar el Herramienta de gradiente (G) Para modificar la relación y colocación del gradiente..

Paso 2

Como esta colina está en primer plano, verás un poco más de detalles en la textura del contorno de la silueta. Así que cuando voy a aplicar el Poner áspero Efecto, voy a guardar primero el tamaño a 2 puntos pero aumenta el Detalle a 60 / en.

Paso 3

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

Cuando pienso en monumentos silueteados, vuelvo a mi infancia. Cada vez que iba a Newcastle Upon Tyne (mi ciudad natal) en autobús, viajaba por una de las principales carreteras de la ciudad. Podías ver a lo lejos un monumento, a unas 30 millas de distancia. Dado que solía vivir en una conurbación, es un poco raro ver un espectáculo así en una colina en la distancia.

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

Etapa 4

Una vez que haya creado su monumento, seleccione todas sus formas y use Pionero> Unir para combinarlos.

Paso 5

Luego agregué otras formas a la colina, para que parezca que hay ruinas. He seleccionado las formas de la colina y el monumento y fui a Objeto> Expandir, entonces he usado Pionero> Unir otra vez. 

Luego usa el Herramienta de gradiente (G) posicionar su gradiente.

5. Agregue los toques finales

Paso 1

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

Crear nueva capa por encima de las colinas originales, pero por debajo de las superposiciones de degradado y el primer plano. 

Utilizando la Herramienta de lápiz (N), dibujar pequeños baches en el paisaje. He utilizado un azul claro para iluminar el cielo con el uso de transparentes. Gradientes lineales. Entonces he aplicado el Poner áspero efecto a los caminos, establecido en Tamaño 2pt y Roughen 15 / in

Estas formas se ajustan a Opacidad 40%.

Paso 2

Quiero mezclar nuestras colinas más lejos en el cielo. Así que voy a utilizar un transparente invertido. Gradiente radial usando el color del cielo claro para llenar una Rectángulo (m). Entonces voy a establecer esta forma para Superposición de modo de fusión, Opacidad 50%

Y con eso, he terminado..

Impresionante trabajo, has terminado!

Incluso si su interés es puramente en el arte vectorial, intente buscar fuera de su campo habitual de inspiración en otros medios. Está completamente bien inspirarse en los demás, pero asegúrese de dar crédito a lo que se debe y si va a crear algo tan cercano al original, se recomienda encarecidamente el permiso.. 

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