Spanish (Español) translation by Javier Salesi (you can also view the original English article)
Cuando ha pasado un tiempo desde que hiciste tu último vector, Adobe Illustrator puede provocar miedo. Y si como yo, has estado creando vectores por mucho tiempo, no quieres que tu primer vector en más de un año sea uno "común y corriente" o predecible. Quieres imponerte un desafío, mientras sigues en tu zona de confort.
En el tutorial de hoy, voy a mostrarte cómo crear un retrato siguiendo una imagen de stock, usando un solo color. Así que la imagen final que ves arriba puede parecer como una invitación a hacer clic, y tendrás razón al decir que tiene más de un color... pero el retrato mismo es todo de un color. Consulta el retrato de un color y el de varios colores que aparecen a continuación:
Hay únicamente un par de pasos al final para añadir el color y recortar, para lo cual utilizo solo tres colores adicionales. Este es un tutorial de retrato vectorial avanzado, así que se requiere previo conocimiento de creación de retratos. Si quieres aprender cómo crear detallados retratos vectoriales, por favor consulta mis principales tutoriales y cursos en video, disponibles aquí en Envato Tuts+.
Así que sin más preámbulos, ¡comencemos!
1. Selecciona tu imagen de stock y prepárate
Paso 1
Puedes elegir cualquier imagen de stock con la que quieras trabajar para este ejercicio, pues los pasos y la teoría requeridos serán los mismos. Específicamente he seleccionado esta imagen de stock pues no hay nada demasiado complicado sobre ella (un peinado sencillo, no hay efectos complicados de sombras e iluminaciones, y parece divertida para hacerla un vector.
Si tu imagen de stock no es en blanco y negro, entonces modifícala en tu software de elección. También he rotado y recortado la imagen en Adobe Photoshop.
Paso 2
Abre Adobe Illustrator y crea un nuevo documento. He configurado mi panel Capas con la imagen de referencia Archivo > Colocar en la capa inferior, un rectángulo blanco de 50% sobre la imagen en el fondo y luego una nueva capa para mis bases.
2. Cómo crear el sombreado de piel con un color
Paso 1
Para todas las formas que crearé, voy a usar un gris intermedio (#999999). El truco para este proyecto es experimentar con diferentes Modos de fusión y Opacidades. Te revelaré cuáles ajustes utilizo para este proceso.
Así que comencemos creando la capa base para la piel. Uso la herramienta Pluma (P) para que esto mantenga la exactitud. A menudo cambio entre la herramienta Pluma y la herramienta Lápiz (N) dependiendo del nivel de detalle requerido.
Paso 2
Si has intentado mis otros tutoriales de retrato, estarás familiarizado con el proceso que usaré para el sombreado de la piel. Uso un duplicado de la capa base de la piel y aplico Buscatrazos > Menos frente para eliminar formas buscando crear formas grandes de sombreado. Luego combinaré las formas en un Trazado compuesto (Control-8) para mantenerlas organizadas en objetos "separados".
Paso 3
Una vez que las formas iniciales se crean, establécelas en Modo de fusión Multiplicar y la Opacidad en 7%. Tanto el modo de fusión multiplicar y subexponer color son magníficos modos utilizados para oscurecer tus colores. El Modo de fusión Multiplicar oscurecerá todo, mientras que Subexponer color trabaja más el realce del contraste.
Paso 4
Formas más pequeñas y más enfocadas tendrán una Opacidad mayor. Así que estas formas están establecidas en Modo de fusión Multiplicar, Opacidad 15%.
Paso 5
Como estas formas están superponiéndose a la base del sombreado de la piel, voy a utilizar un duplicado de la forma de la base de la piel para crear una Máscara de recorte (Control-7).
Si vas a estar añadiendo múltiples formas a una máscara de recorte, te sugeriría mantener cada tipo de forma (como en los ajustes, color, etc.) dentro de su propio Grupo (Control-G) pues será más fácil encontrar su ubicación. ¡Los mejores archivos vectoriales son los que están organizados!
Paso 6
Aquí es donde la herramienta Lápiz (N) resulta útil. Me gusta crear las iluminaciones en la piel usando degradados radiales pues crean bordes suaves. Esto ayuda a que las iluminaciones se fusionen con las formas ubicadas debajo.
También tiendo a ir hacia los niveles altos con los degradados también y reducir su Opacidad a un porcentaje bajo pues esto ayuda a crear un efecto aún más fluido.
Estos degradados están establecidos en Modo de fusión Trama, Opacidad 15%. Luego están Agrupados (Control-G) e incluidos en la máscara de recorte de sombreado.
Paso 7
Un consejo para cuando estés trabajando con sombra y fuentes de luz fuerte desde una dirección, es el de usar duplicados de la base de la piel y rellenarlos con un degradado radial transparente. Aquí utilizo uno inverso, establecido en Modo de fusión Multiplicar, Opacidad 100% y lo coloco debajo de todo el demás sombreado.
Puedes ver la colocación de la fuente con la herramienta Degradado (G) que la fuente transparente, donde no habrá oscurecimiento, está donde la iluminación se ubica en el rostro. Por lo tanto, oscurece los bordes y especialmente el área central posterior de la forma.
Paso 8
Puedo hacer una cosa similar con múltiples degradados en un duplicado de la forma de la base, usando el panel Apariencia.
Aquí añado iluminaciones al pómulo (x2), la frente y el hombro. He usado Modo de fusión Trama pues añade iluminación general más bien que Sobreexponer color que trabaja con el contraste.
Paso 9
Cuando quieres oscurecer áreas aún más, el Modo de fusión Subexponer color es la manera de hacerlo. Y si quieres una transición suave de oscuridad contrastada, entonces ayudará utilizar un degradado radial transparente.
He utilizado la herramienta Lápiz (N) para crear formas donde necesito oscuridad más intensa. Estas son establecidas en Opacidad 10%. Una pequeña será adecuada para Subexponer color.
3. Cómo añadir detalles al rostro
Paso 1
Cuando se trata de añadir detalles a una imagen monocromática como esta, no necesitas poner demasiados detalles en los puntos focales, como los ojos y los labios. Aquí es donde puedes confiar únicamente en calcar la imagen de abajo con la herramienta Pluma o con la herramienta Lápiz.
Para los ojos, he utilizado de nuevo degradados radiales, y estos están establecidos en Modo de fusión Trama, Opacidad 30% pues quiero crear formas que sean más claras que lo que está debajo.
Paso 2
Para los dientes he hecho un proceso similar de crear formas más claras... esta vez con un relleno uniforme y estableciendo el Modo de fusión en Trama y Opacidad 15%.
Paso 3
Voy a agregar detalles más oscuros alrededor de los ojos añadiendo formas sólidas en Modo de fusión Multiplicar, Opacidad 40%. Utiliza opacidades más altas esporádicamente pues no quieres tener que tanto contraste se refleje en todo lo demás.
4. Cómo vectorizar el cabello
Si eres nuevo en la creación de cabello vectorial, te podría recomendar dos de mis tutoriales. Específicamente uno será útil, pues voy a crear cabello corto.
RetratoCómo renderizar un detallado cabello corto en Adobe Illustrator
Pinceles de IllustratorCómo vectorizar cabello con pinceles en Adobe Illustrator
Paso 1
Para el cabello, voy a usar formas sólidas y un pincel de arte puntiagudo.
Puedes crear tu pincel usando una Elipse (L) aplanada y luego Convertir puntos de ancla en vértices para los puntos en cualquiera de los lados. De manera alternativa, puedes comprar este pincel como parte de un conjunto de pinceles de cabello en Envato Market.
Paso 2
Para marcar los mechones de cabello, voy a necesitar trabajar desde una forma base.
Usando la herramienta Pluma, he creado una forma arriba de todas las capas de sombreado y una debajo de todas las formas, para tener cabello detrás de su cabeza.
Paso 3
Por el momento, voy a oscurecer el cabello para que pueda verlo y hacer una comparación con el sombreado de la piel.
Voy a añadir mechones de cabello alrededor del exterior de la forma base con la herramienta Bote de pintura (B). Dependiendo de qué tan grande has creado tu pincel, comienza a añadir mechones de trazo grueso más grandes y luego añade más pequeños. Comencé con un Grosor de trazo de 10 pt y luego 3-4 pt.
Paso 4
Como quiero mantener el mismo color, entonces seleccioné todos los trazos y les apliqué Objeto > Expandir. Posteriormente los combiné con la base superior del cabello, usando Buscatrazos > Unificar. Luego he aplicado los ajustes que aparecen a continuación para el panel Apariencia, buscando crear un gris oscuro sin desviarme de mi plan original.
Paso 5
Uso el pincel puntiagudo para las cejas y también para las pestañas. Las cejas están establecidas en Modo de fusión Multiplicar, Opacidad 50%.
Paso 6
Las pestañas están establecidas en Modo de fusión Multiplicar, Opacidad 100%.
No añadas las formas de las pestañas y de la ceja a la máscara de recorte de la base de la piel pues podrías recortar cualquier cabello que se superponga a la base.
Paso 7
Para añadir profundidad y detalles en el cabello, he añadido trazos con nuestro pincel de arte puntiagudo establecido en Modo de fusión Trama, Opacidad 5%. He superpuesto los trazos varias veces para crear niveles variados de iluminación.
Mi tutorial sobre crear cabello corto vectorizado ahonda sobre este proceso en caso de que quieras aprender más.
5. Cómo añadir los toques finales y el color
Paso 1
Podrías dejar el retrato como está; sin embargo, me gusta mejorar mis retratos hacia el final.
En este caso, ha añadido mi colección estándar de lunares en la piel. Me encanta añadirlos a la piel pues nadie la tiene perfecta y los lunares portan mucho simbolismo.
También agregué textura alrededor de los ojos usando Modo de fusión Trama y Sobreexponer color para añadir puntos buscando crear un efecto de brillo. Agregué líneas alrededor de los labios y la nariz para añadir una iluminación buscando ayudar para definir mejor estas áreas.
Paso 2
Podrías terminar ahora tu retrato y este sería el resultado final que querrás con solo un color:
Sin embargo, quiero añadir un toque de color y hacer un recorte fácil.
Primero agrego un degradado de rosa a azul, usando solo dos colores. Esto se incluye en un Rectángulo (M) relleno sobre el retrato con los ajustes que se observan a continuación para el panel Apariencia.
Paso 3
Finalizo el retrato añadiendo una forma rellena de blanco obtenida de una Elipse (L) y una parte de ella es eliminada por un Rectángulo (M) para crear un borde curvo para el área posterior.
Podría hacer esto con una máscara de recorte, pero puede ser un uso excesivo de la memoria cuando trabajas con tantas formas. En ocasiones es más fácil cubrir el área con una forma blanca.
¡Fabuloso trabajo, terminaste!
Gracias por acompañarme en este proyecto. Me encantaría ver lo que otras personas han creado con solo un color de relleno o usando muy pocos colores.
No es la primera vez que he utilizado una paleta limitada para un retrato. Puedes consultar mi retrato de cuatro colores si buscas algo más vibrante.
Hasta la próxima vez, ¡pásala bien vectorizando!
By
