Crea un paisaje de vectores mágicos usando Illustrator

Lo que vas a crear
Este tutorial se publicó originalmente en octubre de 2011 como tutorial de Tuts + Premium. Ahora está disponible de forma gratuita para ver. Aunque este tutorial no utiliza la última versión de Adobe Illustrator, sus técnicas y procesos siguen siendo relevantes.

Hoy tienes una gran oportunidad de aprender los secretos de crear una ilustración real. Esta obra pertenece a la serie de ilustraciones llamada "Hanami", que participará en el concurso de ilustración para un libro para niños. Este tutorial será útil para todos los fanáticos de los vectores, desde principiantes hasta profesionales..

"Hanami" es japonés para "festival de disfrutar de los cerezos en flor". La serie "Hanami" ha sido creada por Catherine Dedova (gran artista de vectores). En este tutorial, ella compartirá los secretos de sus habilidades con nosotros..

¡Inspírate! Encuentra más gráficos vectoriales para tus ilustraciones en Envato Market.


1. Cómo preparar la ilustración

Paso 1

Para establecer el estado de ánimo para futuros trabajos, estoy creando un boceto en color. Puedes hacer esto en cualquier editor raster. Uso Photoshop y la tableta gráfica Wacom para estos fines. Puedes usar cualquier pincel, normalmente uso un pincel estándar con bordes suaves. Es fácil mezclar colores con este tipo de pincel, ya que es semitransparente en los bordes.

Un editor de trama nos permite tener control ilimitado sobre la luz y el color. Por ejemplo, para un boceto que ya está hecho, puede aplicar un filtro, cambiar el balance de colores en las sombras, aumentar o disminuir el brillo y el contraste, etc..

En este trabajo, estaba usando un pincel de textura hecho de un conjunto estándar de pinceles, simplemente porque me estaba ayudando a prepararme psicológicamente y transmitir el estado de ánimo necesario. Mientras trabajaba en Adobe Illustrator, miraba el boceto a color y seguía diciendo: "Quiero el mismo sentimiento del trabajo terminado"..


Ahora solo puedo elegir un color con una Herramienta cuentagotas de ojo (I). Por lo tanto, voy a dibujar en un orden aleatorio más adelante. Pego el boceto a color en una capa separada de Adobe Illustrator, y lo bloqueo.


Paso 2

Muy a menudo en el proceso de trabajo tengo que tomar el color con el Herramienta cuentagotas de ojo (I) desde cierto punto. Y en este punto, a menudo ya es un montón de objetos con efectos de trama. Para no ajustar el Herramienta para gotero (I) En el proceso de trabajo, pego una imagen rasterizada totalmente blanca en el área de trabajo del documento y la coloco sobre todos los objetos..


Ahora necesitas configurar el Multiplicar el modo de fusión para este objeto.


Si desactiva la visibilidad del objeto en el Capas paleta, la Herramienta cuentagotas Elegiremos las propiedades del objeto y, si activa la visibilidad, solo podrá elegir el color de cualquier punto de la imagen..


2. Cómo crear pinceles de textura en Photoshop

Paso 1

Me gustaría lograr un efecto de pintura en mi obra, por eso usaré pinceles de textura. Vamos a ver cómo hacerlos. Crear un nuevo archivo en Photoshop (Archivo> Nuevo). Puede crear pinceles directamente en la capa de fondo. Tomar el Pincel y abre el Cepillo panel.


Ahora abre el Gerente actual ventana y descargar el Cepillos de medios secos.


Elegir la Cepillo de tiza # 36 o cualquier otro que te guste y haz clic en "HechoBotón "en la ventana de diálogo.



Paso 2

Ahora configura el pincel seleccionado. Selecciona el Espaciado parámetro igual a 50%.


Dinámica de la forma de garrapata y mover el Ángulo de jitter Control deslizante para que la forma original del pincel gire alrededor de su eje..


Dispersión de garrapatas y Transferir opciones Conjunto Jitter de opacidad aparte de cero en el Transferir ajustes.


En este caso, el pincel será heterogéneo. Ahora crea una forma arbitraria con este pincel..



Paso 3

Supongo que entiendes el principio de crear un pincel, ahora solo estás limitado por tu imaginación. Cree otro pincel y agregue algunos trazos blancos a la forma creada, luego agregue el sombreado con un pincel redondo estándar 2-3 píxeles en tamaño. Para aumentar el contraste, vaya a Imagen> Ajustes> Brillo / Contraste?


El contraste debe aumentarse, ya que todas las áreas grises desaparecerán después del rastreo en Adobe Illustrator. Preste atención a la "silueta" de las formas creadas: las formas con un borde irregular y complejo serán más fáciles de lograr para lograr el efecto deseado. Aquí hay algunos ejemplos de tales formas..


Guarda el archivo con las formas en JPG formato.


3. Cómo empezar a trabajar en Adobe Illustrator

Paso 1

Pegue la imagen rasterizada con texturas en el área de trabajo de Adobe Illustrator (Archivo> Lugar). Mantenga la imagen seleccionada, vaya a Objeto> Seguimiento en vivo> Opciones de seguimiento. Trate de encontrar tales valores de los parámetros de la Límite, Camino Adecuado y Mínimo Zona, Lo más cerca posible para preservar el contorno de nuestras formas. garrapata Ignorar blanco y haga clic en el Rastro botón en la ventana de diálogo.



Paso 2

Ir Objeto> Expandir. Desagrupar todos los objetos y Grupo Vuelven a subir de acuerdo a las formas a las que pertenecen..


A continuación se muestran ejemplos de pinceles de textura después del trazado..


Los pinceles resultantes se pueden combinar en varias combinaciones: agregar transparencia y degradados, se superponen entre sí. Es muy fácil obtener efectos de pintura o imitación de cosas tradicionales en Photoshop, será más difícil en Adobe Illustrator..

Estoy creando los objetos duplicando formas, combinándolos manualmente. Por supuesto, podríamos haber creado y configurado un Cepillo de dispersión, Pero en mi opinión, el resultado en este caso sería impredecible..

4. Cómo crear los árboles


Paso 1

Eche un vistazo al trabajo con pinceles de textura en el ejemplo con un árbol en el fondo de la composición.


Tomar el Herramienta Pluma (P) y crear la forma del tronco y las ramas del árbol., Llenar la forma con un Gradiente lineal de dos tonos de marrón.



Paso 2

Ahora con la ayuda de la Herramienta Pluma (P) Crea la forma de la sombra en el tronco del árbol..


La forma que va más allá de los contornos del tronco se puede eliminar con el Herramienta de construcción de forma o el botón Intersec de la Pionero panel.


Estoy creando pequeños objetos en el baúl usando el Herramienta de lápiz (N). Con el fin de dibujar rapidamente, Haga doble clic en el icono de la herramienta, apague la Mantener seleccionado opción y encender el Rellenar nuevos trazos de lápiz en el cuadro de diálogo.


Estoy usando esta técnica para cualquier objeto pequeño. Puede ser hojas, hierba, etc..


Paso 3

Creando tronco de árbol, primero creo una sombra. Crear una forma de V y Llenar con ellos Gradientes lineales de colores oscuros. Un degradado lineal tiene dos colores idénticos., Transparencia de uno de los controles deslizantes es igual a 0%.




Etapa 4

Ahora agregue pinceles de textura, y también Llenar con gradientes similares.



Use pinceles de textura de diferentes formas, rellénelos con un color sólido, establezca diferentes transparencias para algunos de ellos.




Paso 5

Luego, gradualmente, estoy creando las partes iluminadas de la corona, utilizando la misma técnica, pero tonos de color más claros..



Para crear una forma de corona también estoy usando elipsis con semitransparente Gradientes radiales.


Estoy creando parte de la corona usando el Herramienta Pluma (P) y aplicar degradados semitransparentes a la forma o usando Máscara de opacidad.



Paso 6

Finalmente, usando el Herramienta de lápiz (N), Creo hojas separadas y ramitas pequeñas. Puedes leer acerca de la configuración de la Herramienta de lápiz (N) en pasos anteriores.



Para crear puntos de luz, también puede utilizar un efecto ráster. Pluma (Efecto> Estilizar> Pluma), combinándolo con la transparencia de todo el objeto..



5. Cómo agregar brillo y más hojas

Paso 1

Ahora veamos cómo crear un resplandor. El halo ligero alrededor de los objetos tiene un efecto muy revitalizante en la obra de arte. Imito el brillo a través de los óvalos de color amarillo claro transparente con la opacidad radial y establezco el Modo de fusión de superposición para ellos en el Transparencia panel.

A veces uso Pluma Efecto sobre los objetos de formas arbitrarias. Recuerde que el desenfoque del contorno depende de la cantidad de píxeles y, por lo tanto, del tamaño de su imagen. Selecciona el Resolución para efectos de trama igual a 300 dpi (Efecto> Efecto ráster de documento> Configuración).






Paso 2

Para crear flores del árbol de Sakura en primer plano, estoy creando algunas elipses usando el Herramienta Elipse (L). Luego los combino con la ayuda de Unir desde el Pionero panel y Llenar con simple Gradientes lineales.


Añadir pinceles de textura.


Ahora, usando el Herramienta de lápiz (N) añada hojas y haga unos cuantos golpes, luego aplique el Pluma efecto.




6. Cómo crear las montañas y las plantas

Paso 1

Tienes que entender la secuencia de creación de los elementos de la composición. Lo escribiré de nuevo

  1. Crear formas de objetos.
  2. Crear sombras de formas.
  3. Crea las formas de la luz y la penumbra..
  4. Utilizar pinceles de textura.
  5. Crea trazos ligeros, luego aplica el efecto Feather.

Esa fue la secuencia que usé para crear montañas..










Paso 2

Creé una cascada en el mismo orden. Para imitar chorros de agua, apliqué. Desenfoque radial (Efecto> Desenfoque> Desenfoque radial) a algunos frotis verticales.




Paso 3

Ahora aprendamos a crear plantas..


Es muy conveniente crear helechos y tallos de plantas con la ayuda de Pinceles de arte. Solo uso dos tipos de cepillos, pero los de uso múltiple. Crea un triángulo alargado y una elipse. Crear un Pincel de arte de cada una de las formas, guardándolas en el Cepillos panel.


Ahora podemos crear una planta con la ayuda de líneas simples..



Etapa 4

Estos pinceles son útiles para crear la forma compleja de la hoja de helecho. Con la ayuda del Herramienta Pluma (P) crear la forma de la hoja.


Ahora, usando un triangular Pincel de arte, Crea curvas en lugares de cortes sobre la hoja..



Paso 5

Selecciona todas las curvas y ve a Objeto> Expandir Apariencia.


Seleccione la forma de una hoja y todas las formas superiores rojas, luego haga clic en Frente menos botón de la Pionero panel.


Con el Herramienta Pluma (P) Crea una línea que dividirá la hoja en dos mitades..


Seleccione la hoja y la línea, luego haga clic en el Dividir botón de la Pionero panel.


Ahora solo necesitamos rellenar las mitades de la hoja con diferentes gradientes de tonos verdes..


Con estas sencillas técnicas podrás crear todas las plantas de nuestra composición..


Conclusión

Usando la técnica de nuestra preparación de bocetos a color, puede crear ilustraciones en cualquier secuencia. Hablando en sentido figurado, puedes comenzar con una gaviota en la ventana y terminar con el personaje principal. Ese es el encanto principal del boceto terminado: ya existe una solución, solo necesita ser transformada cuidadosamente en vector!

Pero algunas cosas son mejor dibujadas por el principio "de lo general a lo específico". Eso significa que primero creas la silueta de un árbol con ramas, luego luz y sombra, etc., creas una imagen de la corteza al final. Si empezamos a crear la corteza primero, entonces las formas más grandes tienen que moverse hacia abajo.

Y la mitad del tiempo lo pasaremos localizando los objetos. Por lo tanto, para no aumentar la cantidad de trabajo, es mejor crear objetos en la secuencia correcta.

En este caso es más fácil corregir errores. Además, las capas deben mantenerse en orden, especialmente si su obra de arte tiene muchos objetos. Dibuje un árbol, luego combine todos los objetos relacionados con él en una capa y bloquéelo.

Espero que hayas disfrutado este tutorial y hayas encontrado algo nuevo y útil en él. Buena suerte!


Zzanthia en la web

  • Deviantart.com
  • Behance.net