Crea un vector 100%, ilustración pictórica.

En este tutorial usaremos Adobe Illustrator para crear una ilustración dinámica con textura pictórica. Esta técnica se puede hacer usando un ratón; Sin embargo, una tableta le dará un nivel adicional de control. Cubriremos el proceso completo de pintura vectorial desde el boceto hasta la ilustración final..


Paso 1

Cree un boceto inicial para la obra de arte, lo dibujé a lápiz y lo exploré. Esta es una etapa realmente importante para obtener el equilibrio y las posturas correctas antes de la etapa de representación que consume mucho tiempo..



Paso 2

Cree un nuevo documento de Illustrator, con un tamaño de mesa de trabajo para esta ilustración a 500 x 530 mm. Copie (Comando + C, Comando + V) o Coloque (Archivo> Colocar) el boceto en el documento. En el panel Apariencia, establezca la Opacidad del boceto en alrededor del 50%. Cree una nueva capa para cada personaje con nombres identificativos, colóquelos debajo de la capa de boceto y comience a completar el trabajo de línea.

Utilice la herramienta Pincel (Comando + B) para cepillar el trabajo de línea. Utilizo una tableta Wacom, por lo que puedo hacer líneas de ancho variado que dependen de la presión del lápiz. Esto no es necesario, si está utilizando un mouse, configure algunos pinceles, más gruesos para los contornos y más delgados para detalles.

En el Panel de pinceles, haga clic en el menú desplegable y seleccione Nuevo pincel, elija Pincel caligráfico, establezca la forma y el tamaño de la punta y la variación del pincel si está utilizando una tableta. Utilicé tres cepillos: 15pt, 7pt y 3pt.

También puedes usar la herramienta Warp (Shift + R) para desplazarte por las líneas si no se ven bien..




Paso 3

Ahora para configurar el relleno de color base. Seleccione una figura y luego cópiela. Cree una nueva capa llamada Rellenar y luego Pegar en Atrás (Comando + B). Con las líneas seleccionadas, use la herramienta Live Paint Bucket Tool (K) para rellenar aproximadamente las áreas con un color base. Una vez completado, deberá Expandir el grupo Pintura en vivo y luego desagrupar (Comando + Shift G) las formas para poder editarlas individualmente. Haz una nueva capa de relleno y repite el proceso para el otro personaje.




Etapa 4

Ahora, para crear una iluminación de fondo, cree una capa de fondo y rellene la mesa de trabajo con un rectángulo, usando la herramienta Degradado (G) para rellenar la forma con un degradado radial desde el color claro hasta el negro..

Copie el rectángulo (Comando + C) y pegue en frente (Comando + F). Ahora modifique el relleno de degradado: cambie la luz a un nuevo color, mantenga oprimida la opción y arrastre la muestra para duplicar, retire la muestra negra de la línea de degradado para eliminarla.

Mueva el color duplicado al otro lado del degradado y establezca la Opacidad de la muestra en 0%, haga clic y arrastre la Herramienta de degradado en el rectángulo para colocar el nuevo degradado.



Paso 5

El personaje en tierra tiene una bola de poder resplandeciente. Para crearlo, primero agregaremos una referencia de iluminación para esto en una nueva capa. Utilice la herramienta Elipse (L), luego, en el Panel de apariencia, agregue un Efecto de efecto de pluma (Efectos> Estilizar> Pluma) de alrededor de 25 mm, cambie su modo de fusión a Pantalla y configure su Opacidad al 80%.

Desde las capas "Relleno a tierra" y "Líneas", seleccione el brazo posterior, corte (Comando + X), haga una nueva capa debajo de la bola brillante. Nómbrelo como "Arm-Behind" y pegar en Atrás (Comando + B).



Paso 6

Trabajando en un personaje por ahora, seleccione las formas de armadura de la capa de relleno, luego vaya al menú Seleccionar> Mismo> Color de relleno y copie las formas. Haz una nueva capa "tono medio", selecciona la capa y pega en frente (Comando + F). Ahora use el panel de Pathfinder para Unificar las formas, establezca Relleno en ninguno.

Utilice la herramienta Selección directa para seleccionar las formas, desde la parte inferior del Panel de herramientas y seleccione Dibujar dentro. Usa la herramienta Pincel con un color más claro para dibujar aproximadamente las áreas donde la luz incide en la figura.




Paso 7

Una vez que haya superado las áreas, agregue un Efecto de pluma a su pincel en el panel de apariencia y cepille alrededor de las formas para suavizar y agregar textura. De esta manera, algunas áreas pueden ser duras y otras difuminadas, use el color medio para extender y el color oscuro para cortar las formas..

Use la misma técnica en el Paso 6 para seleccionar las áreas mecánicas de la figura de la capa de relleno, pegar en la capa de tonos medios y agregar el color de resaltado, mantener los tonos medios mecánicos con bordes duros.



Paso 8

Cree una nueva capa debajo de la capa de Medio Tono llamada "Oscura", usando la misma técnica que la anterior para crear áreas de enmascaramiento y pincel en la sombra. Los tonos medios deben estar rodeados de sombra porque la piel del robot es metálica. Use un cepillo con un efecto de pluma aplicado al cepillar áreas oscuras en las partes mecánicas.



Paso 9

Seleccione la capa de relleno, use la herramienta Degradado para aplicar gradientes a las formas base utilizando las áreas sombreadas y las fuentes de luz como referencia. Use tanto degradados lineales como radiales dependiendo de la forma de la parte del cuerpo.



Paso 10

Crea una nueva capa llamada "Bright". Seleccione la capa de relleno y siga la técnica del Paso 6 para copiar las áreas de máscara a la capa "Brillante". Use un color casi blanco con un pincel de 15 puntos establecido en 20% de opacidad para las áreas de textura brillante, luego un cepillo de 3 puntos con un 75% de opacidad para los reflejos. Utiliza la misma técnica para las áreas mecánicas..



Paso 11

Vaya a un área en blanco y cree un patrón para usar en la armadura para esta forma. Utilicé el pincel de manchas (Shift + B) y la herramienta Warp (Shift + R). Una vez satisfecho con la forma, usé el Pathfinder para unir en una sola forma, copié la forma una vez (mantenga oprimida la tecla Mayús + Mayús y arrastre), luego duplique la transformación (Comando + D).



Paso 12

Una vez que estés satisfecho con el patrón, es hora de convertirlo en un pincel de patrón. Al principio, el patrón debe ejecutarse horizontalmente, así que gire 90 grados si es necesario.

Con su patrón seleccionado, vaya al menú del Panel de Pinceles y seleccione Nuevo Pincel. He reducido mi patrón y estoy usando la opción de ruta aproximada con 0% de espacio. Esto mantendrá el patrón del mismo tamaño y lo ajustará a la trayectoria del pincel. Experimente con la configuración para ver qué funciona mejor con el patrón que crea..



Paso 13

Desde la capa de relleno, seleccione las áreas de armadura para aplicar el patrón, haga una nueva capa de "Textura" debajo de la capa de Resaltados y pegue las formas en el Frente (Comando + F). Use la herramienta Pincel con su nuevo pincel de patrón seleccionado y use la opción Dibujar dentro de la barra de herramientas. En el panel de apariencia, establezca el modo de pincel en Superposición al 70%. Cepille las áreas a las que desea aplicar el patrón.



Paso 14

Repite estas técnicas para colorear el otro robot. He mantenido este uno más simple, ya que él es el personaje secundario y tiene menos iluminación..



Paso 15

Seleccione todas las formas en la capa Rellenar, copie y cree una nueva capa por encima de todas las demás llamadas Superposición. Pega las formas al frente. Utilice el Pathfinder para combinar las formas y rellenar con un degradado basado en el color de la iluminación. En el Panel de apariencia, establezca la forma en Overly en 75% de opacidad. Repita el proceso para el robot volador y elija el color apropiado para el gradiente..



Paso 16

Crea una nueva capa para los efectos de iluminación y las superposiciones de texturas llamada "Superposición".

Para obtener una textura muy variada, hice algunos de mis propios pinceles personalizados de Illustrator creando algunas texturas en blanco y negro en Photoshop, abriéndolas en Illustrator y usando Live Trace. Desagrupe la forma resultante y seleccione una forma de textura. Ahora en el menú del panel de pinceles, seleccione Nuevo pincel> Pincel de dispersión, experimente con la configuración del pincel para obtener una fantástica variedad de efectos de textura.

Para obtener más consejos sobre este proceso, echa un vistazo a este gran artículo de Iaroslav Lazunov: crea un paisaje de vectores mágicos con Illustrator.



Paso 17

Trabajando en la capa "Superposición" construya el orbe de poder utilizando una combinación de pinceles del menú del panel Pincel, menú Abrir arbusto> Artístico> lápiz de carbón de leña de tiza y pinceles de pincel de tinta, pruebe los pinceles Artístico y Dispersión. En el Panel de apariencia, establezca la opacidad al 70% y configure el modo de fusión en Pantalla o Luz suave. Seleccione los elementos y Grupo (Comando + G) una vez que esté contento con el resultado.



Paso 18

Ahora la mano delantera está oculta por el orbe de poder, para corregir esto, copie los elementos de la mano de las capas "Rellenar" y "Contorno", pegue la parte frontal (Comando + F) en la capa "Superposición", y use el panel Pathfinder para Combina las formas. Shift-seleccione el grupo Orb y la mano.

En el menú Panel de transparencia, seleccione Crear máscara de opacidad. Si es necesario, puede editar el objeto de máscara de forma aislada haciendo clic con la tecla Opción en el icono de máscara. Para regresar a la mesa de trabajo, seleccione la muestra en blanco en el panel Transparencia.



Paso 19

Aún trabajando en la capa "Superposición", haga un círculo para las llamaradas de luz reflejada. Ahora configure el relleno en un degradado radial utilizando el mismo color brillante para ambos extremos del degradado, comience con el color 100% de opacidad y finalice el color con 0% de opacidad. Copia y coloca el destello en cualquier punto reflectante que te guste..

Muestra los colores del personaje volador y usa el conjunto de herramientas de pincel para obtener una punta caligráfica aproximada. En el panel Apariencia, establezca la fusión en Luz suave y la Opacidad en 65%. Dibuja líneas para darle al personaje la sensación de haber sido golpeado hacia atrás..



Paso 20

Seleccione la capa "Fondo". Ahora use los mismos pinceles para delinear los caracteres y dar un aspecto más texturizado a la imagen. Establezca los pinceles en Multiplicar al 30% de opacidad en el panel de Apariencia.



Conclusión

Ahí lo tenemos, una imagen de textura pintada que es 100% vectorial. Esta técnica es excelente para la ilustración de puntos, y al ser vector, significa que sigue siendo editable para una fácil selección y cambio de color. Y es infinitamente escalable.!