Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)
Crear retratos fotorrealistas en Illustrator puede parecer una tarea difícil al principio. Pero un enfoque bien modularizado y simplificado desde el principio hasta el final puede darte los resultados deseados.
En este tutorial, cubriremos algunos consejos importantes, técnicas y flujo de trabajo profesional para simplificar tus esfuerzos a la hora de crear retratos fotorrealistas. Asumiendo que estás familiarizado con el uso básico de la herramienta Malla, ¡comencemos con el tutorial!
Paso 1: La fotografía de referencia
Antes de pasar a la ilustración, vamos a conocer los requisitos básicos de la fotografía de referencia.
1.1 La fotografía de referencia utilizada debe tener una buena resolución, para que te resulte fácil dar detalles a tu arte vectorial.
1.2 Si es posible, corrige el color de la fotografía en Photoshop para eliminar los tonos de color desiguales. Mejórala utilizando filtros de desenfoque, desvanecimiento y otros. Puedes consultar Psdtuts+ o Phototuts+ para obtener consejos sobre cómo mejorar una fotografía. Recuerda que si te esfuerzas en esta fase, se solucionarán los problemas de coloración en gran medida. Este es un paso imprescindible porque no es posible colorear todo el retrato utilizando una paleta de colores establecida. Tendrás que elegir los colores de la propia fotografía.
1.3 Coloca la fotografía de referencia en una capa de la plantilla y NO atenúes la imagen. Déjala al 100% de Opacidad.
Paso 2: Modela el retrato
Dado que utilizaremos la herramienta Malla (U) para toda la ilustración, es importante entender sus limitaciones. Técnicamente, es muy difícil esculpir todo el retrato a partir de un solo objeto de malla. Por ejemplo, si intentas dar demasiado detalle en el ojo, entonces las líneas de malla creadas ahí también afectarán diferentes áreas de la cara.
Por lo tanto, es una buena idea dividir toda la figura en diferentes objetos como la cara, el pelo, los ojos, los labios, las orejas, los dientes, el cuello, la ropa, etc. Esto reducirá tus esfuerzos cuando debas modificar los objetos individuales sin afectar a los demás.
Paso 3: Empieza con la ilustración
Crea una nueva capa para empezar con la ilustración. Lo que parece obvio en esta etapa es el uso de la herramienta Pluma. Irónicamente, olvídate de ella hasta el final de tu proyecto. Todo el retrato se creará utilizando rectángulos deformados y esculpidos utilizando un esquema de malla. Para empezar, crea un rectángulo de cualquier tamaño. A continuación, toma la herramienta Malla (U) y haz clic en cualquier punto de anclaje del rectángulo para convertir toda la forma en un objeto de malla.
Paso 4: El modo contorno
Para toda la ilustración, alterna entre el Modo contorno y el Modo previsualizar utilizando Comando + Y. Esto es útil para ver la imagen de referencia y elegir los colores. Como la imagen de referencia está en una capa de Plantilla, el Modo contorno no afectará su apariencia.
Paso 5: Modela la forma del retrato
5.1 Lo más sencillo es empezar por el rostro. Con la herramienta Selección directa (A), arrastra cada punto de la malla alrededor de los límites de la cara, y ajusta los tiradores de control para obtener una forma aproximada a la anatomía del rostro.
Consejo: Al mover los cuatro puntos de la Malla rectangular, intenta colocarlos uniformemente en las cuatro esquinas, según la anatomía de la cara, es decir, cada uno de ellos debe cubrir un cuadrante de la figura. El siguiente ejemplo muestra la colocación incorrecta de los puntos de anclaje.
En la figura anterior, cuando se añaden más puntos de malla, todo el flujo irá mal, como se muestra a continuación.
Una colocación correcta en cuatro esquinas de la cara te dará el flujo deseado, como se muestra a continuación.
Una vez que estés satisfecho con el flujo, puedes seguir añadiendo más y más puntos de malla.
5.2 Selecciona toda la forma y colorea con un tono medio del color de la cara. Puedes utilizar la herramienta Cuentagotas (I) para elegir el color.
Consejo: Alterna entre el Modo contorno y el Modo previsualizar usando Comando + Y.
Paso 6: Añade, ajusta y colorea los puntos de la malla utilizando la técnica del promedio
Esta es una etapa importante en la que esculpirás y remodelarás toda la cara en un esquema 3D perfecto. Un error obvio que cualquiera de nosotros puede cometer es añadir más y más puntos de malla en una sola región. Hay que evitar eso.
En su lugar, usa la técnica del promedio para obtener un esquema de malla adecuado.
La técnica del promedio: En este enfoque, toda la forma se divide en mitades en cada dirección. A continuación, cada subsección se divide de nuevo en mitades, y así sucesivamente, hasta obtener un esquema 3D detallado. El ejemplo siguiente muestra el uso de la técnica del promedio.
Siguiendo esta técnica, empieza a añadir puntos de malla en el esquema para dividir la forma en mitades. NO pienses en los detalles en esta etapa. En cada adición de un punto de malla, sigue este algoritmo de tres pasos:
- 6.1 Mueve los puntos de malla recién añadidos de acuerdo con el flujo de la cara.
- 6.2 Colorea cada punto de malla con el valor de color más cercano de la imagen de referencia que tiene debajo.
- 6.3 Ajusta los tiradores de control para suavizar el flujo.
Las siguientes imágenes muestran la primera adición de un punto de malla, y su ajuste según la anatomía de la forma.
Control de la aceleración del color
Los controles de un Punto de malla deciden la aceleración del color que fluye a través de él. Un controlador largo proyectará el color a una distancia lejana, mientras que un controlador corto limitará el flujo de color a una distancia pequeña. La imagen de abajo lo explica mejor.
Por lo tanto, siempre que dos puntos de malla estén cerca, procura acortar sus controladores, para que no se crucen entre sí.
Dato: A diferencia de los puntos de anclaje normales, los tiradores de control de un punto de malla se mueven de forma sincronizada, es decir, no se pueden girar los dos tiradores de forma independiente. Si giras un tirador, el otro girará automáticamente.
Paso 7: Continúa con la técnica del promedio
Sigue la técnica del promedio junto con el Algoritmo de tres pasos hasta que consigas alrededor del 60% de detalle en la figura.
Después de añadir varias líneas de malla, ajustar los puntos y asignar los colores, la malla empezará a tomar la forma de la cara.
Paso 8: Añade detalles intermedios
La figura creada hasta ahora es abstracta. En lugar de dedicarte directamente a los detalles finos, déjalos para el final, añade primero los detalles medios. Para ello, comienza a añadir líneas de malla en las zonas donde veas los cambios de color. NO crees una línea de malla exactamente en el borde de un cambio de color. En su lugar, crea dos líneas a una distancia considerable, es decir, una a cada lado del cambio de color.
Al añadir detalles medios, sigue la misma técnica de promedio con el algoritmo de tres pasos.
Nota: No pongas mucho detalle en los ojos y los labios, ya que serán creados usando objetos de malla separados.
Paso 9: Añade los detalles finos
Para lograr detalles finos, comienza a añadir líneas de malla más cerca del borde de los cambios de color. Utiliza un zoom elevado para añadir los puntos de malla con precisión. NO modifiques el color de todos los puntos que caen en el área de alguna línea de malla en particular. Sólo modifica los colores que sean necesarios .
Intenta añadir líneas de malla más cercanas para que la figura no se vea borrosa.
Después de los detalles finos adecuados, la forma de la cara se verá como la imagen de abajo.
Por el momento, el diseño se verá un poco raro sin labios y ojos. Una vez creados, todo el retrato adquirirá la anatomía. Para ello, bloquea y oculta la capa de la cara, y crea una nueva capa para los labios.
Paso 10: Crea los labios
La formación de cualquier objeto se puede empezar con el mismo concepto de rectángulo que se ha visto en la formación de la cara hasta ahora. Por lo tanto, comienza creando un Rectángulo (M), y convirtiéndolo en un objeto de malla utilizando la herramienta Malla (U).
10.1 A continuación, mueve los puntos de la malla alrededor de la forma de los labios como se muestra a continuación. Trata de cubrir un área un poco más grande que pueda ser fácilmente combinada con el resto de la cara. En otras palabras, la malla de los labios debe suponer un desplazamiento positivo de los labios originales.
10.2 Comienza a añadir las líneas de la malla utilizando la técnica del promedio y el algoritmo de tres pasos descrito en el paso 6. A continuación se muestran las tres imágenes de las líneas de malla añadidas con la técnica de promedio.
Sugerencia: Dondequiera que encuentres una distancia más amplia entre dos líneas de malla, trata de ocuparlas uniformemente, de modo que toda la malla se vea distribuida de manera equitativa antes de añadir el detalle. Después de añadir el detalle, la malla puede no quedar tan bonita.
10.3 Siguiendo el mismo procedimiento que en los pasos 7 a 9, añade detalles medios y finos a la malla de los labios. Una vez hecho esto, el resultado final será como el siguiente.
Paso 11: Morphing del objeto labio con el objeto cara
Ahora que hemos creado los labios por separado, es el momento de hacer "morphing" con el objeto cara. Para ello, desactiva la capa de la cara.
11.1 El morphing no es tan fácil como parece. Aunque asignemos el mismo color a los puntos de malla del objeto frontal y del objeto trasero, la transición puede no ser suave. Esto se debe a que la aceleración, la dirección y el flujo de los puntos de malla de los dos objetos es diferente.
11.2 Para un correcto morphing, selecciona cada punto de malla del labio alrededor de sus límites, y asigna un color escogiéndolo del objeto cara.
11.3 Una vez que se han transformado los colores de los límites con el objeto cara de fondo, el resultado debería ser algo parecido a lo que se muestra a continuación.
Consejo: Puede ser difícil conseguir un "morphing" perfecto sin práctica. Intenta acercarte lo más posible a los colores. Los pequeños errores no serán visibles.
Sigamos adelante con la formación de los ojos. Bloquea y oculta otras capas y crea una nueva capa para los ojos.
Paso 12: Crea ojos con una malla radial
Cuando se trata de la formación de ojos, lo mejor es utilizar una Malla radial.
Técnicamente, una malla radial es una malla rectangular doblada en forma circular. Esto es evidente cuando encuentras un dúo de puntos de malla colineales a lo largo del eje horizontal derecho de la malla radial.
12.1 Para crear una malla radial, dibuja una elipse y rellénala con un degradado radial.
A continuación, selecciona la Elipse y ve a Objeto > Expandir. Selecciona la opción Malla de degradado y pulsa OK.
Desagrupa el resultado (Comando + Mayúsculas + G) y libera su Máscara de recorte (Alt + Comando + 7). A continuación, elimina el trazado circular que aparece dentro del degradado radial.
Ahora tienes la malla radial básica que se puede utilizar para la creación de ojos.
12.2 Coloca el centro de la malla radial exactamente en el centro de la pupila del ojo.
12.3 Dado que la pupila, la córnea y el iris de un ojo se ven perfectamente circulares, es una buena práctica añadir un par de líneas de malla radiales a la sección interior de un ojo, antes de distorsionar los límites exteriores. A medida que agregas puntos de malla, asigna el color de la imagen de referencia.
12.4 Para el resto de la sección, gira y arrastra los puntos de la malla para formar la forma de un ojo.
12.5 Selecciona los puntos de la malla en el eje horizontal derecho.
Como se ha comentado al principio del paso 12, hay dos puntos de malla uno sobre otro, a lo largo del eje horizontal derecho de la malla radial. Para seleccionarlos, usa la herramienta Lazo (Q), o arrastra la selección con la herramienta Selección directa (A) en el Modo contorno. Mientras coloreas, selecciona este dúo de puntos de malla juntos, y asigna el mismo color a ambos.
12.6 Girar los tiradores de control de los puntos de malla dobles: El dúo de puntos de malla debe tener el mismo movimiento y flujo. Si modificas el controlador de un punto, también tendrás que hacer cambios similares a su punto idéntico. Para ello, utiliza las Guías inteligentes (Comando + U). Esto te ayudará a la hora de encuadrar todo.
12.7 Una vez que te sientas cómodo con el movimiento de los puntos de malla dobles, puedes empezar a añadir fácilmente más y más puntos de malla. Sigue la misma técnica que se utilizó para la formación de la cara y los labios.
12.8 Trata de dividir toda la malla uniformemente añadiendo también líneas de malla lineales, como se muestra a continuación.
12.9 Después del detallado medio, la malla del ojo tendrá el aspecto de la siguiente imagen.
12.10 Sigue añadiendo más y más líneas de malla radiales y lineales hasta que consigas el detalle deseado. A continuación se muestra una versión final del ojo detallado.
Paso 13: Crea otro ojo y transforma ambos ojos con la cara
Usando la misma técnica que en el Paso 12, crea otro ojo. Después de la formación exitosa, haz morfing en ambos ojos usando las técnicas descritas en el Paso 11. La versión final de la cara, los labios y los ojos después del morphing será algo como lo siguiente.
Paso 14: Crea pelos, orejas, cuello y ropa
Ahora que hemos creado la cara, los labios y los ojos; es fácil crear los pelos, las orejas, el cuello y la ropa utilizando las mismas técnicas descritas en este tutorial. Empieza con una forma básica de rectángulo y sigue la misma técnica que para la cara y los labios. Después de formar con éxito el resto de las partes, el retrato tendrá el aspecto de la siguiente imagen.
Ten en cuenta que el detalle en el pelo es necesario para finalizar el diseño del retrato. Vamos con ello.
Paso 15: Detalla el cabello
Esta es la etapa en la que utilizarás la herramienta Pluma (P) y la herramienta Lápiz (N). Utilizando cualquiera de estas herramientas, crea una figura aproximada de pelos que contenga un detalle medio, como se muestra a continuación.
15.1 Crea algunos pinceles artísticos para obtener detalles finos en el pelo. A continuación se muestran algunos ejemplos de los pinceles que puedes utilizar.
15.2 Con estos pinceles dibuja varios trazos para los pelos, utilizando la herramienta Pluma (P) o la herramienta Lápiz (N).
Puedes jugar con los modos de opacidad y transparencia para conseguir resultados más realistas. Intenta no poner demasiados detalles, ya que eso resulta abrumador.
Paso 16: Toque final
Por último, puedes crear un fondo que coincida con el fondo real de la imagen de referencia. Esto favorecerá las fuentes de luz reales del retrato. A continuación se muestra una versión final del retrato en el Modo contorno y vista previa.
Conclusión y alcance
Hemos visto un enfoque modular paso a paso para la formación de retratos con malla. La técnica de convertir formas básicas en objetos de malla complejos puede ser realmente útil para realizar ilustraciones fotorrealistas de objetos cotidianos. Podemos seguir jugando con los colores del resultado final en la opción Editar colores de Illustrator. Gracias por tu paciencia y el tiempo dedicado a leer este tutorial. ¡Espero que hayas disfrutado de las técnicas!
By
