Flujo de trabajo profesional para crear retratos fotorrealistas en Illustrator

Crear retratos realistas fotográficos en Illustrator puede parecer una tarea difícil al principio. Pero un enfoque bien modular y simplificado desde el principio hasta el final puede brindarle los resultados deseados..

En este tutorial, cubriremos algunos consejos importantes, técnicas y flujo de trabajo profesional para simplificar sus esfuerzos al crear retratos fotorrealistas. Suponiendo que está familiarizado con el uso básico de la herramienta Malla, comenzaremos con este tutorial.!


Paso 1: La fotografía de referencia

Antes de saltar a la Ilustración, cumplamos los requisitos básicos de la fotografía de referencia..

1.1 La fotografía de referencia utilizada debe tener una buena resolución, de modo que le resulte fácil dar detalles en su arte vectorial.

1.2 Si es posible, corrija el color de la fotografía en Photoshop para eliminar los tonos de color desiguales. Límpielo utilizando difuminado, desvanecimiento y otros filtros. Puede navegar por Psdtuts + o Phototuts + para obtener consejos sobre cómo mejorar una fotografía. Recuerde, si trabaja duro en esta etapa, resolverá los problemas de colorización en gran medida. Este es un paso obligatorio porque no es posible colorear todo el retrato con una paleta de colores establecida. Tendrás que elegir los colores de la propia fotografía..

1.3 Coloque la fotografía de referencia en una capa de plantilla y NO HAGA atenuar la imagen Dejar que quede al 100% de opacidad..



Paso 2: modularizar el retrato

Ya que usaremos la herramienta de malla (U) para toda la ilustración, es importante comprender sus limitaciones. Técnicamente, es muy difícil esculpir todo el retrato de un solo objeto de malla. Por ejemplo, si está tratando de dar demasiados detalles en el ojo, entonces las líneas de malla creadas en el ojo también fluirán a través del resto de la cara..


Por lo tanto, es una buena práctica dividir toda la figura en diferentes objetos como cara, cabello, ojos, labios, oídos, dientes, cuello, ropa, etc. Esto reducirá sus esfuerzos para modificar los objetos individuales sin afectar a los demás..



Paso 3: Comenzando con la Ilustración

Crea una nueva capa para comenzar con la ilustración. Ahora, lo que parece obvio en esta etapa es el uso de la herramienta Pluma. Irónicamente, olvida la herramienta Pluma hasta el final de tu proyecto. El retrato completo se creará utilizando rectángulos retorcidos y esculpidos utilizando la malla de alambre. Para empezar, crea un rectángulo de cualquier tamaño. Luego, tome la Herramienta de malla (U) y haga clic en cualquier ancla del rectángulo para convertir la forma completa en un objeto de malla..



Paso 4: El modo de esquema

Para la ilustración completa, cambie entre el Modo de esquema y el Modo de vista previa con Comando + Y. Esto es útil para ver la imagen de referencia y seleccionar los colores. Dado que la imagen de referencia está en una capa de plantilla, el modo de esquema no afectará su apariencia.


Paso 5: Formando la forma del retrato

5.1 El enfoque más simple es comenzar con la cara primero. Con la Herramienta de selección directa (A), arrastre cada punto de malla alrededor de los límites de la cara y ajuste los controles de control para obtener una forma aproximada que esté cerca de la anatomía de la cara.


Consejo: al mover los cuatro puntos de la malla rectangular, intente colocarlos uniformemente en las cuatro esquinas, dependiendo de la anatomía de la cara, es decir, cada uno de ellos debe cubrir un cuadrante de la figura. Un ejemplo a continuación muestra la ubicación incorrecta de los puntos de anclaje.


En la figura anterior, cuando agrega más puntos de malla, todo el flujo saldrá mal, como se muestra a continuación.


Una colocación correcta en las cuatro esquinas de la cara le dará el flujo deseado, como se muestra a continuación.


Una vez que esté satisfecho con el flujo, puede continuar agregando más y más puntos de malla.

5.2 Seleccione la forma completa y coloréela con un tono medio del color de la cara. Puedes usar la herramienta Eye Dropper Tool (I) para elegir el color..


Consejo: Alterne entre el modo de esquema y el modo de vista previa utilizando Comando + Y.


Paso 6: Agregar, ajustar y colorear puntos de malla usando la técnica promedio

Esta es una etapa importante en la que esculpirá y remodelará toda la cara en una estructura de alambre 3D perfecta. Un error obvio que cualquiera de nosotros puede hacer es agregar más y más puntos de malla en una sola región. Evita tal error.


En su lugar, siga la Técnica promedio para obtener un flujo suave de la malla de alambre.

La técnica media: En este enfoque, toda la forma se divide en mitades en cada dirección. Después de esto, cada subsección se divide de nuevo en mitades, y así sucesivamente, hasta que obtenemos una estructura de alambre 3D detallada. Un ejemplo a continuación muestra el uso de Técnica media.


Siguiendo esta técnica, comience a agregar puntos de malla en la estructura alámbrica para dividir la forma en mitades. NO HAGA pensar en los detalles en esta etapa. En cada adición de un punto de malla, siga este algoritmo de tres pasos:

  • 6.1 Mueva los puntos de malla recién agregados 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 debajo de él.
  • 6.3 Ajuste los controles de control para suavizar el flujo..

Las imágenes a continuación muestran la primera adición de punto de malla y su ajuste de acuerdo con la anatomía de la forma..




Controlando 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. Una manija larga arrojará el color a una distancia lejana, mientras que, una manija corta limitará el flujo de color a una pequeña distancia. Esto quedará más claro a partir de la imagen de abajo..


Por lo tanto, siempre que dos puntos de malla estén cerca, intente acortar sus controles, para que no se crucen entre sí..


Hecho: A diferencia de los puntos de anclaje normales, los controles de un punto de malla se mueven de manera sincrónica, es decir, no puede girar los dos controles de forma independiente. Si giras una manija, la otra girará automáticamente..


Paso 7: Continuar con la técnica promedio

Siga el Técnica media junto con algoritmo de tres pasos Hasta obtener un 60% de detalle en la figura..








Después de agregar varias líneas de malla, ajustar los puntos y asignar los colores, la malla comenzará a tomar la forma de la cara..



Paso 8: Agregar detalles del medio

La figura creada hasta ahora es abstracta. En lugar de tocar directamente los detalles, agregue primero los detalles medianos y luego los detalles finos al final. Para ello, comience a agregar líneas de malla en las áreas donde vea los cambios de color.. NO HAGA cree una línea de malla exactamente en el borde de un cambio de color. En su lugar, cree dos líneas a una distancia considerable, es decir, una a cada lado del cambio de color.


Mientras agrega detalles medios, siga el mismo Técnica media con el Algoritmo de tres pasos.


Nota: No ponga mucho detalle en los ojos y los labios, ya que se crearán utilizando objetos de malla separados.


Paso 9: Agregar detalles finos

Para lograr detalles finos, comience a agregar líneas de malla más cercanas al borde de los cambios de color. Utilice el zoom alto para agregar los puntos de malla con precisión. NO HAGA modifique el color de todos esos puntos que caen en el lugar de una línea de malla en particular. Solo modifica los colores que se requieren para hacerlo..


Intenta agregar 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 obtendrá la anatomía. Para eso, bloquea y oculta la capa de la cara y crea una nueva capa para los labios.


Paso 10: Creando los Labios

La formación de cualquier objeto se puede iniciar con el mismo concepto de rectángulo que se ve en la formación de la cara hasta ahora. Entonces, comience por crear un rectángulo (M) y conviértalo en un objeto de malla utilizando la herramienta Malla (U).


10.1 A continuación, mueva los puntos de malla alrededor de la forma de los Labios como se muestra a continuación. Intente cubrir un área un poco más grande que pueda fusionarse fácilmente con el resto de la cara. En otras palabras, la malla de labios debe ser un desplazamiento positivo de los labios originales.


10.2 Comience agregando líneas de malla usando la Técnica media y el Algoritmo de tres pasos descrito en el Paso 6. A continuación se muestran las tres instantáneas de las líneas de malla agregadas con el Técnica media.




Consejo: Siempre que encuentre una distancia mayor entre dos líneas de malla, intente ocuparlas de manera uniforme, de modo que la malla completa se vea distribuida uniformemente antes de agregar el detalle. Después de agregar detalles, la malla puede no ser tan hermosa.

10.3 Usando el mismo procedimiento que se encuentra en el Paso 7 al Paso 9; Añade detalles medianos y finos a la malla de los labios. Una vez hecho esto, el resultado final se verá a continuación..




Paso 11: Transformar el objeto de labios con el objeto de cara

Ahora que hemos creado los labios por separado, es hora de transformarlos con el objeto facial. Para eso, desplegar la capa facial..

11.1 Morphing no es tan fácil como parece. Incluso si asignamos el mismo color a los puntos de malla del frente y del objeto trasero, la transición puede no ser suave. Esto se debe al hecho de que la aceleración, la dirección y el flujo de puntos de malla de los dos objetos es diferente.


11.2 Para realizar una transformación adecuada, seleccione cada punto de malla del borde alrededor de sus límites y asigne un color seleccionándolo del objeto frontal.


11.3 Una vez que transforme los colores del límite con el objeto de la cara del fondo, el resultado debería verse como a continuación.


Consejo: puede ser difícil obtener una transformación perfecta sin práctica. Intenta acercarte lo más posible a los colores. Pequeños errores no son lo suficientemente legibles.

Sigamos adelante con la formación de los ojos. Bloquea y oculta otras capas y crea una nueva capa para los ojos.


Paso 12: Crear ojos usando una malla radial

Cuando se trata de la formación de ojos, nada puede vencer a una malla radial..

Técnicamente, una malla radial es una malla rectangular curvada en forma circular. Este hecho queda expuesto cuando se encuentra 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, dibuje una elipse y rellénela con un degradado radial.


A continuación, seleccione la Elipse y vaya a Objeto> Expandir. Seleccione la opción de malla de degradado y pulse Aceptar.


Desagrupe el resultado (Comando + Shift + G) y suelte su máscara de recorte (Alt + Comando + 7). A continuación, elimine la ruta circular que aparece dentro del degradado radial.


Ahora tienes la malla radial básica que puede usarse para la creación de ojos..

12.2 Coloque el centro de la malla radial exactamente en el centro de la pupila del ojo..


12.3 Como la pupila, la córnea y el iris de un ojo se ven perfectamente circulares, es una buena práctica agregar un par de líneas de malla radial a la sección interna de un ojo, antes de distorsionar los límites externos. A medida que agregue puntos de malla, asigne el color de la imagen de referencia.


12.4 Para el resto de la sección, gire y arrastre los puntos de malla para formar la forma de un ojo.


12.5 Seleccione los puntos de malla en un eje horizontal derecho.

Como se discutió al comienzo del Paso 12, hay dos puntos de malla uno sobre otro, a lo largo del eje horizontal derecho de la malla radial. Para seleccionarlos, use la herramienta Lazo (Q) o arrastre y seleccione con la Herramienta de selección directa (A) en el modo Esquema. Mientras colorea, seleccione este dúo de puntos de malla juntos, y asigne el mismo color a ambos.


12.6 Girar los controles de los puntos de malla dobles: El dúo de puntos de malla debe tener movimiento y flujo idénticos. Si modifica el controlador de control de un punto, también tendrá que hacer cambios similares para su punto idéntico. Para eso, usa Guías inteligentes (Comando + U). Esto le ayudará a ajustar el manejador a manejador y punto a punto.


12.7 Una vez que se sienta cómodo con el movimiento de los puntos de malla duales, puede comenzar a agregar más y más puntos de malla fácilmente. Sigue la misma técnica que se hace con la formación de la cara y los labios..


12.8 Intente dividir la malla completa de manera uniforme agregando líneas de malla lineales, como se muestra a continuación.


12.9 Después de los detalles medios, la malla del ojo se verá como la imagen de abajo.


12.10 Continúe agregando más y más líneas de malla radial y lineal hasta que obtenga 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, transforme ambos ojos usando las técnicas descritas en el Paso 11. Una versión final de la cara, los labios y los ojos después de la transformación será algo como a continuación.




Paso 14: Crear pelos, orejas, cuello y ropa

Ahora que hemos creado la cara, labios y ojos; Es fácil crear pelos, orejas, cuello y ropa usando las mismas técnicas que se describen en este tutorial. Comience con una forma de rectángulo básica y siga la misma técnica que para la cara y los labios. Después de la formación exitosa del resto de las partes, el retrato se verá como la imagen de abajo.


Tenga en cuenta que aún se requiere el detalle en el cabello para finalizar el diseño del retrato. Sigamos adelante con eso.


Paso 15: Detallando los pelos

Ahora esta es la etapa en la que utilizará la herramienta Pluma (P) y la Herramienta Lápiz (N). Usando cualquiera de estas herramientas, crea una figura aproximada de pelos que contengan detalles medianos, como se muestra a continuación.


15.1 Crea unos pinceles artísticos para detalles finos en el cabello. A continuación hay algunos ejemplos de los pinceles que puedes usar para el cabello..


15.2 El uso de 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 lograr resultados más realistas. Trata de no poner demasiados detalles, ya que parece abrumador.


Paso 16: El Toque Final

Finalmente, puede crear un fondo que coincida con el fondo real de la imagen de referencia. Esto apelará a las fuentes de luz reales del retrato. A continuación se muestra una versión final del retrato en el modo Esquema y Vista previa..



Conclusión y alcance

Hemos visto un enfoque modular paso a paso hacia la formación de retratos de malla. La técnica de convertir formas básicas en objetos complejos de malla puede ser realmente útil para hacer ilustraciones fotorrealistas de objetos cotidianos. Podemos seguir jugando con los colores del resultado final en la opción Editar colores de Illustrator. Gracias por su paciencia y tiempo al leer este tutorial. Espero que hayan disfrutado las técnicas.!