1. Design & Illustration
  2. Portrait

Cómo Crear un Peculiar Retrato de Arte de Línea en Adobe Illustrator

by
Read Time:8 minsLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Conozco a muchos ilustradores que practican su oficio en su propio rostro. Mientras que he tratado en el pasado de hacerme a mi mismo en una ilustración vectorial, no puedo soportar ver fijamente mi propia cara durante un par de horas. Comencé con mi propio rostro, vectorizándolo desde una selfie que tomé en un ángulo "extremo" (piensa en el emo de MySpace) pero luego haciendo algún gesto. Todo el tema era no mirarme a mí mismo, para que pudiera enfocarme en el oficio más que en la persona. Aquí es donde el proyecto de la peculiar selfie cobró vida.

Awkward Selfies SeriesAwkward Selfies SeriesAwkward Selfies Series

Durante los últimos dos meses, he estado haciendo ilustraciones vectoriales de mis amigos en poses similares. El estilo que he usado es muy similar al de mis populares tutoriales, cómo crear un dramático retrato con arte de línea con volumen. Pensé que te mostraría cómo usar éste estilo con algunos procesos añadidos y ayudar a responder algunas preguntas comunes que tengo para proyectos de arte de línea, como espresar textura y vello facial.

Si estás buscando tener hecho tu propio retrato, hay muchos talentosos artistas de retrato en Envato Studio que pueden crear retratos ilustrativos de calidad, ¡en cualquier pose!

Elige Tu Peor Selfie

Gracias a Andrew Blackman por querer mostrar su rostro para éste tutorial. Si quisieras seguir éste tutorial, puedes descargar su foto desde ésta página como el archivo adjunto. Si no, puedes usar tu propia foto.

Usando Tu Propia Foto

Si quieres usar una selfie de tí mismo, o de un amigo, piensa feo. Piensa raro. Piensa desafiante. No quieres usar una imagen aburrida como probablemente has planteado un retrato muchas veces de una pose erguida aburrida o de un ángulo de perfil.

El tema de éste proyecto es vectorizar un ángulo raro, algo que no ves cada día con ilustración de retrato. Por lo tanto es muy tolerante con cualquer error que cometas. Así que pon la cámara en un angulo alto, bajo, a la máxima distancia que alcance tu brazo o super cerca, ¡y toma una selfie!

1. Cómo Configurar Tu Documento 

Paso 1

Sería demasiado fácil colocar tu selfie en tu mesa de trabajo y hacer un vector desde ahí. Sin embargo, trabajar tu composición desde el inicio te ayudará a saber la dirección en la que vas y puedes reducir tu flujo de trabajo al eliminar del vector cualquier detalle innecesario.

Puedes hacer ésto al crear un marco. Hago ésto al eliminar un Rectángulo (M) desde otro usando Buscatrazos > Menos Frente.

Create a FrameCreate a FrameCreate a Frame

Paso 2

Luego usa Archivo > Colocar y localiza tu selfie y luego colócala detrás del marco. Puedes usar ésto para encontrar el recorte y la composición adecuada de tu selfie.

Recuerda que puedes redimensionar y rotar tu retrato usando la Herramienta Transformación Libre (E). Puedes también usar el marco para ocultar partes del rostro que quieres evitar...

Lo siento Andrew, no me gustar las orejas vectorizadas, así que solo estoy vectorizando una de ellas.

Find your compositionFind your compositionFind your composition

Paso 3

Luego configuro mi panel Capas para tener una capa para un rectángulo relleno de blanco con una Opacidad de 50% sobre el rostro de Andrew y una capa para añadir mi arte de línea. 

Setting up my layersSetting up my layersSetting up my layers

2. Cómo Comenzar Tu Arte de Línea

Paso 1

Usando la Herramienta Pluma (P), voy a comenzar a crear formas para crear el arte de línea. No voy a usar líneas de trazo para éste parte del retrato. Para las porciones grandes del arte de línea, voy a crear formas rellenas menos uniformes para crear una apariencia más orgánica.

Adding Line ArtAdding Line ArtAdding Line Art

Paso 2

Cuando se crean líneas de conexión, asegúrate de que se superpongan cuando se conecten con líneas adyacentes. Ésto evita que aparezca cualquier espacio.

Overlapping linesOverlapping linesOverlapping lines

Paso 3

Continúo vectorizando en las formas de línea más grandes para crear gran parte del rostro y la ropa.

Adding the majority of the linesAdding the majority of the linesAdding the majority of the lines

3. Cómo Crear el Arte de Línea para los Ojos

Paso 1

Para el ojo, creo una forma para el ojo y la parte interior del ojo como una forma. Luego la duplico y la oculto. Luego creo una forma que cubra toda la forma del ojo, incluyendo la línea de la pestaña.

Elimino la forma más pequeña de la forma más grande usando Buscatrazos > Menos Frente. Ésto crea la forma completa del ojo pero también te da una forma oculta que utilizaré más adelante para una máscara de recorte.

Create the eye shapeCreate the eye shapeCreate the eye shape

Paso 2

Ahora a crear los detalles en el iris. Para crear un efecto de línea, similar al tutorial previo pero más uniforme, voy a poner juntos una serie de triángulos alineados en una línea de trazo. La línea es establecida en Grosor de Trazo 1 pt. He puesto los triángulos a lo largo de la línea con la misma distancia de separación.

Creating a brush Creating a brush Creating a brush

Paso 3

Luego uso ésta forma para crear un Nuevo Pincel de Motivo. Dependiendo de la manera que has creado éstas formas, podrías necesitar regresar a ésta ventana para alterar los ajustes. En éste caso, necesité marcar la opción Voltear a través. Haz click en OK una vez que termines.

Create a Pattern BrushCreate a Pattern BrushCreate a Pattern Brush

Paso 4

Momento de crear múltiples círculos. Crea el original con la Herramienta Elipse (L) y duplícalo. Oculta el original pues necesitarás esa más adelante para añadir color a los ojos, que deberías decidir. Luego tendrás un duplicado para agregar una gruesa línea con un Grosor de Trazo de 3 pt alrededor del ojo.

Una será para el pincel Eye Detail. Sin embargo, debido a cómo son creados los pinceles de motivo (son centralizados en el trazo), necesitarás usar la Herramienta Transformación Libre (E) para reducir el tamaño del círculo para que se alinie con el exterior del círculo más grande.

Luego crea círculos para la pupila y reflejos de luz.

Eye detailsEye detailsEye details

Paso 5

Agrupa las formas para el iris y la pupila (Control-G). Duplica éste grupo para el otro ojo.

Luego haz visible la forma para el ojo y úsala para crear una Máscara de Recorte (Control-7). Repite ésto para el otro ojo.

Both eyesBoth eyesBoth eyes

4. Cómo Crear Cabello y Detalles Con Pinceles

Paso 1

Los detalles más finos en el retrato, incluyendo el cabello, van a ser creados usando pinceles artísticos. Así que primero voy a crear dos pinceles artísticos. El primero es un círculo aplastado con extremos puntiagudos.

Tapered BrushTapered BrushTapered Brush

Paso 2

El siguiente pinicel artístico es creado desde un triángulo.

Triangle BrushTriangle BrushTriangle Brush

Paso 3

El pincel de triángulo es usado para crear el efecto nervadura a lo largo del cuello del jumper de Andrew.

Si tu retrato se ve demasiado simple, pequeños efectos de detalle como éste pueden ayudarte a crear una ilustración más prolija.

Create the collarCreate the collarCreate the collar

Paso 4

Usando la Herramienta Pincel (B) y el pincel artístico puntiagudo, añado trazos para las cejas. Utilizo la foto de abajo para ayudar a definir la dirección de los cabellos para que se vean pulcros.

Adding the eyebrowsAdding the eyebrowsAdding the eyebrows

Paso 5

Con el pincel puntiagudo del triángulo, agrego dobleces y líneas dentro del cuello y la camisa para crear más textura.

Inside the collarInside the collarInside the collar

Paso 6

Creo una Nueva Capa debajo de mi arte de línea y dibujo una forma con relleno blanco a lo largo de la línea del cabello. Ésto es para ocultar los trazos que dibujo debajo de esa forma para crear una limpia línea de cabello.

Puedes ver la diferencia que hace ésta forma blanca debajo limpiando mis líneas. Como gran parte de éste retrato será arte de línea sin más sombras, puedo dejarlo blanco. Si vas a usar múltiples colores, puedes expandir los trazos para el aire y luego corta el área que se superpone.

Adding the hairAdding the hairAdding the hair

5. Cómo Crear Arte de Línea para el Vello Facial

Paso 1

Como el vello facial cae y agrega textura a la línea alrededor de la línea de la quijada, voy a necesitar alterar ésto para dar la impresión de vello facial. Si fuera a dibujar líneas arriba de ésta, todavía mostraría una línea suave debajo y luciría cohesiva.

Primero, dividiré la línea en dos usando la Herramienta Cuchilla. Corto la línea donde el cabello facial comienza a distorsionar cualquier línea limpia del rostro. Puedes ver en la imagen de abajo, ésto está alrededor de la parte inferior de la oreja.

Using the Knife ToolUsing the Knife ToolUsing the Knife Tool

Paso 2

Para añadir textura a ésta línea, la selecciono y voy a Efecto > Distorsionar & Transformar > Emborronar. Luego creo más líneas alrededor de la barbilla y nariz debido a la maravillosa pose en la que está Andrew, para crear la misma definida pero texturizada línea.

Create a textured lineCreate a textured lineCreate a textured line

Paso 3

Usando la Herramienta Pincel (B) y el pincel puntiagudo, luego voy al rostro. Empiezo a incorporar los trazos lentamente, asegurándome de prestar atención a la dirección del vello facial. Ésto es mucho más fácil de hacer cuando el vello facial es más largo.

Consejo: si es una barba incipiente, a menudo puedes resolverlo usando un relleno de motivo en lugar de dibujar cada trazo.

Adding textureAdding textureAdding texture

Continúa añadiendo líneas, especialmente en áreas más densas alrededor del cuello y la barbilla.

Adding facial hairAdding facial hairAdding facial hair

6. Cómo Agregar los Toques Finales

Paso 1

Usando el pincel puntiagudo, agrego algunos toques finales en los ojos. Ésto incluye más líneas a la piel y pestañas.

Adding eyelashesAdding eyelashesAdding eyelashes

Paso 2

Para agregar más textura a la lengua y agregar un sutil sombreado, uso la Herramienta Pincel de Manchas (Mayúsculas-B) para crear puntos alrededor del borde de la lengua.

Adding texture to the tongueAdding texture to the tongueAdding texture to the tongue

¡Fabuloso Trabajo, Terminaste!

Siempre termino mis retratos con un par de lunares en la piel. También he agregado una salpicadura de color, dándola a Andrew ojos azules claros.

Espero que hayas disfrutado éste tutorial y tomado algunos consejos para mejorar tus propias creaciones. Si tienes cualquier pregunta o quieres mostrar lo que has creado usando éste tutorial, ¡por favor hazlo en los comentarios!

The finished portraitThe finished portraitThe finished portrait
One subscription.
Unlimited Downloads.
Get unlimited downloads