Cómo crear una imagen vectorial elegante a partir de una referencia fotográfica

Este tutorial le mostrará cómo crear una imagen vectorial ilustrada profesionalmente a partir de una referencia fotográfica. Le mostraré un flujo de trabajo fácil de seguir, que incluye seleccionar una imagen adecuada y configurar documentos. Con una comprensión básica de la herramienta Pluma, la herramienta Cuentagotas y la Paleta de Pathfinder, puede crear una imagen vectorial estilizada que seguro sorprenderá a sus clientes o amigos.


Paso 1 - Selección de imagen

Puedes hacer imágenes vectoriales de personas de muchas maneras diferentes, pero me gusta usar una imagen como base. De esta manera lo mantienes realista. Así que ahí vamos, puedes buscar una imagen en línea o hacerla tú mismo. Para este tutorial puedes usar la misma imagen que yo. Si está utilizando una de sus propias imágenes, siempre tenga en cuenta estos dos puntos:

  • Tamaño de la imagen: cuanto más grande, mejor! Es difícil trabajar con una imagen con dimensiones establecidas en 200 píxeles de ancho.
  • Contraste: necesita tener suficiente contraste para trabajar con, cuando la imagen es para plano no puedes elegir los detalles.

La imagen utilizada en este tutorial es lo suficientemente grande y tiene mucho contraste. Hay mucho desorden en el suelo, pero podemos omitir esos detalles. Cuando comencé con esta imagen agregué más contraste con photoshop, esto es algo que puedes hacer cuando no estás seguro de la cantidad de contraste. La imagen de abajo es de un amigo mío..
Dale una visita a su portafolio: Roy Hoes.



Paso 2 - Configuración de archivos

Mientras trabajo con el ilustrador, siempre me gusta tener una vista clara de mis capas. Por lo tanto, siempre uso la misma configuración en mi paleta de capas. Coloco la imagen que usaré y cualquier otra referencia que pueda necesitar en la capa inferior. Esta capa debe estar bloqueada en todo momento. No querrás meterte en problemas más tarde..

Apilo todas mis otras capas encima. Me gusta nombrar mis capas, como se puede ver en la imagen de abajo. Es más fácil cuando quieres cambiar una pequeña parte más adelante. Dale a tus capas nombres cortos y claros para un flujo de trabajo rápido.



Paso 3 - Enfoque de la imagen

Con este tipo de imágenes, las cosas pueden ponerse más llenas cuando entras en detalles sobre todo. Especialmente con esta imagen, toda la basura en el suelo. Teniendo esto en cuenta, debes elegir los objetos en los que quieres que se centre el espectador. En mi caso me elegí como punto focal. Para mantener la imagen interesante, también le di algunos detalles a las botellas de tinta en el suelo..



Paso 4 - a mi manera

Al crear ilustraciones vectoriales como esta, tiendo a usar solo tres herramientas: la herramienta Pluma, la herramienta Cuentagotas y la paleta de buscador de caminos. Puede crear casi cualquier cosa que se le ocurra cuando combina el uso de estas tres herramientas. En la siguiente parte del tutorial, lo guiaré a través de las diferentes partes de la imagen..

Cuando creo una imagen en un estilo como este, nunca uso la función de trazo. La función de golpe no da suficiente control cuando se trata del grosor de la línea. Le recomiendo que dibuje sus perfiles, lo que le da más control, en lugar de usar un pincel. La desventaja de usar este método es que lleva más tiempo. De cualquier manera usted podría crear resultados profesionales, aunque este es mi método preferido.

Cada vez que dejo de trabajar con una capa, la bloqueo, solo para asegurarme de no estropear mi configuración. A continuación puede ver un ejemplo de cómo debe crear una ruta. A la izquierda utilicé un trazo, esto es incorrecto (al menos incorrecto para los fines de este tutorial y flujo de trabajo). En el lado derecho, ves cómo hago un camino de la manera correcta, como una forma rellena..



Paso 5 - Esquema de la cara

Me gusta empezar por el contorno de la cara. Siempre es un buen punto de referencia sobre cómo se verá la imagen total. Si no se ve bien, generalmente comienzo de nuevo o trabajo en otra cosa. La mayoría de las veces es también una de las partes más difíciles de una imagen. Es mejor completar las partes difíciles primero!

Al trazar el contorno de la cara (mejilla, línea de la mandíbula y oreja) es fácil ver dónde están los bordes, pero cuando se traza la nariz y los labios se vuelve más difícil. El sentimiento correcto es muy importante, no desea una imagen correcta que no se sienta bien, así que recuerde que se va por un sentimiento ilustrado. Practica esto unas cuantas veces y lo sentirás..

Comience con hacer una nueva capa sobre la capa de referencia bloqueada, llámela "esquema". Traza la forma principal de la cabeza, el cabello y algunos detalles. Mantenga la cantidad de detalles relativamente bajo para el resultado que estamos trabajando para lograr.



Paso 6 - Colores

Elegir colores siempre es difícil para mí, por lo general implica mucho ensayo y error. Una vez más, el sentimiento es todo lo que cuenta. Trate de mantener la cantidad de colores al mínimo. En este ejemplo, utilicé cuatro colores para la piel: un color base, un color de resaltado y dos colores para las sombras. Puede usar uno más o menos, pero tenga en cuenta el estilo con el que desea terminar. El número de colores para cada área es igual al número de tonos para esa área de la ilustración.

Haz una nueva capa debajo de la capa "contorno". Llama a esta capa algo así como "Piel". Crea un nuevo camino con la herramienta Pluma y dale el color deseado. Asegúrese de permanecer debajo de los bordes negros delineados con sus trayectorias tonales; vea a continuación los ejemplos de cómo construir el tono con formas superpuestas.



Paso 7 - Más contornos

Después de que haya puesto la cara como me gusta (grosor del contorno, cantidad de detalles y colores), comienzo a delinear el resto de la imagen. Es bastante sencillo, use la herramienta Pluma y decida dónde quiere que esté el contorno. Siempre es bueno jugar con el grosor del contorno. Me gusta hacer que las líneas de pequeños detalles sean más delgadas que el contorno de la forma general, solo le da un poco más de enfoque al sujeto..

¡No olvides cambiar la capa y bloquear la otra! Al delinear, tenga en cuenta en qué parte de la imagen desea enfocar y no profundice en los detalles. Solo mantente dentro del mismo estilo que la cara, como se muestra a continuación..



Paso 8 - Colorea el resto de la piel.

Los esquemas están hechos, yay! Ya estás viendo una bonita imagen. Es hora de darle un poco de tono al resto de la piel. Usa los mismos colores que con la cara. En la mayoría de los casos, el mismo esquema de colores será bueno, a veces me gusta traer un color más claro o más oscuro para diferentes áreas. Por ejemplo, cuando la cara está en el sol y los brazos están en la sombra.

A veces es difícil ver dónde está borde del camino debe ser, asegúrese de ocultar / mostrar mucho su capa de piel, lo que ayudará a determinar esto. También es útil hacer primero la forma más pequeña y luego colocar una forma más grande debajo, de esta manera tendrá una vista clara mientras crea la forma más pequeña.



Paso 9 - Colorea la ropa

Una técnica de uso frecuente, es seleccionar colores que no están en la imagen original. Por ejemplo, no recreé los colores de la camisa, solo la hice azul, lo que simplifica la camisa y ahorra tiempo. De nuevo, solo unos pocos colores para cada parte: un color base, un color de resaltado y un color de sombra.

Haz una nueva capa y llámala "ropa". Colóquelo debajo de la capa de contorno, realmente no importa si está arriba o debajo de la capa "Piel". Use el mismo método descrito en el Paso 6 para llenar las partes en blanco de la ropa.



Paso 10 - Colorea los extras

Cuando estoy satisfecho con el tema principal de la imagen, comienzo a trabajar en los pequeños detalles adicionales, como el pincel y las botellas de tinta. Estos no deberían atraer demasiada atención, así que mantengo la saturación baja. Solo utilicé un color base en los tinteros y en el pincel añadí un color de resaltado.

No dediques demasiado tiempo a estos pequeños detalles. Dedicar mucho tiempo a los detalles es una trampa común en la que caer cuando crea una ilustración, trabaje para evitar eso. Equilibre el tiempo empleado y el nivel de detalles con el objetivo general de la ilustración.



Paso 11 - Problemas de fondo

Ahora todas las partes de la imagen en las que quiero que se centre el espectador están listas, ¡pero la imagen aún no está terminada! Rastreo aproximadamente algunas de las partes en el fondo, usando solo el tono de un color. De esta manera no desvía la atención de los puntos focales de la ilustración. El fondo se mantiene realista y simple. Después de hacer el fondo, vamos a agregar un borde a la imagen..

No olvides: crea una nueva capa y bloquea la capa en la que estabas trabajando. Coloque esta capa debajo de todas las demás capas, aunque no debajo de la capa de referencia, por supuesto. Alrededor de algunos de los detalles del fondo, solo para dar forma al fondo. Cuando esté haciendo el fondo, no se moleste en tratar de hacer una caja perfecta en los bordes, lo explicaré en el siguiente Paso. Está bien superponer los bordes de la ilustración.



Paso 12 - Herramienta de área de cultivo

Una vez más, hacer una nueva capa. Esta vez, colóquelo encima de todas las demás capas y cree un rectángulo en el color deseado. Usando la Paleta de Pathfinder y otro rectángulo, puede recortar la forma del borde y colorearlo en negro, como se muestra a continuación.

Ya casi terminaste. ¿Recuerdas que te dije que no te preocupes por las formas que pasan por los bordes de la ilustración? Seleccione la herramienta Área de recorte (Mayús + O) y arrastre un rectángulo alrededor del borde que acaba de crear. Ahora puede exportar la imagen, solo las partes dentro del rectángulo serán visibles en la imagen exportada.



Conclusión e imagen final.

¡Terminado! Ahora puedes crear una bonita imagen de tu retrato favorito. Recuerde, cuanto más practique estas habilidades, más fácil será. Espero que hayan disfrutado este tutorial y me encantaría ver algunos de sus resultados en el Grupo de Flickr de VECTORTUTS.!