Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Portrait
Design

Cómo Crear un Retrato Vectorial Con Cabello Rizado en Adobe Illustrator

by
Difficulty:AdvancedLength:LongLanguages:
This post is part of a series called Mastering Vector Portraits.
How to Create a Simple Vector Avatar from a Stock Image
Create a Vamp Feminine Portrait in Adobe Illustrator

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

Final product image
What You'll Be Creating
Éste tutorial fue publicado originalmente en Noviembre de 2012 como un tutorial Tuts+Premium. Ahora está disponible gratuitamente. Aunque éste tutorial no usa la versión más reciente de Adobe Illustrator, sus técnicas y proceso aún son relevantes.

He creado algunos tutoriales de retratos vectoriales en el pasado, pero una petición ha sido efectuada varias veces, y esa es cómo crear cabello rizado. En el tutorial de hoy, voy a mostrarte una de las formas más fáciles de crear detallado cabello rizado. ¡Así que manos a la obra y comencemos con la creación!

Para crear portentosos retratos de tí mismo, considera uno de nuestras fabulosos Pinceles de Cabello para Adobe Illustrator de GraphicRiver. O consigue la ayuda de un profesional del diseño para crear tus propios retratos de Envato Estudio.

1. Cómo Preparar el Documento

Paso 1

Comienzo por crear un Nuevo documento y luego Archivo > Colocar mi imagen de stock en el lienzo. Como quiero que el cabello sea una de las principales características de ésta composición, necesito asegurar que tenga el suficiente espacio para llamar la atención del espectador.

Luego configuro mis capas como se muestra abajo en el panel Capas. En la capa "BG" he colocado un Rectángulo (M) relleno de blanco sobre la imagen de stock establecida con una Opacidad de 50%. Ésto es para realizar los bordes de mis formas más prominentes contra la imagen de stock cuando estoy calcando formas.

Prepare the layers

Paso 2

A menudo uso la paleta predeterminada "Tonos de Piel" de Adobe Illustrator. Puedes accesar a éstos al hacer click en el menú desplegable en el panel Muestras > Menú Bibliotecas de Muestras > Tonos de Piel. Para piel Caucásica, selecciono las cuatro paletas superiores para que pueda mezclarlas para crear sombreado multitono. La piel no es de un solo color-hay diferentes matices dependiendo del área de la cara/piel, en lo que voy profundizar más adelante. Al hacer click en la carpeta a la izquierda de la paleta, puedes agregarlas automáticamente  a tu panel Muestras.

Adding palettes to the Swatches panel

Luego he seleccionado un medio tono y usé la Herramienta Pluma (P) para calcar la forma base de mi piel.

Trace with the pen tool

2. Cómo Renderizar la Piel

Paso 1

Para las formas iniciales del sombreado de la piel, he usado el mismo tono de piel que la base y las áreas calcadas de iluminación en la cara con la Herramienta Pluma (P). Luego he creado un Trazado Compuesto (Control-8) con el primer conjunto de formas y usé Buscatrazos > Menos Frente de un duplicado de la forma base de la piel.

Skin shading

Uso el mismo proceso varias veces. Una vez hecho, establezco las formas en Modo de Fusión Multiplicar, Opacidad 10%, y luego las Agrupo (Control-G).

Skin shading

Paso 2

Usando un tono de piel ligeramente más oscuro, calco áreas de sombra con la Herramienta Pluma (P). De nuevo después de que un conjunto es creado, lo agregaré a su propio Trazado Compuesto (Control-8). Cada Trazado Compuesto es luego establecido en Modo de Fusión Multiplicar, Opacidad 10% y luego se Agrupan (Control-G).

Add darker shadows

Paso 3

Como puedes haber notado las formas van más allá de la forma base. He duplicado la forma base y Agrupado los dos grupos de formas de sombreado de la piel (Control-G) y luego creé una Máscara de Recorte (Control-7). Todas las futuras formas de sombreado de piel serán agregadas a ésta Máscara de Recorte para mantener un borde limpio.

Create a Clipping Mask

Paso 4

Usando una sombreado incluso más oscuro, agrego sombras más oscuras con la Herramienta Pluma (P) usando el mismo proceso. Típicamente mientras más oscura es el área, las formas se crean más pequeñas. Éstas formas son establecidas en Modo de Fusión Multiplicar, Opacidad 10%.

Add further shading

Paso 5

Ahora a agregar las iluminaciones. Creo un degradado radial transparente usando el tono de piel más claro. Luego lo uso para rellenar formas resaltando áreas de la piel. Éstas formas no son añadidas a un Trazado Compuesto.

Add highlights

En lugar de cada conjunto de formas esté Agrupado (Control-G). Cada conjunto es establecido a Modo de Fusión Trama, Opacidad 15%.

Add further highlights

Paso 6

Hay áreas que están en sombra más profunda que en cualquier otro lado. Típicamente son áreas donde hay pliegues de la piel (párpados, labios, pliegue de nariz), pero también cerca de la línea del cabello, a lo largo de la nariz para ayudarla a destacar, y alrededor de las fosas nasales. Éstas formas son mucho más oscuras y son establecidas en Modo de Fusión Multiplicar, Opacidad 15%.

Add darker shadows

Paso 7

Del tono más rosa de los tonos de piel, voy a añadir un degradado radial transparente rosa claro a la piel, primero justo debajo del pómulo dentro de una Elipse (L).

Add pink tones to the cheek

Lo siguiente está en el hombro. Éstas formas son establecidas en Modo de Fusión Multiplicar, Opacidad 60%. He agregado el color de la mejilla arriba del otro sombreado de piel, mientras que el hombro está debajo del sombreado de la piel.

add pink tones to the shoulder

Paso 8

Para modificar la base general del sombreado de la piel, voy a añadir degradados debajo de las renderizadas formas del sombreado de piel. Duplica la forma base original y primero añade degradados radiales transparentes con el degradado resaltado. Usando la Herramienta Degradado (G) mueve los orígenes de los degradados sobre el rostro y sobre el hombro/brazo. Éstos son establecidos en Modo de Fusión Trama, Opacidad 30%.

Modify the base underneath the shading

Luego he agregado un degradado lineal transparente bajo del sombreado de piel establecido en Modo de Fusión Subexponer Color, Opacidad 100%.

Add shadows underneath the shading

Paso 9

Usando el degradado radial que resalta la piel, he añadido iluminaciones más intensas al ojo y la piel. Éstas son establecidos en Modo de Fusión Trama, Opacidad 60%.

Add further highlights

Paso 10

La piel no es toda de un mismo color-hay una variedad de tonos. Típicamente encontrarás una insinuación de gris hacia la esquina de los ojos. Usa un degradado radial transparente establece el Modo de Fusión en Color para añadir un matiz gris. Reduce la Opacidad consecuentemente, aunque ten en mente que mientras más prominente es el gris, la persona aparentará más edad.

Add grey to the corner of the eyes

La punta de la nariz típicamente es más rosada. Así que usa un degradado radial rojo establece el Modo de Fusión en Subexponer Color, Opacidad 20% para añadir una insinuación en la nariz.

Add red to the nose

Para hacer que destaquen más las mejillas, agrega sombreados debajo de ellas. He agregado más color a la mejilla con un degradado radial púrpura transparente. Éste es establecido en Modo de Fusión Subexponer Color, Opacidad 10%.

Add more redpurple tones to the cheek

Paso 11

Para mostrar los detalles de las líneas en el cuello, he agregado  mas iluminaciones usando el degradado que resalta la piel. Éstas están establecidas en Modo de Fusión Trama, Opacidad 30%.

Add further highlights to the neck

3. Cómo Renderizar los Labios

Paso 1

Cuando comienzo a sombrear la piel, siempre trato a los labios como si tuvieran color y los sombreo con la piel. Ésto es porque no quiero que los labios se vean como si estuvieran flotando independientemente arriba de la piel.

Luego uso degradados para agregar color a los labios. He usado un degradado radial rosa transparente en las tres formas que he creado para los labios: una para la forma general de los labios y las otras para el labio inferior y superior. Se superponen en el centro para ayudar a oscurecer ésta área que está en sombra. Éstas formas son establecidas en Modo de Fusión Subexponer Color, Opacidad 40%.

Add reds to the lips

Paso 2

Uso un degradado radial café transparente para agregar sombra y detalles a los labios. Éstas formas son establecidas en Modo de Fusión Subexponer Color, Opacidad 50%.

Add shadow to the lips

Debido al contraste creado con éstas formas, he agregado más sombreado en la cara con el mismo degradado. Éstas formas son establecidas en Modo de Fusión Subexponer Color, Opacidad 100%.

Balance the contrast

Paso 3

Con la Herramienta Lápiz (N) y un degradado radial rosa claro transparente, agrega iluminaciones a los labios. La Herramienta Lápiz (N) te permitirá añadir más formas mucho más rápido que usando la Herramienta Pluma (P). Éstas formas son luego establecidas en Modo de Fusión Superponer, Opacidad 30%.

Add highlights to the lips

Luego usando el degradado que resalta la piel, agrega más formas más intensas. Éstas son establecidas en Modo de Fusión Sobreexponer Color, Opacidad 40%.

Add further highlights

Paso 4

Quiero que los labios parezcan más rosa que rojo/naranja, así que duplico la forma que cubre toda el área de los labios y añado un degradado radial azul oscuro transparente. Lo establezco en Modo de Fusión Luz Suave, Opacidad 100%. Ésto ayuda a "neutralizar" el tono rojo/naranja.

Use blue to make the lips more pink

4. Cómo Renderizar los Ojos

Paso 1

Usando una teoría similar, voy a "neutralizar" los tonos rojo/naranja en los ojos ligeramente al usar un degradado radial azul claro. Éste se establecerá en Modo de Fusión Color y Opacidad 30%.

Neutralise the eyes

Luego voy a agregar iluminaciones al ojo usando el degradado que resalta la piel establecido en Modo de Fusión Trama, Opacidad 40%.

Add highlights to the eyes

Paso 2

Voy a añadir un matiz rosa a la línea de agua con un degradado radial rosa transparente estableciendo el Modo de Fusión en Color, Opacidad 100%.

Add pink to the waterline

Luego agrego un degradado más oscuro y llamativo en la esquina de los ojos establecido en Modo de Fusión Multiplicar, Opacidad 30%.

Add pink to the corner of the eyes

Paso 3

Con un color de relleno de café dorado, uso la Herramienta Lápiz (N) para agregar sombreado alrededor de la línea interior del ojo y la esquina del ojo. Éstas formas son establecidas en Modo de Fusión Multiplicar, Opacidad 10%.

Add details to the eyes

Luego con un rosa claro, agrego iluminaciones con la Herramienta Lápiz (N) estableciendo el Modo de Fusión en Trama, Opacidad 40%.

Add details to the eyes

Paso 4

Voy a usar Máscaras de Recorte (Control-7) para el iris. Primero duplico la forma más grande para el ojo. Luego dibujo un círculo con la Herramienta Elipse (L).

Create the eye

Crea una Máscara de Recorte: primero un duplicado del iris y luego una Máscara de Recorte que contiene ésta máscara del iris, con la forma duplicada del ojo. Ésto te dará una Máscara de Recorte dentro de una Máscara de Recorte. Verás el beneficio de ésto pronto.

Create a clipping mask

Paso 5

Estaré añadiendo los detalles a los ojos vía el panel Apariencia. He usado un café intermedio para el iris. El primer relleno es establecido en Opacidad 60%, y el segundo de relleno inferior es Desplazamiento de Trazado por -1 pt y Opacidad 100%. Ésto da al iris un borde suave.

Luego la pupila es hecha de dos rellenos café oscuro. Uno es Desplazamiento de Trazado por -12 pt con un Modo de Fusión de Multiplicar, Opacidad 40%. La siguiente es Desplazamiento de Trazado por -13 pt y con un Modo de Fusión de Multiplicar, Opacidad 80%. De nuevo ésto es para crear un borde suave.

Create a soft edge to the eye

Paso 6

Los degradados son luego agregados al iris. Éstos son Desplazamiento de Trazado por -1 pt. Un degradado radial invertido café oscuro es aplicado para dar un efecto de viñeta alrededor del iris.

Use gradients for the eyes

Éste es luego duplicado y con la Herramienta Degradado (G) es alargado y llevado hacia la parte inferior del iris. Ésto da una sombra sutil en la parte superior del iris.

Add further gradients

Luego un degradado radial de verda a naranja es aplicado a la parte inferor del iris. Ésto es para dar un tono café dorado a los ojos.

Adding further gradients

Paso 7

Duplicar elemento y da un Desplazamiento de Trazado de -1 pt y un relleno de degradado radial café transparente. Luego ve a Efecto > Distorsionar & Transformar > Zig-Zag y usa los ajustes de abajo. Si las dos Máscaras de Recorte no fueron aplicadas, el efecto zig-zag se superpondría al párparo y al ojo. Una vez que termines, ve al panel Estilos Gráficos y Añadir Nuevo Estilo Gráfico y aplícalo al otro ojo para que tengas los mismos efectos en ambos.

Use the Zig-Zag effect

Paso 8

Usando la Herramienta Pluma (P) y un relleno café oscuro, dibuja formas alrededor del ojo y de los detalles del párpado. Ésto es para ayudar a construir una base para las pestañas y para definir los párpados. Éstas formas son establecidas en Modo de Fusión Multiplicar, Opacidad 30%.

Add shading around the eyes

Además, más formas sutiles son agregadas con un relleno negro, estableciendo el Modo de Fusión en Multiplicar, Opacidad 10%. Ésto ayudará a agregar sombra al ojo.

Push the contrast

Paso 9

Usando el degradado para resaltar la piel, agrega un ligero reflejo a lo largo de la línea de agua y sobre la pupila. Éste es establecido en Modo de Fusión Trama, Opacidad 70% a 100%.

Add highlights

Paso 10

Las pestañas son agregadas usando el pincel Perfil de Anchura 1 que he creado en un tutorial previo. Ambas pestañas usan un color de trazo café oscuro, pero las superiores son establecidas en Modo de Fusión Multiplicar, Opacidad 70%, y la des abajo son establecidas en Modo de Fusión Multiplicar, Opacidad 40%.

Create the eyelashes

5. Cómo Renderizar el Cabello

Paso 1

Antes de que comience a agregar el cabello, decido bosquejar ideas. Uso la Herramienta Pincel de Manchas (Mayúsculas-B) para bosquejar. Creo una Nueva Capa arriba y abajo de los elementos clave del retrato para bosquejar el cabello arriba y abajo del retrato. He decidido en éste caso que voy a rellenar todo el espacio negativo con cabello.

Sketching out the hair

Paso 2

Para cabello rizado, necesitas tratar cada rizo como su propia identidad. Cada rizo debería cubrir cualquier cabello que esté debajo de él para crear una melena de rizos gruesos y saludables. Una de las maneras más fáciles de ir sobre ésto es crear un Pincel de Arte de un rizo. Claro no estamos dibujando un rizo real, sino imagina jalar un rizo recto.

Usando la Herramienta Rectángulo Redondeado, dibuja una forma y usa la Herramienta Selección Directa (A) para seleccionar los puntos extremos de la forma. Luego usa la Herramienta Transformación Libre (E) para reducir el tamaño al final de la forma para crear un efecto afilado. Quiero darle al retrato una masa de cabello verde.

Create the base of a brush

Paso 3

Como no puedes incluir un degradado o una Máscara de Recorte con un Pincel de Arte, voy a crear un efecto de degradado usando una Fusión. Duplica la forma afilada dos veces. Usa la Herramienta Transformación Libre (E) para reducir el tamaño de la forma en la parte superior. Para la más grande, establécela en Opacidad 0%. Luego con ambas formas seleccionadas crea una Fusión (Control-Atl-B) con Espaciado de Distancia Especificada de 4 pt. Establece la Fusión en Modo de Fusión Multiplicar.

Use a blend instead of a gradient

Paso 4

Usando el pincel Perfil de Anchura 3, agrega trazos usando la Herramienta Segmento de Línea (\) en la punta del extremo afilado con un Grosor de Trazo de 2 pt. Éstos trazos deberían ser del mismo verde que la forma afilada original y colocada debajo de la Fusión.

Add additional strokes

Paso 5

Con el pincel Perfil de Anchura 1, agrega Trazos de 2 pt con la Herramienta Segmento de Línea (\) arriba de la forma con Modo de Fusión Trama, Opacidad 30% para añadir iluminaciones. Luego usando los mismos parámetros, agrega trazos más oscuros con un Modo de Fusión de Multiplicar, Opacidad 30%. Agrupa todos los elementos una vez que termines (Control-G).

Add additional strokes

Mientras que el grupo esté seleccionado, en el panel Pincel crea un Nuevo Pincel > Pincel de Arte y haz click en OK.

Create a New Art Brush

Paso 6

Usando la Herramienta Pluma (P) para una curva más suave, agrega rizos alrededor del rostro debajo de los elementos facilaes. Agrúpalos una vez qe hayas aplicado los rizos iniciales (Control-G).

Begin using the Brush

Agrega los rizos en grupos para que puedas colocarlos debajo de los anteriores. Los rizos de enfrente deberían estar arriba de todos los demás y los rizos de atrás deberían estar en la parte inferior de la capa.

Build up the layers of curls

Paso 7

Mientras organizas en capas los rizos, para cualquier hueco presente uso una forma verde oscura para bloquear los huecos.

Fill in the gaps

Luego cuando haya terminado de organizar las capas de los rizos, agrego un Rectángulo (M) verde oscuro detrás de todos los rizos.

Create a background

Paso 8

Usando el pincel Perfil de Anchura 1 y la Herramienta Pincel (B), agrego trazos con un gris medio a lo largo de los lados de los rizos y en la punta. Como cada rizo es idéntico, quiero hacer que se vean más individuales. Así que agregar trazos adicionales me ayuda a lograr ésto. Éstos trazos son establecidos en Opacidad 80%.

Add strokes to make the curls more unique

Repito éste mismo método para los rizos en la parte posterior y los agrego en etapas.

Add further strokes

Paso 9

Con un verde lima, agrego un Grosor de Trazo de 4 pt, trazos con Perfil de Anchura 1 a los rizos. Éstos son establecidos en Modo de Fusión Sobreexponer Color, Opacidad 40%. Éstos trazos agregan una iluminación a los rizos y les dan una mayor definición.

Add highlights

Luego agrego franjas con un Grosor de Trazo de 2 pt para añadir más detalle a las iluminaciones. Éstas son establecidas en Modo de Fusión Trama, Opacidad 40%.

Add further highlights

Paso 10

Usando la Herramienta Lápiz (N), agrego degradados radiales verde transparente sobre la parte superior de las áreas resaltadas de los rizos. Ésto agrega una iluminación más suave en ellos. Éstas se establecen en Modo de Fusión Sobreexponer Color, Opacidad 25%.

Use gradients to create highlights

6. Cómo Crear las Cejas

Los toques finales son para agregar las cejas. He usado el pincel Perfil de Anchura 1 para agregar trazos de 1 pt al hueso orbital. Los trazos iniciales son establecidos en Modo de Fusión Normal, Opacidad 80%.

Add the initial strokes

Finaliza con algunos trazos establecidos en Modo de Fusión Multiplicar, Opacidad 50%.

Add darker further strokes

¡Fabuloso Trabajo, Terminaste!

Si has seguido mis tutoriales en el pasado, sabrás que finalizo con un par de lunares en el rostro y la piel. Éstos son creados usando dos degradados radiales café transparente en dos capas establecidas en Modo de Fusión Multiplicar. Espero que hayas disfrutado éste tutorial y aprendido uno de los métodos posibles para crear cabello rizado.

Vector Curly Hair Tutorial by Sharon Milne

Pinceles de Cabello para Adobe Illustrator De GraphicRiver

Para ayudar a ahorrar tiempo con tu próximo fabuloso retrato, considera usar uno de los sorprendentes Pinceles de Cabello para Adobe Illustrator de GraphicRiver para agilizar el tiempo. ¡Consulta uno de éstos útiles paquetes abajo!

Fáciles Pinceles de Cabello para Adobe Illustrator

¡Crea un rápido peinado como un profesional con éste fabuloso paquete de pinceles! Diseñado con 17 fáciles pinceles de cabello, simplemente arrastra y suelta los pinceles en la carpeta de ajustes preestablecidos para comenzar a crear cabello realista por tí mismo en muy poco tiempo! Ideal para usar con la Herramienta Pluma, ¡también puedes usar éstos pinceles con un mouse o tableta gráfica!

Easy Hair Brushes for Adobe Illustrator
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.