1. Design & Illustration
  2. Digital Painting

Cómo crear un retrato digital con Adobe Fuse y Photoshop

by
Read Time:13 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Los retratos no son fáciles de pintar desde la imaginación. No solo se trata de la anatomía, sino del espíritu de la persona escondido tras los rasgos faciales y la expresión. Si también consideras la necesidad de encontrar la postura correcta, la iluminación correcta, los colores correctos y la técnica correcta, se vuelve imposible pintar un buen retrato digital sin una referencia.

Pero no significa que estés condenado a usar fotos imperfectas para crear un retrato de tu personaje imaginado. ¿Sabías que Adobe tiene un programa diseñado para, literalmente, crear un personaje? Por supuesto, no es perfecto, pero puedes usarlo para crear una base altamente personalizada para una pintura digital.

Fuse es básicamente un editor de personajes avanzado, donde puedes añadir y modificar todos los elementos del cuerpo. Una vez que crees un personaje, puedes importarlo a Photoshop CC, donde puedes ajustar la pose y la iluminación. ¡De esta manera, ¡conseguirás el 80% de tu pintura antes de comenzar! En este tutorial te mostraré exactamente cómo hacerlo.

Descargo de responsabilidad:

  • Por ahora, Adobe Fuse aún se encuentra en la etapa de desarrollo y, a veces, puede tener bastantes errores.
  • Aunque no necesitas una suscripción a Creative Cloud para usar Fuse (solo se requiere un AdobeID), las versiones de Photoshop inferiores a CC no manejan las Bibliotecas necesarias para importar un modelo 3D desde Fuse. Si tienes Photoshop CS6 extendido, puedes seguir usando este tutorial, pero solo después de usar el método descrito en este hilo del foro de Adobe.

1. Crea la cara en Adobe Fuse

Paso 1

Abre Adobe Fuse.

adobe fuse interfaceadobe fuse interfaceadobe fuse interface

Paso 2

Escoge la cabeza que se parezca más a tu idea.

adobe fuse pick headadobe fuse pick headadobe fuse pick head

Paso 3

Cambia a la pestaña Personalizar.

adobe fuse customize tabadobe fuse customize tabadobe fuse customize tab

Paso 4

Busca las listas de caras y cabezas y juega con sus controles deslizantes para crear el efecto deseado. Los nombres aquí pueden ser un poco ambiguos, por lo que si no estás seguro de cómo funciona algo, simplemente arrastra el marcador a uno de los extremos. Puedes restablecer fácilmente un control deslizante escribiendo el valor 0.

Atención: aquí puede ocurrir un error inconveniente, haciendo que la cara cambie solo cuando pasas el cursor sobre ella.

adobe fuse how to modify face bugadobe fuse how to modify face bugadobe fuse how to modify face bug

Paso 5

Si cambias a la pestaña de texturas, tendrás la oportunidad de jugar con los colores. Ten mucho cuidado aquí, es fácil crear un efecto antinatural de esta manera.

adobe fuse texture tabadobe fuse texture tabadobe fuse texture tab
adobe fuse skin coloradobe fuse skin coloradobe fuse skin color

Paso 6

Si has terminado con la cara, vuelve a la pestaña de ensamblaje y añade todas las demás partes del cuerpo. Esto es necesario para seguir adelante.

adobe fuse how to create head onlyadobe fuse how to create head onlyadobe fuse how to create head only

Paso 7

La pestaña de ropa debería iluminarse cuando termines. Cambia a ella para añadir el pelo.

adobe fuse clothing tabadobe fuse clothing tabadobe fuse clothing tab
adobe fuse how to add hairadobe fuse how to add hairadobe fuse how to add hair
adobe fuse hair addedadobe fuse hair addedadobe fuse hair added

Paso 8

Una vez que hayas elegido el peinado, cambia a la pestaña textura para ajustar los colores. También debes prestar atención a la resolución de la textura. Teóricamente, cuanto más grande mejor, pero estaremos trabajando en 3D y esto consume mucha RAM. ¡Asegúrate de tener un ordenador potente antes de elegir algo superior a 512 x 512!

adobe fuse texture resolutionadobe fuse texture resolutionadobe fuse texture resolution

Paso 9

Si te sientes preparado, mueve el cursor a la esquina superior derecha y haz clic en Guardar en Bibliotecas CC.

adobe fuse save to cc librariesadobe fuse save to cc librariesadobe fuse save to cc libraries

Asígnale un nombre a tu archivo y elige una biblioteca para guardarlo. Guardar puede llevar un tiempo, dependiendo del tamaño de las texturas que hayas usado.

adobe fuse save modeladobe fuse save modeladobe fuse save model

2. Prepara la postura de la cabeza

Paso 1

Crea un nuevo archivo en Adobe Photoshop. De nuevo, cuanto mayor sea la resolución, mejor, pero primero considera la potencia de tu computadora.

photoshop new file resolutionphotoshop new file resolutionphotoshop new file resolution

Paso 2

Abre la Ventana> Bibliotecas y carga la biblioteca elegida. Arrastra al personaje al lienzo.

photoshop import 3d character by librariesphotoshop import 3d character by librariesphotoshop import 3d character by libraries
photoshop 3d character from fusephotoshop 3d character from fusephotoshop 3d character from fuse

Paso 3

Abre la Ventana > 3D y selecciona Hair_Skeleton. Luego abre Ventana > Propiedades y haz clic en el icono de la máscara. Aquí puedes elegir una expresión para tu personaje.

photoshop 3d character expressionphotoshop 3d character expressionphotoshop 3d character expression

Paso 4

También puedesutilizar este panel para ajustar la posición de la cabeza y los ojos.

photoshop head eyes positionphotoshop head eyes positionphotoshop head eyes position

Paso 5

Utiliza la Herramienta de recorte (C) para limitar el lienzo a la cabeza y los hombros.

photoshop crop 3d modelphotoshop crop 3d modelphotoshop crop 3d model

Paso 6

Utiliza la Herramienta Mover (V) para rotar el modelo y crear la pose que necesitas.

Sugerencia: si recibes un mensaje de memoria insuficiente, intenta Editar > Purgar > Todo para liberar algo de memoria.

photoshop how to rotate 3d model not enough ramphotoshop how to rotate 3d model not enough ramphotoshop how to rotate 3d model not enough ram
photoshop 3d mdoel rotatedphotoshop 3d mdoel rotatedphotoshop 3d mdoel rotated

Paso 7

Usa la Herramienta de recorte (C) una vez más, esta vez creando un marco final.

photoshop porttrait frame 3dphotoshop porttrait frame 3dphotoshop porttrait frame 3d

3. Pon la luz

Paso 1

Voy a iluminar el personaje usando una iluminación de tres puntos. Para poder ver mejor las luces, necesitamos apagar la luz ambiental global.

Ve al panel 3D y selecciona ambiente.

photoshop 3d panel environmentphotoshop 3d panel environmentphotoshop 3d panel environment

En el panel de propiedades, apague el IBL.

photoshop how to turn off ambient lightphotoshop how to turn off ambient lightphotoshop how to turn off ambient light

Paso 2

Selecciona Luz Infinita, esta es por ahora la única luz en la escena.

photoshop how to edit lightphotoshop how to edit lightphotoshop how to edit light

Utiliza la Herramienta mover (V) para ajustar la luz correctamente. ¡Esto es increíblemente fácil, especialmente en comparación con el sombreado de la imaginación!

photoshop how to set lightingphotoshop how to set lightingphotoshop how to set lighting

Paso 3

En el panel de propiedades se puede ajustar la intensidad y la suavidad de la luz. Verás los cambios en tiempo real, así que siéntete libre de experimentar hasta que encuentres el mejor resultado.

photoshop how to create soft shadowsphotoshop how to create soft shadowsphotoshop how to create soft shadows

Pao 4

En la iluminación de tres puntos necesitamos tres fuentes de luz. La anterior se llamaba luz clave, y su propósito es revelar la forma del rostro.

Añadamos otra fuente de luz. Haz clic en el icono de la bombilla de luz y selecciona Nueva luz infinita.

photoshop new lightphotoshop new lightphotoshop new light

Paso 5

Crea una segunda Nueva luz infinita más débil, como luz de relleno, que llenará las sombras creadas por la luz clave.

photoshop fill lightphotoshop fill lightphotoshop fill light
photoshop fill light propertiesphotoshop fill light propertiesphotoshop fill light properties

Paso 6

Finalmente, agrega la tercera Nueva luz infinita, como una luz de borde, para crear un contorno nítido de la cara en un lado. Esta fuente de luz debe ser colocada en la parte posterior.

photoshop rim lightphotoshop rim lightphotoshop rim light
photoshop rim light propertiesphotoshop rim light propertiesphotoshop rim light properties

Paso 7

El problema aquí es que lo que se ve es una versión "simplificada" del modelo final. Para ver la iluminación completamente necesitas renderizar la imagen, pero lleva tiempo. Para evitar una sorpresa después de horas perdidas, realiza una prueba de renderización de vez en cuando para establecer la iluminación perfecta.

Para hacerlo, usa la Herramienta marco rectangular (M) para seleccionar una sección de la imagen.

photoshop how to perform test renderphotoshop how to perform test renderphotoshop how to perform test render

Haga clic en Renderizar en el panel 3D.

photoshop how to render 3dphotoshop how to render 3dphotoshop how to render 3d

Espera un momento, hasta que la sección esté al menos ligeramente renderizada. Juzga el efecto, decide qué quieres cambiar, y luego presiona Esc para abortar el procedimiento y deshacerlo (Control-Z).

Aplica los cambios que has planeado, y luego usa la misma acción de nuevo para ver si luce mejor.

photoshop test render effectphotoshop test render effectphotoshop test render effect

Paso 8

Cuando estés seguro de que todo se ve bien, puedes empezar a renderizar la imagen de verdad. Seleccionar Todo (Control-A) y pulsa Renderizar. Dependiendo de la resolución de la imagen y de las texturas, esto puede tardar desde unos minutos hasta unas pocas horas. Sin embargo, no es necesario esperar al efecto final, si te gusta lo que ves, puedes detenerte y seguir adelante con ello.

photoshop full renderphotoshop full renderphotoshop full render

Paso 9

Guardar el archivo como un nuevo archivo (Control-Mayúsculas-S) para crear una copia en caso de que algo salga mal. A continuación, haz clic con el botón derecho del ratón en la capa 3D y selecciona Rasterizar 3D para crear una imagen plana del modelo.

photoshop how to rasterize 3d layerphotoshop how to rasterize 3d layerphotoshop how to rasterize 3d layer

4. Haz la cara más realista

Paso 1

Nuestro retrato se ve bastante bien, pero aún tiene esa sensación de "modelo 3D". Para reducirlo, tendremos que usar algunos trucos de pintura.

Primero, tenemos que asegurarnos de que la imagen tiene la resolución adecuada. Al menos 2000 px de ancho es imprescindible, y cuanto más, mejor. Usa Imagen > Tamaño de la imagen para asegurarnos de ello.

Usa la herramienta del cubo de pintura (G) para rellenar el fondo con un 50% de gris.

photoshop portrait paintign resolutionphotoshop portrait paintign resolutionphotoshop portrait paintign resolution

Paso 2

Usa un pincel suave para añadir un poco de degradado al fondo.

Sugerencia: puedes usar los mismos pinceles que yo. Solo descarga el archivo adjunto de Cómo crear y usar un juego de pinceles para pintura digital en Adobe Photoshop.

photoshop portrait backgroundphotoshop portrait backgroundphotoshop portrait background

Paso 3

Queremos hacer que el retrato se parezca más a un retrato de una mujer real, así que primero tenemos que averiguar cómo luce una mujer real. Puedes sentir que lo sabes, pero necesitamos detalles, no sentimientos.

Busca referencias fotográficas que se ajusten mejor a tu idea. Decidí usar:

Puedes descargar ambas referencias en la resolución elegida de Envato Market. También puedes usar este sitio para encontrar referencias más específicas, por ejemplo para los labios o los ojos.

where to find photo references for digital paintingwhere to find photo references for digital paintingwhere to find photo references for digital painting

Coloca las referencias detrás de la cabeza, para verlas todo el tiempo. De esta manera, harás que tu cerebro compare las tres caras, y tendrás una mejor idea de lo que hay que hacer para reducir la diferencia.

photoshop how to use photo references to paint a portraitphotoshop how to use photo references to paint a portraitphotoshop how to use photo references to paint a portrait

Paso 4

Empecemos con el pelo, porque de momento se parece más a un casco.

Utiliza la Herramienta cuentagotas (I) para tomar prestado un tono oscuro de la referencia del cabello, y pinta un poco de cabello con el pincel Sketch Detail (o cualquier pincel con Flujo variable).

photoshop how to paint hairphotoshop how to paint hairphotoshop how to paint hair

Paso 5

Usa trazos muy finos para dibujar pelos sueltos aquí y allá. Esto hará que el cabello se vea más claro.

No añadas ningún detalle todavía. Solo haz que se vea más pictórico.

photoshop how to paint hair quicklyphotoshop how to paint hair quicklyphotoshop how to paint hair quickly

Paso 6

Lo siguiente es la piel. Intercambiemos sus tonos con los tonos de la piel de nuestra foto de referencia.

Duplica (Control-J) la capa del retrato y recórtala (Control-Alt-G) al original. Luego ve a Filtro > Galería de filtros y elige Artístico > Recorte. Juega con las opciones para crear un efecto similar al de abajo.

photoshop how to reduce shadesphotoshop how to reduce shadesphotoshop how to reduce shades
photoshop skin shades reducedphotoshop skin shades reducedphotoshop skin shades reduced

Paso 7

Duplica la referencia de la piel, también, y ve a Filtro > Último filtro para aplicarle el mismo efecto.

photoshop how to see more skin shadesphotoshop how to see more skin shadesphotoshop how to see more skin shades

Paso 8

Selecciona la capa del retrato (la "filtrada") y ve a Seleccionar > Gama de colores. Elige el tono más brillante y experimenta con Dispersión para hacerlo lo más preciso posible. Presiona Aceptar.

photoshop how to select single skin shadephotoshop how to select single skin shadephotoshop how to select single skin shade

Paso 9

Se debe crear una selección. Utiliza la Herramienta cuentagotas (I) y elige la sombra más brillante de la referencia de la foto.

photoshop how to pick a single skin shadephotoshop how to pick a single skin shadephotoshop how to pick a single skin shade

Paso 10

Crea una nueva capa, recórtala (Control-Alt-G) y usa la Herramienta del cubo de pintura (G) para rellenar el área con ese tono.

photoshop how to change one shade of the skinphotoshop how to change one shade of the skinphotoshop how to change one shade of the skin

Repite el proceso para todas las demás tonalidades a fin crear un efecto como el que se muestra a continuación. Puede que también necesites limpiar la zona del cabello.

photoshop how to change skin colorphotoshop how to change skin colorphotoshop how to change skin color

Paso 11

Ahora necesitamos mezclar los tonos de piel. Puedes usar tu método favorito de mezcla aquí, pero si no tienes uno, te mostraré el mío.

Busca la Herramienta pincel en el panel de Herramientas. Haz clic en ella y mantenla pulsada un segundo para revelar la lista. Selecciona la Herramienta de pincel mezclador. Luego, abre su menú y la Herramienta restaurar.

photoshop mixer brush tool blendingphotoshop mixer brush tool blendingphotoshop mixer brush tool blending

Paso 12

Haz clic con el botón derecho del ratón para abrir la paleta de pinceles y selecciona Cerda redonda rugosa.

photoshop brush for blendingphotoshop brush for blendingphotoshop brush for blending

Úsala para mezclar las sombras. El movimiento de tu mano es muy importante aquí, no te limites a manchar toda la cara, ¡o matarás el sombreado!

photoshop how to blend skin shadingphotoshop how to blend skin shadingphotoshop how to blend skin shading
photoshop skin blendedphotoshop skin blendedphotoshop skin blended

5. Añade los detalles a la cara

Paso 1

Bajar ligeramente la Opacidad de la capa para mezclarla con la original. Luego usa una Máscara de capa para revelar los labios. Puedes aprender a hacerlo aquí: Consejo rápido: Máscara de Capa vs. Herramienta Borrador en Adobe Photoshop.

photoshop skin colorphotoshop skin colorphotoshop skin color

Paso 2

Usa el pincel Texture Sketch, o cualquier pincel ligeramente texturizado, para pintar sobre los labios. Usa la Herramienta cuentagotas (I) para elegir el color del área sobre la que quieres pintar. ¡Una referencia fotográfica puede ser muy útil aquí! Si no quieres usar una, puedes aprender más sobre cómo pintar los labios en Aprende a pintar hermosos labios realistas en Adobe Photoshop.

photoshop how to paint realistic lipsphotoshop how to paint realistic lipsphotoshop how to paint realistic lips

Paso 3

Usa la Máscara de capa para revelar los ojos y las cejas. Use el mismo método que antes para pintar los párpados, las pestañas y las cejas. También puedes usar este paso para aplicar algo de maquillaje.

photoshop how to paint eyelashes eyelidsphotoshop how to paint eyelashes eyelidsphotoshop how to paint eyelashes eyelids

Paso 4

Los ojos son normalmente un claro indicio de que estamos viendo un modelo 3D. ¡Requieren mucho trabajo antes de que empiecen a verse más naturales!

Crea una Nueva capa y recórtala. Toma un rojo oscuro y pinta los ojos con él usando un pincel con textura.

photoshop how to paint eyes digitallyphotoshop how to paint eyes digitallyphotoshop how to paint eyes digitally

Paso 5

Usa un pincel suave y un tono de rojo más brillante para pintar el área interior. Deja un poco de rojo en los bordes.

photoshop how to paint eyes realismphotoshop how to paint eyes realismphotoshop how to paint eyes realism

Paso 6

Usa un rojo más oscuro y menos saturado (marrón) para pintar las sombras.

photoshop how to shade eyesphotoshop how to shade eyesphotoshop how to shade eyes

Paso 7

Aún usas un pincel suave, toma un azul muy claro y pinta suavemente sobre el área iluminada.

photoshop how to paint light in eyesphotoshop how to paint light in eyesphotoshop how to paint light in eyes

Paso 8

Usa el pincel con textura para añadir más detalles al iris.

photoshop how to paint irisphotoshop how to paint irisphotoshop how to paint iris

Paso 9

Crea una Nueva capa y recórtala. Usa el pincel Sketch Detail y un azul saturado para pintar un reflejo del cielo. Hazlo parcialmente nítido, parcialmente borroso.

photoshop how to paint reflection in the eyesphotoshop how to paint reflection in the eyesphotoshop how to paint reflection in the eyes

Paso 10

Toma el blanco y pinta un poco en la esquina de uno de los reflejos.

photoshop how to paint shiny reflection in the eyesphotoshop how to paint shiny reflection in the eyesphotoshop how to paint shiny reflection in the eyes

Paso 11

Finalmente, usa la Máscara de Capa para revelar la sombra de las pestañas.

photoshop how to paint realistic eyes digitallyphotoshop how to paint realistic eyes digitallyphotoshop how to paint realistic eyes digitally
photoshop realistic digital eyesphotoshop realistic digital eyesphotoshop realistic digital eyes

6. Añade el toque final

Paso 1

El mayor defecto del motor de renderizado 3D de Photoshop es la falta de dispersión del subsuelo. Nuestra piel es ligeramente translúcida, así que la luz puede atravesarla e iluminarla desde el interior. Eso es lo que da a las sombras de nuestra cara un tono rojizo.

Vamos a simular este efecto. Crea una Nueva capa y recórtala. Cambia el Modo de fusión a Superposición. Toma un naranja rojizo y usa un pincel suave para pintar sobre el terminador (el borde entre la luz y la sombra).

photoshop why subsurface scattering so importantphotoshop why subsurface scattering so importantphotoshop why subsurface scattering so important

Paso 2

Pinta suavemente en el lado sombreado de la línea.

photoshop how to paint subsurface scatteringphotoshop how to paint subsurface scatteringphotoshop how to paint subsurface scattering

Paso 3

Añade una Máscara de Capa y bórrala suavemente con un pincel suave para crear un efecto sutil.

photoshop how to make effect subtlerphotoshop how to make effect subtlerphotoshop how to make effect subtler

Úsala donde las sombras parezcan demasiado "frías" o grises.

photoshop how to make face more alivephotoshop how to make face more alivephotoshop how to make face more alive

Paso 4

Nuestro modelo 3D tenía poros en la piel, pero los hemos quitado al cambiar el color de la piel. ¡Arreglémoslo ahora!

Crea una Nueva capa y recórtala. Rellénala con negro. Luego ve a Filtro > Ruido > Añadir Ruido. Elige la Cantidad necesaria para que los puntos blancos sean visibles.

photoshop how to add skin poresphotoshop how to add skin poresphotoshop how to add skin pores

Paso 5

Haz doble clic en la capa para abrir el panel de Estilos. Cambie el Mezcla Si para ver el ruido solo sobre el área iluminada (puede aprender cómo funciona aquí: Consejo rápido: la magia de la Mezcla Si de Photoshop). Luego baja la Opacidad de Relleno a 0.

photoshop how to remove black from texturephotoshop how to remove black from texturephotoshop how to remove black from texture

Revisa Bisel y relieve con el Contorno. Luego juega con los ajustes para lograr un efecto similar al de abajo.

photoshop how to create 3d poresphotoshop how to create 3d poresphotoshop how to create 3d pores
photoshop how to make skin less evenphotoshop how to make skin less evenphotoshop how to make skin less even

Paso 6

Una vez que hayas terminado, puedes jugar con la Opacidad para hacer el efecto más sutil. También puedes añadir otra capa de ruido y cambiar su Modo de fusión a Superposición para añadir algo de grano en la sombra.

photoshop skin pores effectphotoshop skin pores effectphotoshop skin pores effect

Paso 7

Crea otra capa de ruido, esta vez sobre el cabello. Cambia su Modo de fusión a Pantalla. Utiliza la herramienta de Transformación libre (Control-T) para hacer los puntos más grandes.

photoshop how to make hair shinephotoshop how to make hair shinephotoshop how to make hair shine

Paso 8

Añade una Máscara de capa y Rellénala de negro para que el ruido sea transparente. Usa un pincel suave y pinta con blanco para revelar el área brillante. Si quieres un efecto más fuerte, puedes Duplicar la capa y pintar una vez más.

photoshop natural hair effectphotoshop natural hair effectphotoshop natural hair effect

Paso 9

Finalmente, mira tu foto desde la distancia y trata de encontrar qué más necesita ser trabajado. Decidí hacer el pelo más detallado y alisar la piel un poco más. Si quieres aprender más sobre cómo pintar el pelo, prueba Una introducción a la pintura de pelo realista en Adobe Photoshop.

Aunque este retrato es bonito, se parece más a un robot que a un humano real. Esto se debe a que nuestros rostros muestran más de una emoción al mismo tiempo, y los sutiles signos de ellos son muy difíciles de pintar desde cero. Si quieres aprender más sobre su tópico, te encantará Fundamentos de Anatomía Humana: Dominar las expresiones faciales.

photoshop digital portrait from scratchphotoshop digital portrait from scratchphotoshop digital portrait from scratch

¡Qué bonito!

Esto puede haber parecido mucho trabajo, pero todo era solo un detalle, la parte más agradable del proceso de pintura. Gracias a Fuse, no necesitas pasar horas construyendo la pose correcta y estableciendo la luz, porque puedes hacer ambas cosas de una manera muy intuitiva.

Si creas un retrato con este método, ya sea después de hacer este tutorial o en el futuro, por favor publícalo en la sección de comentarios. ¡Me encantaría ver el resultado!

Final ImageFinal ImageFinal Image
One subscription.
Unlimited Downloads.
Get unlimited downloads