1. Design & Illustration
  2. Digital Painting

Cómo pintar un gato victoriano elegante en Adobe Photoshop

by
Read Time:8 minsLanguages:

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

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

Los artistas digitales tienen la capacidad única de viajar en el tiempo aprovechando los estilos y técnicas de otros períodos. En el tutorial de hoy te mostraré cómo crear un gato divertido y elegante, inspirado en las hermosas pinturas de retratos de la época victoriana. Mis herramientas de elección serán Adobe Photoshop CS6 y una tableta gráfica Wacom Intuos. ¡Empecemos!

Recursos para el tutorial

En la producción de este tutorial se usaron los siguientes recursos:

Lluvia de ideas: La era victoriana

Los gatos, además de los bigotes y trajes, siempre equivalen a ¡una pintura muy divertida! Cuando comencé este proyecto no sabía que la idea de humanizar a los animales es tan popular a lo largo de la historia del arte que incluso tiene su propio nombre.

Según Wikipedia, el antropomorfismo (te reto a decirlo cinco veces rápidamente), es la "atribución de la forma humana u otras características a cualquier cosa que no sea un ser humano".

Muchos narradores han utilizado historias de animales que hablan y visten ropa humana desde el principio de los tiempos.

Elementos victorianos

Para los artistas digitales, replicar estilos tradicionales como acrílico y pinturas al óleo es realmente muy divertido. Y para tener una mejor idea de la pintura en la era victoriana, estudié muchas imágenes de Google para recopilar los puntos en común en la técnica y la forma.

Aquí hay algunas cosas que noté que podría aplicar a mi pintura:

  • Por lo general, el sujeto se posicionaba frente a paisajes o cortinas.
  • Los sujetos también fueron posicionados en un ángulo que miraba levemente desviado de la visión central.
  • Siempre se usaron colores ricos en tono oscuro (rojos, marrones y negros).
  • Las pinturas eran realistas, pero usaban pinceladas entrecortadas para los detalles.
  • Había un gran enfoque en la iluminación dramática, con muchas sombras que envolvía al sujeto.
  • Por lo general, los museos y propietarios utilizan marcos de oro ornamentado para enmarcar estas obras.

Una vez que tuviera suficiente información, ¡podía pasar a investigar la ropa para vestir a mi gato!

1. Esbozar el gato victoriano

Paso 1

Me encontré con esta gran publicación de Pinterest dedicada al antropomorfismo y la usé como una gran inspiración para esta obra. Tumblr también fue un gran medio para reunir referencias, ya que muchas personas ya dedicaban sus páginas a la moda victoriana.

Al crear un nuevo documento en Adobe Photoshop utilicé los siguientes ajustes para esta pintura:

  • Dimensiones: 8.5 x 11 pulgadas
  • Resolución: 300 dpi

Paso 2

Para empezar a vestir a mi gato, primero hice un rastro muy aproximado de esta referencia de PhotoDune usando un Pincel circular estándar (B).

Trace the Cat ReferenceTrace the Cat ReferenceTrace the Cat Reference

Paso 3

Teniendo en cuenta todas las referencias que reuní, dediqué nuevas capas a dibujar tres trajes diferentes para elegir.

Sketch Outfits for the CatSketch Outfits for the CatSketch Outfits for the Cat

Paso 4

Después de mirar mis opciones, pensé que la combinación de ciertos detalles del atuendo podría crear una gran obra. Con esto en mente, creé una versión mucho más limpia de mi boceto original, añadiendo detalles adicionales como el monóculo para contar aún más la historia victoriana.

Clean Up the Cat SketchClean Up the Cat SketchClean Up the Cat Sketch

Paso 5

Para no complicar demasiado esta obra, decidí que un marco ovalado muy simple sería suficiente. Usando la Herramienta elipse (U) creé un óvalo largo para el marco, y luego lo dupliqué, redimensionando el segundo óvalo en su lugar.

Use the Ellipse Tool to Create the FrameUse the Ellipse Tool to Create the FrameUse the Ellipse Tool to Create the Frame

Después, simplemente posiciono el gato en el marco presionando Control+T para seleccionar la Herramienta transformación libre. Mantén pulsada la tecla Mayús mientras cambias el tamaño para mantener la forma del gato.

Resize the Cat to Fit Inside the FrameResize the Cat to Fit Inside the FrameResize the Cat to Fit Inside the Frame

2. Crear una base de escala de grises

Comenzar una pintura sobre un fondo blanco puede ser muy intimidante, así que creé dos nuevas capas para establecer mis valores de tono básicos.

Rellené la capa de fondo con un color gris claro usando la Herramienta bote de pintura (G).

Fill the Background with a Light Gray ColorFill the Background with a Light Gray ColorFill the Background with a Light Gray Color

Luego usé un pincel circular definido para llenar el retrato y el marco con un gris más oscuro.

Fill the Painting Area with a Dark GrayFill the Painting Area with a Dark GrayFill the Painting Area with a Dark Gray

3. Pintar los colores base

Paso 1

Presiona Control+Mayús+N para crear una Nueva capa y establecerla como una Máscara de recorte en el círculo gris. Esto ayudará a mantener todo lo que pintas dentro de la guía de ese círculo. Selecciona un Pincel texturizado en el panel Pincel para comenzar a pintar los colores base.

Paint the Base Colors on a Clipping MaskPaint the Base Colors on a Clipping MaskPaint the Base Colors on a Clipping Mask

Pinta los colores base para la cabeza y el atuendo, considerando tus referencias originales para inspirarte en el color.

Paso 2

Establece una nueva capa en Multiplicar. Elige un color marrón oscuro para comenzar a pintar en algunas sombras profundas similares al estilo de las antiguas pinturas victorianas.

Paint Shadows on a Layer Set to MultiplyPaint Shadows on a Layer Set to MultiplyPaint Shadows on a Layer Set to Multiply

4. Crear texturas, luz y sombra

Paso 1

Para transmitir realismo con cualquier obra, es importante pintar por encima de la capa de boceto. Comienza a pintar por encima de tu boceto, asegurándote de forjar la estructura de la cara y el atuendo del gato. Presta especial atención a la referencia original del gato para comprender el flujo natural del cabello.

Paint Above the Sketch LayerPaint Above the Sketch LayerPaint Above the Sketch Layer

Paso 2

Añade una Nueva capa de ajuste para Tono y saturación y configúrala como una Máscara de recorte en el círculo gris, como en nuestros pasos anteriores. Ajusta la Luminosidad en -70 para que podamos establecer más contraste entre el gato y el fondo.

Add a Hue and Saturation Adjustment LayerAdd a Hue and Saturation Adjustment LayerAdd a Hue and Saturation Adjustment Layer

Paso 3

Pintar con modos de fusión de capas nos permite ajustar los colores sin arruinar nuestro trabajo. Aquí utilicé un conjunto de capas para Superponer para iluminar un poco la obra, pintando con un color amarillo cálido.

Add an Overlay Layer to Brighten Up the PaintingAdd an Overlay Layer to Brighten Up the PaintingAdd an Overlay Layer to Brighten Up the Painting

Paso 4

¡Experimentar puede llevarnos a muchas sorpresas! Añadir una fuente de luz adicional ayudará a hacer que esta pintura realmente destaque, por lo que uso una mezcla de pinceles circulares definidos y difusos para pintar donde el color capta al gato.

Add an Additional Light SourceAdd an Additional Light SourceAdd an Additional Light Source

5. Pintar la cortina de fondo

Al mantener los diferentes componentes de esta pintura en capas separadas, podemos añadir fácilmente elementos de fondo como una cortina roja. Primero, añado una nueva máscara de recorte a nuestro círculo de retrato y la posiciono debajo de la capa de gato. Luego uso un Pincel circular definido para comenzar a pintar una cortina roja que recuerda a las obras típicas victorianas.

Paint the Background CurtainPaint the Background CurtainPaint the Background Curtain

Para terminar la cortina cambio a un Pincel Grunge para añadir textura, así como los toques finales.

Finish the Background CurtainFinish the Background CurtainFinish the Background Curtain

6. Desarrollar aún más la piel y el atuendo

Paso 1

¡Ahora es el momento de hacer que esta pintura cobre vida! Crea la textura de la piel mediante el uso de trazos cortos en la dirección en que fluye el pelo. Usa un pincel circular definido para establecer la textura general y luego pasa a un pincel circular definido para crear una sensación más espaciosa.

Paint the Fur with Hard and Soft BrushesPaint the Fur with Hard and Soft BrushesPaint the Fur with Hard and Soft Brushes

Paso 2

Establece una capa en Multiplicar para profundizar las sombras de la obra en general. Luego establece otra capa en Superponer usando el color blanco para iluminar nuestro sujeto para mayor contraste contra el fondo oscuro.

Deepen and Brighten Colors with Multiply and Overlay LayersDeepen and Brighten Colors with Multiply and Overlay LayersDeepen and Brighten Colors with Multiply and Overlay Layers

Paso 3

Para pintar el pelaje de manera realista, tendrás que pintar varias capas de sombras, tonos medios y reflejos para establecer el cuerpo y el movimiento adecuados. Varia la longitud de tu trazo y trata de no introducirte en el pelaje o de lo contrario crearás un efecto antinatural.

Continue Painting the Fur Until it looks RealisticContinue Painting the Fur Until it looks RealisticContinue Painting the Fur Until it looks Realistic

7. Usar capas de ajuste para intensificar los colores

Nunca puedo terminar una pintura sin una capa de ajuste o dos. Ve a Capa > Nueva capa de ajuste > Niveles y ajusta los Niveles de entrada de Sombras, Medios tonos y Resaltados para seguir profundizando ese contraste.

Add a New Adjustment Layer for LevelsAdd a New Adjustment Layer for LevelsAdd a New Adjustment Layer for Levels

Añade otra nueva capa de ajuste para el equilibrio de color, ajustando los medios tonos y resaltados para sacar los tonos más azules.

Add a New Adjustment Layer for Color BalanceAdd a New Adjustment Layer for Color BalanceAdd a New Adjustment Layer for Color Balance

8. Pintar el marco y el fondo

Paso 1

Pasemos al marco y al fondo. Usa la Herramienta elipse (U) con un relleno de blanco para crear una forma ovalada en la parte superior del marco esbozado.

Use the Ellipse Tool to Create the Oval FrameUse the Ellipse Tool to Create the Oval FrameUse the Ellipse Tool to Create the Oval Frame

Paso 2

Haz clic derecho y selecciona Opciones de fusión. Añade una sombra paralela y una sombra interior.

Add a Drop Shadow and Inner Shadow to the FrameAdd a Drop Shadow and Inner Shadow to the FrameAdd a Drop Shadow and Inner Shadow to the Frame

Paso 3

Añade nuevas capas y establécelas en Máscaras de recorte para las sombras, el color y la textura del marco. Mantener todo esto en máscaras de recorte separadas te permitirá pintar sin preocuparte por salirte de las líneas.

Create Clipping Masks for the Color Texture and ShadowsCreate Clipping Masks for the Color Texture and ShadowsCreate Clipping Masks for the Color Texture and Shadows

Usa un color rojo profundo como base del marco y aplica una textura de oro brillante encima de él con un Pincel Grunge.

Este es el marco final.

Final Frame for the PaintingFinal Frame for the PaintingFinal Frame for the Painting

Paso 4

Hora de darle color al fondo. Rellena una Nueva capa con azul oscuro y establécela como una Máscara de recorte en el fondo gris. Puedes rellenar la capa gris en sí, pero siempre me gusta mantener mis opciones abiertas mediante la creación de nuevas capas que son fácilmente modificables.

Color the Background BlueColor the Background BlueColor the Background Blue

9. Crear un motivo de Damasco

Paso 1

Colguemos esta pintura victoriana en la pared con un motivo de Damasco fácil. Esboza el contorno de un diseño de damasco personalizado en un nuevo documento en Photoshop. Rellena el diseño con negro usando un Pincel circular definido.

Sketch a Custom Damask Design in Photoshop and Fill itSketch a Custom Damask Design in Photoshop and Fill itSketch a Custom Damask Design in Photoshop and Fill it

Paso 2

Duplica este diseño varias veces, colocando los duplicados en su lugar usando la Herramienta transformación libre (Control+T). Fusiona las capas. Cuando hayas terminado, usa la Herramienta Marco rectangular (M) para seleccionar el diseño y ve a Edición > Definir ajuste preestablecido de pincel para crear tu propio pincel de damasco.

Create a Custom Damask Design Brush Create a Custom Damask Design Brush Create a Custom Damask Design Brush

Paso 3

Usa tu pincel de damasco personalizado para estampar cuidadosamente el pincel en la mitad de la pared. Duplica y voltea (Edición > Transformar > Voltear horizontalmente) la capa para completar el fondo. Cuando hayas terminado, establece la capa en Luz vívida y baja la Opacidad al 12%.

Create a Damask Pattern BackgroundCreate a Damask Pattern BackgroundCreate a Damask Pattern Background

Añade un efecto de Viñeta simple rellenando una nueva capa con negro y borrando el centro con la Herramienta Borrador (E). Establece la capa en Luz suave y reduce la Opacidad al 80%.

Add a Vignette Effect to the BackgroundAdd a Vignette Effect to the BackgroundAdd a Vignette Effect to the Background

10. Detalles de acabado

¡Es hora de terminar esta pintura! Con la Herramienta Pincel (B), selecciona un Pincel circular definido con opacidad alta (50-100%) y termina de limpiar la pintura. Durante esta etapa me enfoco principalmente en asegurarme de que los detalles estén bien definidos y no sean demasiado borrosos.

No te olvides de los detalles como los bigotes, la cadena de oro para el monóculo y los botones del chaleco. Y, por supuesto, ¡añade pelos adicionales afectados por esa colorida fuente de luz!

Clean Up the Painting and Finish DetailsClean Up the Painting and Finish DetailsClean Up the Painting and Finish Details

¡Tu gato elegante está listo!

Espero que hayas disfrutado siguiendo el proceso de esta divertida pintura digital. Puedes aprender muchas técnicas para mejorar tu arte investigando estilos tradicionales e intentándolos en Photoshop. ¡Buena suerte! ¡Y no dudes en ayudarme a encontrar un nombre para mi gato elegante en los comentarios!

Final Result for Painting a Dapper Cat in PhotoshopFinal Result for Painting a Dapper Cat in PhotoshopFinal Result for Painting a Dapper Cat in Photoshop
One subscription.
Unlimited Downloads.
Get unlimited downloads