Rastreo de una cara vectorial a partir de una foto de referencia

Algunas veces al mes volvemos a visitar algunas de las publicaciones favoritas de nuestros lectores a lo largo de la historia de Vectortuts +. Este tutorial de Jesse Hora se publicó por primera vez el 20 de octubre de 2009..

Hay muchas maneras en que podría acercarse usando una foto de referencia en la ilustración, una opción obvia es "rastrear" la foto. Dado que hay tantos detalles microscópicos en una fotografía, tiene que tomar numerosas decisiones sobre cómo desea que se vea la imagen al final. ¿Quieres que se vea fotorrealista? ¿O más estilizado? ¿Comic book-esque? Como dibujos animados?

Todas estas decisiones darán como resultado el aspecto y el estilo de su imagen final y su trabajo en general. Como diseñador / ilustrador comercial, el estilo y el aspecto de tu trabajo te harán sentirte feliz. Este tutorial cubrirá estas decisiones mientras creamos una ilustración a partir de una foto de referencia..

Opción Premium

Si está buscando una forma rápida de trazar una foto y crear un vector, pruebe la acción de Photoshop Vector Tracing en Envato Market. Te permite trazar una foto rápida y fácilmente en forma vectorial y aplicar una gama de efectos.

Introducción

Algunas personas pueden pensar que es tan fácil para trazar una foto, y que este tutorial es inútil. Creo que es extremadamente importante saber cómo hacer incluso las cosas más simples. bien. He visto demasiada gente tratar trazar una foto para una ilustración y el producto final es menos que deseable por decir lo menos.

La idea básica de este tutorial es mostrar cómo usar el proceso de trazar las formas y los contornos básicos de una fotografía, en lugar de usar líneas predominantemente vectoriales con trazos, como hacen muchos ilustradores principiantes, dará como resultado un estilo deseable, realista y estilizado imagen.

Comenzar con una gran foto es obviamente un gran beneficio para este estilo de ilustración. Afortunadamente, Kyle LaMere de ISR pudo proporcionarme una foto realmente bonita de su serie 'Visitantes'. Gracias kyle.

Vista previa de la imagen final

A continuación se muestra la imagen final en la que trabajaremos. ¿Desea acceder a los archivos completos de Vector Source y las copias descargables de cada tutorial, incluido este? Únete a Vector Plus por solo 9 $ al mes.

Detalles del tutorial

  • Programa: Adobe Illustrator
  • Dificultad: principiante
  • Tiempo estimado de finalización: 2 horas

Paso 1A

Abra la foto de origen. En este caso, estoy usando una imagen de mí mismo y está disponible para los miembros Plus. Por supuesto, puedes sustituir tu propia imagen..

Paso 1B

Bloquea la foto y crea una nueva capa en la parte superior..

Paso 2A

Empieza por trazar el contorno de las gafas..

Paso 2B

Si se da cuenta de que hay muchas formas, sombras y resaltes diferentes que conforman las gafas, específicamente dentro de las formas interiores de la lente y el marco, por lo que debe tomar una decisión sobre qué tan detallada / compleja desea hacer la imagen. Dado que el propósito de este tutorial no es un aspecto fotorrealista extremo, lo mantendré relativamente simple.

Paso 2C

Asegúrate de mantenerte consistente en las formas / sombras que estás siguiendo. Traza la forma interior y exterior de los marcos..

Paso 2D

Seleccione las formas interior y exterior, elija la opción Restar del área de forma en la paleta de Pathfinder, mientras mantiene presionada la opción para expandirse a una forma. Ahora tienes una forma que conforma las gafas base..

Paso 2E

Traza los reflejos brillantes (blancos) en las gafas. Cámbialas de un trazo rojo a relleno blanco..

Paso 2F

Además de los aspectos más destacados, también trace los puntos culminantes secundarios en las gafas y cámbielas a un rojo más claro (# F47471).

Paso 2G

Aunque sean claros, tendremos que describir la lente y las piezas de la nariz. Es posible que tenga que perfeccionar un poco las formas, dibujándolas para que se vean Correcto en lugar de pegarse directamente a la foto porque las formas no están bien definidas. Cambiarlos a un gris claro (# EFE6E8).

Paso 2H

Eso es todo para las gafas, cambia el stoke a un relleno (# EF4136).

Paso 3A

Ahora traza la forma blanca del ojo. Para que las formas se alineen perfectamente, seleccione el punto superior de la forma del ojo, copie y pegue un punto duplicado en la parte superior. Agregue nuevos puntos de anclaje utilizando la herramienta Agregar puntos de anclaje (+) donde la pupila desciende por debajo de la pestaña. Elimine los puntos finales adicionales y continúe dibujando al alumno utilizando los puntos duplicados superiores. Este es un consejo muy simple pero útil que ayudará a mantener las formas alineadas y organizadas.

Paso 3B

Simplemente use el proceso descrito anteriormente para obtener la forma negra de la pupila, así como la forma de resalte blanco. Coloréelos como están en la foto, negro, blanco y azul claro / gris (# 72A8B2).

Paso 4A

Las pestañas y las sombras de los ojos que describen los párpados superiores e inferiores son tan delgadas y sutiles que deben estar exagerado un poco. Trácelas y cámbielas a un marrón oscuro (# 603913).

Paso 4B

Haz lo mismo con el otro ojo..

Paso 5

Rastrear las cejas será tedioso, pero si te tomas el tiempo para entrar en detalles, pueden parecer fenomenales. Cámbialas al marrón oscuro de los otros rasgos faciales. Aquí hay un pico de cómo está llegando.

Paso 6

La nariz puede ser un gran dolor en el trasero para que se vea natural. Haga el trabajo de línea simple, trazando solo los bordes de la nariz y las mejillas. Cámbiala al mismo color marrón oscuro que las otras características faciales..

Paso 7

La clave para dibujar la boca es no delinear toda la boca con la línea oscura como un payaso. Dibuja la forma de la rosáceo parte de los labios, y cambiarlo a un rosa claro (# FDE4E3). Luego haga la línea delgada alrededor de la boca, usando solo formas de sombra pequeñas donde sea necesario.

Paso 8

Una vez que se establece la boca, terminar la sonrisa con los dientes es bastante fácil. No necesitas dibujar cada diente, solo pones algunas sombras que apuntan a los dientes. Rellene estas formas de sombra de los dientes con un color crema claro (# E2D7D3). Dibuja una gran forma blanca detrás de todas las sombras.

Paso 9A

El cabello vectorial podría ser un tutorial por sí solo, podría tener numerosas capas de luces y sombras, pero prefiero dejarlo simplemente plano con el contorno de la forma que describe la forma en lugar de luces. Ahora ve alrededor de la forma del cabello, trazando algunas de las grandes puntas del cabello. Puede obtener una forma bastante libre y desviarse de la foto, siempre y cuando las formas que dibuje sean de referencia para el cabello. Asegúrese de incluir las formas internas que excluirá usando la paleta de buscador (paso 2D).

Paso 9B

Una vez que tenga una forma, con una gran cantidad de piezas pequeñas que no se han tocado con la paleta de buscador, cambie la forma del cabello a un relleno de un color marrón oscuro utilizado anteriormente.

Paso 10A

Poner en las formas del hoyuelo y el mentón y algunas líneas en el oído..

Paso 10B

Ya casi llegamos, es hora de ponerlo todo junto. Traza la forma básica de la cara y rellénala con un tono de piel, que es un color teñido de color naranja (# F5DFD5). También aplique un trazo de 1 pt con el mismo color marrón oscuro que se usa en todas partes y coloque esta forma debajo de la capa de forma de cabello.

Paso 11A

Si desea una cabeza flotante, puede detenerse allí, pero si desea un lugar para que la cabeza descanse, simplemente trace la forma del cuello y aplique los mismos colores y trazos que la cara.

Paso 11B

Agregue una forma de tono simple al cuello y elija un tono marrón que esté cerca del color de la piel (# C49A6B), para que no sobresalga como un pulgar adolorido. Enviar esta forma a la parte posterior (Shift + Comando + tecla menos).

Paso 12

Agrega algunas formas y líneas para describir los hombros y las camisas..

Paso 13

Después de mirar la imagen, noto que la vasos de botellas de coca cola El efecto está sucediendo con los ojos. Selecciona todas las formas que forman los ojos y amplíalas solo un poco..

Paso 14

Solo para la composición, agregue un fondo azul claro (# C2E6EA) a la ilustración.

Imagen final

¡Eso es! Muy básico, pero aprenda a hacerlo bien y puede ser un estilo de ilustración muy útil. La imagen final está abajo. Puedes ver la versión más grande. aquí.

Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..