Cómo crear una ilustración vectorial pintada con pinceles personalizados

Hoy aprenderemos a crear ilustraciones vectoriales dinámicas con Adobe Illustrator CS5. Este tutorial se centrará en muchos aspectos del renderizado de ropa, iluminación avanzada y creación de pinceles únicos que te ayudarán en tus futuros proyectos de desarrollo de personajes..

Introducción

Este tutorial seguirá el proceso que he usado para colorear un bosquejo dinámico de caracteres. Le animo a seguir sus propios bocetos y adaptar los pasos para que se ajusten a los elementos que está dibujando. Al final de este tutorial, habrá aprendido nuevas técnicas nuevas que puede aplicar y adaptar a su propio estilo creativo. Vamos a empezar!


Paso 1

Primero comencé a hacer mis formas de pincel. Normalmente variaré las formas dependiendo de qué tipo de línea necesitaré.
Lo importante a entender aquí es asegurarse de que sus pinceles sean lo más básicos posible (estos pinceles se usarán principalmente para entintar).



Paso 2

Vamos a pasar a la creación de nuestros pinceles. Las opciones de mi escala de pincel (1) están ajustadas para ajustarse a la longitud del trazo, y mi método de colorización (2) es tintes. Configurar las opciones de pincel a los tonos me permitirá cambiar el color de mi trazo.



Paso 3

Ahora comencé a colorear algunos de los detalles básicos de la cara y el cabello. Todavía no estoy preocupado por el color porque cambiaré los colores según las agrupaciones. Solo asegúrese de que cuando cree una agrupación (los ojos y los dientes sean del mismo color) esté seguro de que esas agrupaciones tienen sentido.



Etapa 4

Ahora comenzaré a crear los auriculares para el boceto de mi personaje utilizando la herramienta Elipse (L). Dibujaré dos óvalos uno dentro del otro..



Paso 5

Ahora coloco el auricular según lo dicte el boceto..



Paso 6

A continuación, dibujaré un óvalo más pequeño para dar más profundidad al auricular..



Paso 7

A continuación arrastré una nueva copia (Ctrl + Alt + Arrastrar) al otro lado del personaje.



Paso 8

Coge la herramienta Reflect Tool (O) y Shift + arrastra el auricular para invertir su posición.



Paso 9

Coloco el segundo auricular en su posición correcta (1). A continuación, selecciono Seleccionar> Mismo> Color de relleno para seleccionar el color rosa (el objeto de la camisa).



Paso 10

Cambio la camisa y las líneas a gris claro..



Paso 11

Ahora tenemos el color correcto para la camiseta. Agrupar colores de esta manera te ayudará a mantener tus colores en orden y hacer que
Es más fácil crear ilustraciones complejas..



Paso 12

Utilicé los pasos anteriores para cambiar el resto de los colores del personaje. Quería mantener el enfoque del personaje en la mitad superior de su cuerpo, así que me aseguré de que el rojo fuera dominante y solo en ciertos lugares.



Paso 13

Ahora selecciono todo el personaje..



Paso 14

En el diálogo de volver a colorear la ilustración (Ventana> Guía de color y luego en la pestaña de menú en la parte superior, vaya a Volver a colorear la ilustración), oscurezco los colores de todo el personaje arrastrando el control deslizante de brillo (1) hacia la izquierda. Asegúrese de que la cadena de enlace esté seleccionada (2) para que todos los colores estén incluidos.



Paso 15

A continuación, selecciono todo el carácter y arrastro para hacer una copia (Ctrl + Alt + Arrastrar).



Paso 16

Cambia todo el caracter al blanco sólido..



Paso 17

Establezca el carácter blanco sólido en el modo de color de Superposición y colóquelo directamente sobre el carácter de color completo.



Paso 18

Ahora cree una máscara de opacidad (1) con la opción de recorte seleccionada (2). (Vaya al menú desplegable en el Panel de transparencia y seleccione - Hacer máscara de opacidad)



Paso 19

Dentro de la máscara de opacidad (asegúrese de que el icono de máscara esté seleccionado en el panel de transparencia): observe la barra de estado (1) que le permite saber que está trabajando en una máscara de opacidad. Tome la herramienta de pincel y en un movimiento circular comience a agregar algún valor con un degradado lineal (2).



Paso 20

Ahora agrego más puntos de luz básicos al personaje..



Paso 21

Agrego más capas de valor utilizando una configuración de opacidad más baja (1).



Paso 22

A continuación, trabajo en la creación de la base para representar las arrugas. Continúo construyendo la iluminación teniendo en cuenta los patrones de arrugas..



Paso 23

Agregué más resaltados a la cara de los personajes en las direcciones y ritmos anotados por las flechas naranjas. También empecé a desarrollar los ojos..



Paso 24

A continuación terminé los ojos y amplié el diseño de las arrugas..



Paso 25

A continuación comencé a añadir algunos toques de luz al cabello. Teniendo en cuenta que su cabello es de una persona afroamericana, entonces lo texturizo en consecuencia.



Paso 26

Luego tomo mi superposición de máscara de opacidad y le doy un relleno de degradado. Esto le da al personaje una buena iluminación equilibrada (esto funciona mejor con colores complementarios).



Paso 27

A continuación, comienzo a "POP" las luces alrededor de la cara y los hombros (note la dirección dada por las flechas).



Paso 28

A continuación aplico más iluminación al lado de los personajes del cabello y la cara. Las flechas anaranjadas muestran la dirección de las pinceladas y la dirección de iluminación..



Paso 29

Aquí tenemos la iluminación completa..



Paso 30

Importé algunas flechas vectoriales que creé en Google SketchUp..



Paso 31

Luego hago pinceles con cada uno (pinceles incluidos en el archivo). Con la Opción de escala de pincel (1) configurada como Estirar para ajustar y Colorización (2) configurada como Tintes y sombras.



Paso 32

A continuación, uso pinceles y tamaños de flechas variables para crear una composición similar al boceto al que se hace referencia.



Paso 33

A continuación, cambio las flechas a un color naranja más oscuro y aplico un degradado lineal establecido en la pantalla para todas las flechas.



Paso 34

Ahora agrego líneas a las flechas para darles una sensación de forma. Uso el modo de superposición para dar a las líneas y al efecto de superposición.



Paso 35

Metí algunas barras negras que se colocaron detrás de las flechas para dar un efecto a las flechas que salen de la caja..



Imagen final

Y ahí lo tenemos. Ilustración de vector de estilo pintado. Juegue con las técnicas que he descrito en este tutorial y vea qué puede hacer. Espero que hayas disfrutado este tut.