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

É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.

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.

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

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.

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).

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).

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.

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%.

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.

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

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%.

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).

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.

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%.

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

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%.

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.

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.

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%.

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%.

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%.

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%.

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%.

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%.

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%.

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.

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%.

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

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%.

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

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%.

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

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).

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.

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.

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.

É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.

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.

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.

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%.

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.

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%.

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%.

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.

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.

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.

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.

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).

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

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).

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.

Paso 7

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

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

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%.

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

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.

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%.

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%.

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%.

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

¡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.

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!