Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Photo Effects

Cómo crear un efecto de retrato pintado a partir de la fotografía de una mascota en Adobe Photoshop

by
Read Time:12 minsLanguages:

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

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

Las pinturas de mascotas son una forma estupenda de añadir un toque creativo a una instantánea de tu querido compañero peludo. Hacer un retrato pintado a mano puede parecer intimidante y el tipo de proyecto que sólo debería intentar un artista consumado. Pero el pincel para difuminar de Photoshop hace que el proceso sea tan fácil que incluso un principiante puede conseguir resultados impresionantes. En este tutorial te guiaré a través del proceso de retocar una foto para adecuarla a un retrato de mascota, y luego te mostraré cómo transformar el mismo en una obra maestra pintada a mano. ¡Es fácil y divertido!

Este tutorial es una parte de un conjunto más amplio de lecciones del curso Efectos fotográficos creativos en Adobe Photoshop.

1. Prepara la foto

Transformar cualquier foto en un retrato pintado suele producir resultados meramente mediocres. Esto se debe a que las fotos suelen contener el caos natural del mundo real, mientras que las imágenes pintadas suelen representar una versión idealizada de la realidad.

Esta separación entre realismo e idealismo es sutil pero importante. Las pinturas son intencionadas: cada pincelada se coloca por una razón. Las fotos captan cómo luce realmente el mundo, sea pintoresco o no.

Los mejores resultados de cualquier proceso de conversión de foto a pintura deben tener eso en cuenta. Entonces, la foto inicial casi siempre requiere un poco de edición antes de comenzar el proceso de pintura.

Paso 1

Comienza utilizando el enlace de descarga de archivos adjuntos para acceder a la imagen inicial, animals-3.jpg. Abre el archivo en Photoshop y fíjate en que hay una serie de cosas que no encajan en una versión idealizada y pintada de este cachorro. Las tiras que cuelgan en el encuadre, e incluso las patas de la silla desvían la atención del foco.

Start with an adorable pet photoStart with an adorable pet photoStart with an adorable pet photo

Paso 2.

Utiliza la herramienta Lazo poligonal (L) para crear una selección aproximada alrededor de las patas de la silla. A continuación, ve a Edición > Rellenar y establece el Contenido en Según el contenido.

Create a selection and use Content-Aware FillCreate a selection and use Content-Aware FillCreate a selection and use Content-Aware Fill

¡Pulsa OK y Photoshop rellenará los píxeles seleccionados con nuevos píxeles derivados del fondo para eliminar la silla de la imagen!

Chair be goneChair be goneChair be gone

Utiliza el mismo proceso para eliminar también las tiras de la parte superior de la foto. Cuando termines, asegúrate de cancelar cualquier selección con Seleccionar > Deseleccionar (Control -D).

All distractiing elements removedAll distractiing elements removedAll distractiing elements removed

Paso 3

Utiliza la herramienta Pincel corrector puntual (J) para eliminar las manchas más pequeñas que puedan distraer la atención, en caso de producirse. En el caso de nuestra foto, hay algunas manchas en la nariz que pueden limpiarse.

Clean up blemishes and smaller detailsClean up blemishes and smaller detailsClean up blemishes and smaller details

Paso 4

Añade una nueva capa llamada Ojo negro y utiliza la herramienta Pincel (B) para oscurecer ligeramente la parte exterior de los globos oculares. Puede parecer desconcertante ahora, pero el resultado final valdrá la pena.

Darken the outside of the eyesDarken the outside of the eyesDarken the outside of the eyes

Paso 5

Utiliza la herramienta Pluma (P) para dibujar una forma de media luna para uno de los iris. Usa un color marrón claro para el relleno (#c07c3e). La forma se suavizará al final en el proceso de difuminado, así que no te preocupes demasiado por que la forma sea perfectamente correcta.

Draw out an iris shapeDraw out an iris shapeDraw out an iris shape

Paso 6

Utilizaremos una combinación de Estilos de capa para dar a la forma del iris un aspecto más natural. Haz doble clic en la capa de la forma del ojo y añade los siguientes ajustes de estilo.

Añade un estilo de Sombra interior con estos ajustes:

  • Desmarca la opción "Usar luz global"
  • Ángulo: -79
  • Tamaño: 10 píxeles
Inner Shadow settingsInner Shadow settingsInner Shadow settings

Añade un estilo de Resplandor interior con estos ajustes:

  • Opacidad: 53%
  • Fuente: Centro
  • Extensión: 15%
  • Tamaño: 8 píxeles
Inner Glow settingsInner Glow settingsInner Glow settings

Añade un estilo de Superposición de motivo con estos ajustes:

  • Modo de fusión: Luminosidad
  • Opacidad: 48%
  • Motivo: Rayas
  • Escala: 65%
Pattern Overlay settingsPattern Overlay settingsPattern Overlay settings

Por último, añade un estilo de capa de Sombra paralela con esta configuración:

  • Modo de fusión: Trama
  • Color: #d79356
  • Desmarca "Usar luz global"
  • Ángulo: -119
  • Distancia: 4 píxeles
  • Tamaño: 4 píxeles
Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

El resultado final debería ser un iris con un aspecto mucho más real.

Final Layer Style EffectFinal Layer Style EffectFinal Layer Style Effect

Paso 7

Usa la herramienta Mover (V) y mantén pulsada la tecla Alt para arrastrar una copia de la forma del iris al otro ojo.

Two excellent irisesTwo excellent irisesTwo excellent irises

Paso 8

Las pinturas suelen tener colores más saturados que las fotos. Ve a Capa > Nueva capa de ajuste > Intensidad. Ajusta la Intensidad a +88 para dar a la foto una mayor saturación de color.

Add a Vibrance Adjustment LayerAdd a Vibrance Adjustment LayerAdd a Vibrance Adjustment Layer

Paso 9

A la nariz le vendría bien un tono rosado adicional. Ve a Capa > Nueva capa de ajuste > Tono/Saturación. Marca la casilla Colorear y utiliza estos ajustes:

  • Tono: 359
  • Saturación: 33
  • Luminosidad: -13
Add a HueSaturation adjustment layerAdd a HueSaturation adjustment layerAdd a HueSaturation adjustment layer

Paso 10

Haz clic en la miniatura de la máscara de la capa de ajuste de Tono/Saturación para fijarla como destino. A continuación, ve a Edición > Rellenar y elige Negro para el Contenido para rellenar la máscara con negro y ocultar el efecto de coloración.

Paso 11

Agarra la herramienta Pincel (B) y haz doble clic en el Chip de Color de primer plano. Ajusta el color a Blanco. Haz clic con el botón derecho del ratón para acceder al Panel de Pinceles contextuales. Selecciona el Pincel preestablecido circular difuso, y establece su Tamaño en 40 px y su Dureza en 50%.

Brush settingsBrush settingsBrush settings

Ahora utiliza el pincel para pintar el efecto de coloración en la nariz del perro. Asegúrate de que sigues trabajando en la Máscara de capa de la capa de ajuste Tono/Saturación. Reduce la Opacidad de la capa de ajuste a 68%.

Paint the effect onto the dogs nosePaint the effect onto the dogs nosePaint the effect onto the dogs nose

Paso 12

Ahora vamos a realzar el color azul de la alfombra. Añade otra capa de ajuste de Tono/Saturación. Cambia el menú desplegable Canal de color a Azul y realiza los siguientes ajustes:

  • Tono: -29
  • Saturación: +60
  • Luminosidad: +21
Enhance the blue tones in the carpetEnhance the blue tones in the carpetEnhance the blue tones in the carpet

Paso 13

Selecciona todas las capas yendo a Seleccionar > Todas las capas (Alt-Control-A) y conviértelas todas en un objeto inteligente yendo a Capa > Objetos inteligentes > Convertir en objeto inteligente. Cambia el nombre de la capa a Retrato de perro retocado.

Convert all the layers into a Smart ObjectConvert all the layers into a Smart ObjectConvert all the layers into a Smart Object

Paso 14

El proceso de difuminado funciona mejor si primero se eliminan los detalles más finos de la imagen. Ve a Filtro > Desenfocar > Desenfoque inteligente y utiliza estos ajustes.

  • Radio: 2.0
  • Umbral: 50.0
  • Calidad: Alta
Smart Blur to remove finer detailsSmart Blur to remove finer detailsSmart Blur to remove finer details

Paso 15

Ve a Filtro > Licuar y utiliza la herramienta Hinchar. Aumenta el tamaño del pincel para que sea un poco más grande que el ojo del perro y haz clic un par de veces para aumentar levemente el tamaño del globo ocular. Hazlo en ambos ojos.

Increase eye size with LiquifyIncrease eye size with LiquifyIncrease eye size with Liquify

Paso 16

La nariz se ve ligeramente inclinada en este momento. Mientras aún estás en la ventana de Licuar, usa la herramienta Deformar hacia adelante (W) para ajustar la forma de la nariz y hacer el surco de la nariz más vertical.

Adjust the nose shapeAdjust the nose shapeAdjust the nose shape

2. Fundamentos del difuminado

Ahora que la foto está retocada y lista para ser transformada en una pintura, necesitamos configurar la herramienta Dedo para difuminar correctamente los píxeles. Hay una peculiaridad interesante sobre el pincel para difuminar, ya que tiende a ignorar los ajustes de transparencia bajos en las capas. Algunos ven esto como un error, pero nosotros lo explotaremos como una característica para ayudar a crear el efecto de pintura.

Paso 1

Reduce la Opacidad de la capa de la foto al 15%. Esto debería hacerla apenas visible. A continuación, añade una nueva capa sobre la foto con el nombre de Difuminado básico.

The almost invisible photo layerThe almost invisible photo layerThe almost invisible photo layer

Paso 2

Selecciona la herramienta Dedo. Si no la ves, mantén pulsado el botón del ratón en la herramienta Desenfocar hasta que aparezca la ventana emergente de la herramienta y selecciona la herramienta Dedo desde allí. En la barra de opciones, abre el menú desplegable Selección de pinceles y haz clic en el icono del engranaje situado en la parte superior derecha. Selecciona los Pinceles M de la lista.

Load the M BrushesLoad the M BrushesLoad the M Brushes

Cuando se te solicite, elige Añadir los pinceles a tu lista o a tus pinceles preestablecidos.

Append the brushesAppend the brushesAppend the brushes

Paso 3

En el panel de Pinceles preestablecidos, desplázate hacia abajo hasta la parte inferior de la lista donde se han añadido los nuevos pinceles. Selecciona el Pincel difuso pastel al óleo y ajusta el Tamaño a 36 px. A continuación, en el panel de Pinceles, activa la Dinámica de forma y realiza los siguientes ajustes.

  • Control de Variación del tamaño: Presión de la pluma (si estás utilizando una tableta gráfica sensible a la presión; de lo contrario, ignora este ajuste)
  • Control de la Variación del ángulo: Dirección inicial
Use the Soft Oil Pastel brushUse the Soft Oil Pastel brushUse the Soft Oil Pastel brush

Activa la propiedad Transferencia y realiza los siguientes ajustes.

Control de Variación de intensidad: Presión de la pluma (si estás utilizando una tableta gráfica sensible a la presión; en caso contrario, ignora este ajuste)

Set the smudge strength to Pen PressureSet the smudge strength to Pen PressureSet the smudge strength to Pen Pressure

Paso 4

Aquí está la verdadera magia de esta técnica. Si utilizas la herramienta Dedo con la opción Muestrear todas las capas activada, la herramienta extraerá la información de los píxeles de la capa subyacente, aunque esa capa sea casi invisible. La herramienta no tiene en cuenta la configuración de la opacidad y la "ve" como totalmente opaca.

Sample All Layers option for the Sudge ToolSample All Layers option for the Sudge ToolSample All Layers option for the Sudge Tool

Por lo tanto, las pinceladas a lo largo de la imagen producirán trazos difuminados que extraen los colores de los píxeles de la foto, ¡sin pintarla realmente!

Así que sigue la dirección natural del pelaje para capturar los rasgos principales del perro. Presta atención a los contornos naturales y no los pintes.

Smudge Paint the main featuresSmudge Paint the main featuresSmudge Paint the main features

Paso 5

Añade una nueva capa llamada Fondo difuminado justo encima de la capa de la foto. Esta será la capa para pintar todas las zonas no focales del cuadro.

New Layer for non focal background elementsNew Layer for non focal background elementsNew Layer for non focal background elements

La única diferencia a la hora de pintar la zona de fondo es el tamaño del pincel. Debe ser considerablemente más grande para producir trazos de pintura que contengan menos detalles. Sugiero un Tamaño entre 200 px y 250 px.

Adjust brush size for background paintingAdjust brush size for background paintingAdjust brush size for background painting

Paso 6

Continúa pintando de forma difusa los elementos del fondo. A lo largo de los bordes de las pinceladas principales, procura pincelar dentro, no fuera, o puedes emborronar inadvertidamente las pinceladas originales.

Smudge paint the background elementsSmudge paint the background elementsSmudge paint the background elements

3. Trabajo detallado de difuminado

Ahora que la pintura básica está terminada, es el momento de prestar atención a los detalles más finos. Esto es lo que realmente ayuda a que la pieza parezca una pintura y no un simple trabajo de filtro. Algunos de los rasgos, como la nariz y los ojos, podrían necesitar un poco de atención a fin de perfeccionar los detalles.

Paso 1

Oculta las capas Difuminado básico y Difuminado de fondo. Añade una nueva capa por encima de ellas, y llámala Detalles del difuminado. Ajusta la Opacidad de la capa de la foto al 75%. Ajusta la Fuerza de la herramienta Dedo al 75% y reduce el Tamaño a unos 20 píxeles. A continuación, traza cuidadosamente sobre los detalles más finos de la nariz para crear una versión más nítida de la misma.

Smudging the smaller detailsSmudging the smaller detailsSmudging the smaller details

Paso 2

Desactiva la opción Muestrear todas las capas y activa la opción Pintar con los dedos. Esta función deposita primero la pintura en el lienzo y luego la emborrona. Establece el color de la pintura en Negro, reduce el Tamaño del pincel a 10 píxeles y ajusta las zonas oscuras alrededor de los iris. Cambia el color a un naranja claro #a86f2d y añade un área brillante a la forma del iris cerca de la parte inferior izquierda.

Finger Paint the eye detailsFinger Paint the eye detailsFinger Paint the eye details

Paso 3

Desactiva la opción Pintar con los dedos y activa la opción Muestrear todas las capas. Reduce el Tamaño del pincel a 5 píxeles y haz trazos cortos que salgan de la pupila para crear un poco de textura en la zona del iris.

Add texture to the iris shapeAdd texture to the iris shapeAdd texture to the iris shape

Paso 4

Vuelve a utilizar la opción Pintar con los dedos para añadir algunos puntos blancos de reflexión especular frente a la zona brillante del iris. Estos pequeños destellos dan la impresión de que los ojos están húmedos y vivos.

Adding Eye SpecularAdding Eye SpecularAdding Eye Specular

Asegúrate de completar ambos ojos utilizando las mismas técnicas. Presta atención a la dirección de la luz para que los ojos parezcan estar iluminados por la misma.

Complete both eyesComplete both eyesComplete both eyes

Paso 5.

Para darle al pelaje una textura más realista, vamos a crear nuestro propio pincel solo para ese fin. Ve a Archivo > Nuevo y crea un documento que tenga un Ancho de 100 px y un Alto de 100 px a 300 dpi.

Create a new file for the custom brushCreate a new file for the custom brushCreate a new file for the custom brush

Utiliza el pincel circular difuso con un Tamaño de 5 píxeles para crear varias manchas pequeñas en un patrón compacto, pero aleatorio.

Paint in an assortment of small dotsPaint in an assortment of small dotsPaint in an assortment of small dots

Ve a Edición > Definir valor del pincel y nombra el pincel Pincel de pelaje. Este pincel preestablecido estará ahora disponible en la parte inferior de tu biblioteca de Pinceles preestablecidos. El archivo del pincel se puede cerrar sin guardar.

New brush presetNew brush presetNew brush preset

Paso 6

Vuelve al archivo principal del proyecto y a la herramienta Dedo. Utiliza el pincel de pelaje recién creado para la punta. Reduce el Tamaño a unos 25 píxeles. Establezca la Fuerza al 75%. Activa la casilla Muestrear todas las capas. Desactiva la opción Pintar con los dedos. Agrega una nueva capa llamada Pelaje difuminado, y aplica un ligero trazo a través de las áreas de transición para crear la impresión de finos mechones de pelaje.

Creating tufts of furCreating tufts of furCreating tufts of fur

Mientras se emborrona el pelaje, es probable que la punta del pincel tenga que girarse para conseguir un mejor ángulo. La forma más fácil de hacerlo es hacer clic con el botón derecho del ratón para abrir el panel Pincel contextual y utilizar el Widget de rotación.

Easily rotate the brush tipEasily rotate the brush tipEasily rotate the brush tip

Paso 7

A continuación, crea una nueva capa llamada Mechones simples. Usa la punta del pincel circular difuso con un Tamaño de 4 píxeles, desactiva la opción Muestrear todas las capas y activa la opción Pintar con los dedos. Ajusta la Fuerza al 95% y el color de la pintura a un gris claro #dfdbd8.. Con trazos muy rápidos y suaves, dibuja mechones individuales para los bigotes, el pelo de las cejas e incluso algunos mechones de pelo de las orejas.

Individual strands of hair provide a nice detailIndividual strands of hair provide a nice detailIndividual strands of hair provide a nice detail

4. Toques finales

En este punto se ha completado la etapa de pintura primaria. ¡Ya casi terminaste! Lo único que queda es aplicar unos cuantos efectos de acabado. Estos no son necesarios, ¡pero añaden un toque especial a una pieza que ya es fantástica!

Paso 1

Añade una nueva capa llamada Blanco justo encima de la capa de la foto. Utiliza el comando Edición > Rellenar para rellenarla de blanco.

Adding a white backgroundAdding a white backgroundAdding a white background

Paso 2

Añada otra capa nueva en la parte superior de la pila de capas llamada Difuminado de bordes. Usa la punta del pincel de pintura al óleo suave, de nuevo, con el Tamaño ajustado a 150 píxeles, y la opción Muestrear todas las capas activada. Asegúrate de desactivar la opción Pintar con los dedos. Procede a difuminar alrededor de la transición entre el área pintada y el fondo blanco.

Smudging the transition areaSmudging the transition areaSmudging the transition area

El resultado debería ser un borde circundante con un aspecto mucho más suave y pictórico.

a more painterly edge treatmenta more painterly edge treatmenta more painterly edge treatment

Paso 3

Crea una capa combinada manteniendo pulsada la tecla Alt mientras va a Capa > Combinar visibles. Cambia el nombre de la capa resultante a Combinación. Ajusta el Modo de fusión a Luz suave para resaltar los colores y reduce la Opacidad al 50% para rebajar un poco el efecto.

Enhance teh colors with a merged layer and Soft LightEnhance teh colors with a merged layer and Soft LightEnhance teh colors with a merged layer and Soft Light

Paso 4

Añade una nueva capa llamada Lienzo por encima de la capa Combinada. Utiliza de nuevo el comando Edición > Rellenar, pero selecciona Gris al 50% en el menú Contenido. A continuación, cambia el Modo de fusión de la capa a Superponer y el relleno gris se vuelve completamente invisible.

Add a grey layer made invisible with OverlayAdd a grey layer made invisible with OverlayAdd a grey layer made invisible with Overlay

Paso 5

Ve a Filtro > Galería de filtros y abre la carpeta Textura. Selecciona el filtro Texturizar y utiliza la siguiente configuración:

  • Textura: Lienzo
  • Escala: 132%
  • Relieve: 4
  • Luz: Desde arriba
Adding a canvas textureAdding a canvas textureAdding a canvas texture

Esto proporciona una sutil textura de lienzo a la pintura, lo que aumenta la ilusión de que la pieza es una pintura real, y no una foto con filtro.

Visible canvas textureVisible canvas textureVisible canvas texture

Paso 6

El lienzo debe tener un color blanquecino para que sea más realista. Haz doble clic en la capa Lienzo para abrir el cuadro de diálogo Estilo de capa. Añade un estilo de Superposición de color con la siguiente configuración.

  • Modo de fusión: Multiplicar
  • Color: #fff9e8
Add an off-white canvas colorAdd an off-white canvas colorAdd an off-white canvas color

¡y aquí está el efecto final!

Finished smudge paintingFinished smudge paintingFinished smudge painting

¿Quieres más?

¿Crees que este proyecto ha sido muy divertido y tienes ganas de conocer otras técnicas para pintar fotos de forma creativa en Photoshop? Este proyecto es sólo uno de los varios que se cubren en el curso de Efectos fotográficos creativos aquí en Tuts+. ¡Consulta el curso completo para aprender sobre el filtro Pintura al óleo, la herramienta Pincel mezclador e incluso cómo crear tu propio Panel de pintura personalizado!

Como regalo final, ¡aquí tienes un vídeo de este proyecto de retrato de mascota, para que lo disfrutes!

One subscription.
Unlimited Downloads.
Get unlimited downloads