Cree un bodegón gráfico con el trazado de imagen y la herramienta Pincel de manchas

Illustrator's Blob Brush te permite crear imágenes sueltas y pintorescas que tienen todos los beneficios de los archivos vectoriales. En este tutorial, trabajaremos desde una fotografía usando Image Trace para crear una paleta de colores personalizada y delinear los valores. Usaremos colores planos y formas simplificadas para lograr el aspecto de una impresión de pantalla multicolor. Empecemos!


Paso 1

Para este tutorial, usaré una foto de archivo de Graphic River como imagen de referencia. Coloque su foto en la mesa de trabajo, luego vaya a Ventana> Seguimiento de imagen para abrir el panel de Seguimiento de imagen. Haga clic en el triángulo Avanzado si no ve las opciones adicionales.

Mantenga la foto seleccionada, luego haga clic en el ajuste preestablecido de Bajo Color en la fila de iconos en la parte superior del panel (el tercero desde la izquierda). Alternativamente, elija el preajuste de 16 colores en el menú desplegable. O elija Color en el menú desplegable Modo y Limitado en el menú desplegable Paleta.




Paso 2

Puede ajustar el número de colores si lo desea, pero manténgalo bastante bajo. Marque la casilla Ignorar blanco, ya que eventualmente elegirá su propio color de fondo. Notará que la cantidad real de colores disminuye en dos cuando ignora el blanco, así que planifique en consecuencia.




Paso 3

Una vez que se complete el seguimiento, haga clic en Expandir en la barra de control o vaya a Objeto> Seguimiento de imagen> Expandir.


Etapa 4

Ver la traza en modo Esquema (Comando + Y). Verás un camino rectangular que enmarca a los demás. Seleccione esta ruta con la Herramienta de selección directa (A), luego vaya a Seleccionar> Mismo relleno y trazo. Eliminar estos caminos.




Paso 5

Mantenga la traza seleccionada y haga clic en el icono Nuevo grupo de colores en la parte inferior del panel Muestras. Haga clic en Convertir proceso a global. Si está utilizando Live Trace en CS4 - CS5, puede omitir este paso marcando Output to Swatches en el panel de Live Trace. Esto ya no es una opción con Image Trace de CS6.



Me gusta reorganizar las muestras en el grupo de colores por color y valor. De esa manera, puedo elegir rápidamente colores que sean similares sin demasiada prueba y error. Puede hacerlo simplemente arrastrándolos a su lugar.



Paso 6

Ahora que tenemos nuestra paleta de colores, queremos convertir la traza a escala de grises para usarla como referencia para trazar manualmente con el pincel de manchas. Estas son dos razones por las que prefiero usar la escala de grises. Primero, es más fácil ver los valores de las formas. Cuando solo estás mirando luz y oscuridad, puedes hacer un mejor juicio sobre qué colores usar para obtener sombras y luces. En segundo lugar, es muy difícil hacer un seguimiento de dónde has rastreado cuando el color que estás usando es el mismo que el que está debajo..

Así que seleccione la traza expandida y vaya a Editar> Editar color> Convertir a escala de grises.


Puede que se esté preguntando, ¿por qué no solo hacer una traza en escala de grises? Si está utilizando Live Trace en CS4 - CS5, esa es definitivamente una opción. Simplemente haga una copia de su traza antes de expandirla, luego cambie la configuración en esa escala a escala de grises, con el mismo número de colores. Image Trace en CS6 parece tener un error cuando se trata de especificar el número de colores en una traza en escala de grises. En la imagen de abajo, puedes ver que he especificado un máximo de 20 grises, pero el resultado del rastreo muestra 168!




Paso 7

El último paso para preparar la imagen de origen es colocarla en una capa de plantilla. Pero el puño, debe ser rasterizado. Mantenga los objetos en escala de grises seleccionados y vaya a Objeto> Rasterizar. Puede elegir 72 ppp como la resolución, esto solo se utilizará como referencia.

La razón por la que necesitamos un objeto ráster en la capa de plantilla es debido a las propiedades especiales de una capa de plantilla. Como verá, cuando trabaje con objetos vectoriales en su propia capa, puede cambiar al modo Esquema y seguir viendo la imagen en la capa de plantilla..



Haga doble clic en la capa en el panel Capas y haga clic en Plantilla. Aquí también puede cambiar el nombre y el color de la capa. Por defecto, las capas de plantilla están bloqueadas. Mantenlo bloqueado, luego crea una nueva capa encima de ella.



Paso 8

Ahora estamos listos para pintar con el Blob Brush. La interfaz en CS6 es ligeramente diferente, pero la funcionalidad no ha cambiado. Las siguientes opciones son las mismas en las versiones CS4 y CS5. Si ya está familiarizado con el pincel de manchas, vaya al Paso 11.

Haga doble clic en la herramienta Pincel de manchas para abrir sus opciones. Solo veremos la sección inferior por ahora, donde puede ajustar el tamaño, el ángulo y la redondez. Por encima de esos ajustes hay una representación visual del pincel y su rango de tamaño. Entonces, en este ejemplo, el tamaño del pincel se establece en 12 puntos, con una variación de 10 puntos. Por lo tanto, el tamaño del trazo puede ser 2 puntos, 22 puntos, o cualquier cosa en el medio. Del mismo modo, la redondez se establece en 60%, con una variación de 40%, lo que significa que puede ir del 20% al 100%..

La lista emergente a la derecha de cada opción le permite controlar aún más las variaciones en el pincel. Tenga en cuenta que estas variaciones solo funcionan cuando se utiliza una tableta gráfica, ya que un mouse no responde a cosas como la presión y la inclinación.


Estas opciones son:

  • Fijo - Sin variación en ángulo, redondez o diámetro.
  • Aleatorio - Variaciones aleatorias en ángulo, redondez o diámetro..
  • Presión - La variación se basa en la presión cuando se usa una tableta y un lápiz. Una presión mayor produce un golpe más grueso, y una presión más ligera da como resultado un golpe más delgado y más angular.
  • Rueda de stylus - Algunas plumas de aerógrafo tienen una rueda de lápiz en sus barriles. Para eso está esta opción..
  • Inclinación, rodamiento y rotación - Estos están disponibles solo si tiene un lápiz gráfico que puede detectar estos tipos de movimiento, como el Wacom 6D.

Paso 9

Sienta la pincelada pintando algunos trazos. Echa un vistazo al panel de color. Dado que el pincel para manchas es técnicamente un pincel, cualquier color de trazo que haya seleccionado será el color que use el pincel. Digamos que estás usando un trazo rojo y un relleno azul. Cuando pinta con el pincel de manchas, se producirá un trazo rojo, pero este "trazo" es en realidad un objeto lleno. Si solo tiene un color de relleno seleccionado en el panel Color, Blob Brush utilizará ese.


Pinte otro trazo que se superponga con el primero, y verá que el nuevo trazo se fusiona con el primero. En efecto, Illustrator está ejecutando una función de buscador de caminos mientras dibuja, siempre y cuando todavía esté usando el mismo color de trazo que antes. Intente pintar con otro color, incluso uno que sea ligeramente diferente, y verá que las formas no se fusionan..




Paso 10

Abra de nuevo las opciones de la herramienta Pincel de manchas haciendo doble clic en la herramienta. Eche un vistazo a la mitad superior del cuadro de diálogo. En Tolerancias, puede ajustar la Fidelidad (la forma en que el pincel se ajusta al movimiento del mouse o la pluma) y la suavidad. Los valores más bajos crearán rutas más estrechas con más puntos, los valores más altos darán como resultado objetos más sueltos y suaves.


Si marca la casilla "Mantener seleccionado", eso es exactamente lo que hará. Dependiendo de su flujo de trabajo y de sus preferencias personales, es posible que desee que el último trazo que dibuje permanezca seleccionado. Por ejemplo, si mantiene presionada la tecla Opción (PC: Alt), el Pincel de manchas cambia temporalmente a la herramienta Suavizar.

Mantener el camino seleccionado acelerará el proceso de dibujo y luego el suavizado. También puede mantener presionada la tecla Comando (PC: Control) para cambiar temporalmente a las herramientas de Selección y mover o ajustar las rutas desde allí.


Si elige "Combinar solo con selección", cualquier nuevo trazo que dibuje se fusionará solamente con un camino que está seleccionado. La excepción a esta regla es si la fusión interferiría con el orden de apilamiento de los objetos..



Si marca ambas casillas, obtiene ambos comportamientos. NOTA: "Combinar solo con selección" en CS5 se llama "Combinación de límites de selección" en CS4. Las funciones para cada uno son las mismas..


Paso 11

Comienza a pintar el pimiento más frontal usando un rojo brillante. Pintar alrededor de los bordes de la forma de pimiento. Esto dará como resultado un camino hueco y compuesto. Ahora puede seleccionar la ruta interna con la herramienta Selección directa y eliminarla. También puedes simplemente rellenar el centro con el pincel de manchas, pero creo que esto es un poco más rápido.




Paso 12

Para las partes más oscuras de la pimienta, siga los contornos de la foto de referencia y píntelos en la parte superior de la forma de la pimienta principal. Haga que los bordes exteriores de las formas se superpongan, luego elimine el exceso con la herramienta Creador de formas. Para eliminar una sección superpuesta, mantenga presionada la tecla Opción / Alt mientras arrastra sobre ella con la herramienta.



Paso 13

Para una mayor armonía de color, use el mismo color que la forma de pimienta principal para los valores más oscuros. Cambia el modo de fusión a Multiplicar y ajusta la opacidad si lo deseas.



Paso 14

Para los aspectos más destacados, use un rojo más claro del grupo de colores. Dado que estos son colores globales, también puede ajustar el tinte de los resaltes si lo desea.



Paso 15

Dibuja el tallo de la misma manera, usando verdes en lugar de rojos, por supuesto. Crea una nueva capa debajo de la primera capa de pimiento y pinta el chile a la derecha. Presta atención a la sombra proyectada sobre este pimiento por el primero. Usa el swatch rojo más oscuro y el modo de fusión Multiplicar.




Paso 16

Crea una nueva capa para el chile medio. No es necesario tener una capa separada para cada pieza de la naturaleza muerta, pero me parece que ayuda a aislar cada parte, lo que facilita su trabajo en ellas..


Pinta el tercer chile de la misma manera. Si ve la ilustración en el modo Esquema, puede comparar su pintura con la imagen de origen.



Paso 17

Dependiendo de su configuración en las opciones de la herramienta Pincel de manchas, puede encontrar que sus caminos tienen demasiados puntos. Puede suavizarlos manteniendo presionada la tecla Opción / Alt mientras usa el Pincel para manchas, que cambiará temporalmente a la herramienta Suavizar.


También puede ir a Objeto> Ruta> Simplificar. Establezca un porcentaje bastante alto en el campo Precisión de curva, que mantendrá la forma general, pero elimine algunos de los puntos adicionales.



Paso 18

Continúa construyendo la ilustración pieza por pieza. Trabajar rápidamente con el pincel para manchas le dará un aspecto más holgado que se puede limpiar rápidamente con la herramienta Shape Builder y la función Simplificar. De hecho, es una buena idea crear una Acción para su configuración de Simplificar y asignarle una tecla de acceso rápido. Luego puedes pintar un trazo y luego limpiarlo con solo presionar un botón.

Mantenga los colores consistentes usando los modos de fusión y la transparencia. Compruebe los valores (no los tonos) con la traza en escala de grises. Se sorprenderá de cómo algunas formas abstractas se unirán como un pimiento u hoja, una vez que se les apliquen los valores y los colores..


A continuación se muestran algunas tomas de proceso de los pimientos y la olla:







Paso 19

Las hojas se construyen de la misma manera que los pimientos. El hecho de que esté trabajando con una fotografía, no significa que tenga que dibujar cada hoja, tallo y vena. Se juicioso Sin embargo, una buena regla general es que los objetos más detallados llamarán la atención sobre sí mismos, así que use más detalles en las hojas al frente y mantenga las de atrás más simples..

Además de usar el modo Multiplicar para áreas más oscuras, intente usar el modo Pantalla para áreas más claras. Como antes, esto asegurará la consistencia del color y mejorará el aspecto de la impresión de pantalla.

A continuación se muestran algunos ejemplos de cómo construir las hojas..





Paso 20

Para los tallos, crea una nueva capa debajo de las hojas. Trabaja rápidamente, agregando manchas más oscuras donde caen las sombras.





Paso 21

Elija un color de fondo. Es divertido probar diferentes colores usando el panel de la Guía de colores. Seleccione una muestra en el panel Muestras, luego podrá ver muchas combinaciones de colores basadas en esa muestra..


Dibuja la sombra con el mismo color, cambiando su modo de fusión a Multiplicar. Como es una ilustración vectorial, por supuesto, puede cambiar los colores al contenido de su corazón..




Conclusión

Live Trace / Image Trace son herramientas impresionantes, pero una traza inalterada rara vez es satisfactoria como resultado final. Puede parecer mucho trabajo crear una imagen como esta a mano, pero el resultado es más orgánico en apariencia. Y pasar un tiempo por adelantado para configurar y organizar su archivo hará que el resto del trabajo sea muy fácil.