All Topics

Find tutorials, courses, and more...

Design & Illustration

Categories

Learning Guides

DIGITAL PAINTING

How to Paint a Dapper

Victorian Cat in Adobe
Photoshop
by Melody Nieves

2 days ago

0 Comments

67

open in browser PRO version

116

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

What You'll Be Creating

Digital artists have the unique ability to travel back in time by tapping into the styles
and techniques of other periods. In today's tutorial I'll show you how to create a fun,
dapper cat, inspired by the beautiful portrait paintings of the Victorian era. My tools
of choice will be Adobe Photoshop CS6 and a Wacom Intuos Pen Tablet. Let's
begin!

Tutorial Assets
The following assets were used in the production of this tutorial:
Cat Reference
Anthropomorphism Pinterest Inspiration

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Brainstorming: The Victorian Era

Cats, plus moustaches and suits, always equals a very fun painting! But I had no
clue when I began this project that the idea of humanizing animals is so popular
throughout art history that it even has its own name.
According to Wikipedia, Anthropomorphism (dare you to say that five times fast),
is the "attribution of human form or other characteristics to anything other than a
human being."
Many storytellers have used tales of animals that speak and wear human clothes
since the beginning of time.

Victorian Elements
For digital artists, replicating traditional styles like acrylic and oil paintings is actually
quite fun. And to get a better grasp of the Victorian era of painting, I studied many
images from Google to pick up the commonalities in technique and form.
Here are some things I noticed that I could apply to my painting:
The subject was often positioned in front of landscape scenery or curtain
drapery.
open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Subjects also were positioned at an angle facing slightly off from center view.
Rich colors dark in tone were always used (reds, browns, and black).
Paintings were realistic, but used choppy brush strokes for details.
There was a huge focus on dramatic lighting, with lots of shadow enveloping
the subject.
Museums and owners often use ornate gold frames to frame these works.
Once I had enough information, I could move on to researching the clothes to dress
my cat!

1. Sketch the Victorian Cat

Step 1
I stumbled across this really great Pinterest post dedicated toAnthropomorphism
and used it as a huge inspiration for this piece. Tumblr was also a great avenue for
gathering references, since many people already dedicated their pages to Victorian
fashion.
Creating a New Document in Adobe Photoshop I used the following settings for
this painting:

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Dimensions: 8.5 x 11 inches

Resolution: 300 dpi

Step 2
To start dressing my cat, I first made a very rough trace of thisPhotoDune reference
using a Standard Round Brush (B).

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 3
Keeping all the references I gathered in mind, I dedicated new layers to sketching
three different outfits to choose from.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 4
After looking through my choices, I thought that combining certain outfit details
might make for a really great piece. With this in mind, I created a much cleaner
version of my original sketch, adding extra details like the monocle eyepiece to
further tell the Victorian story.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 5
So as not to over-complicate this piece, I decided that a very simple oval frame
would suffice. Using the Ellipse Tool (U) I created one long oval for the frame, and
then Duplicated it, resizing the second oval into place.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Next I simply position the cat into the frame by hittingControl-T to select the Free
Transform Tool. Hold Shift while resizing to maintain the shape of the cat.
open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

2. Create a Grayscale Base

Starting a painting on a white background can be very intimidating, so I created two
new layers to set my basic tonal values.
I filled the background layer with a light gray color using thePaint Bucket Tool (G).

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Then I used a Hard Round Brush to fill the portrait and frame with a darker gray.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

3. Paint the Base Colors

Step 1
Control-Shift-N to create a New Layer and set it as a Clipping Mask to the gray
circle. This will help keep everything you paint within the guideline of that circle.
Select a Textured Brush from the Brush panel to begin painting the base colors.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Paint the base colors for the head and outfit, referring to your original references for
color inspiration.

Step 2
Set a new layer to Multiply. Pick a dark brown color to begin painting in some deep
shadows similar to the style of old Victorian paintings.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

4. Build Textures, Light, and Shadow

Step 1
To convey realism with any piece, it's important to paint above the sketch layer.
open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Start painting above your sketch, making sure to carve out the structure of the cat's
face and outfit. Pay special attention to the original cat reference in order to
understand the natural flow of hair.

Step 2
open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Add a New Adjustment Layer for Hue and Saturation and set it as a Clipping
Mask to the gray circle, as in our previous steps. Adjust theLightness to -70 so
that we can establish more contrast between the cat and the background.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 3
Painting with Layer Blend Modes allows us to adjust the colors without ruining our
work. Here I used a layer set to Overlay to brighten up the piece a little, by painting
with a warm yellow color.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 4
Experimenting can lead to many surprises! Adding an additional light source will
help to make this painting really pop, so I use a mixture of Hard and Soft Round
open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Brushes to paint where the color catches the cat.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

5. Paint the Background Curtain

By keeping the different components of this painting on separate layers, we can
easily add background elements like a red curtain. First, I add a new Clipping
Mask to our portrait circle and position it underneath the cat layer. Then I use a
Hard Round Brush to begin painting a red curtain reminiscent of typical Victorian
pieces.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

To finish the curtain I switch over to aGrunge Brush to add texture as well as the
finishing touches.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

6. Further Develop the Fur and Outfit

Step 1
Now it's time to make this painting come to life! Build the texture of the fur by using
short strokes in the direction the hair flows. Use a Hard Round Brush to establish
the overall texture, and then transition to a Soft Round Brush to create an airier
feel.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 2
Set a layer to Multiply to deepen the shadows of the overall piece. Then set
another layer to Overlay using the color white to light our subject for added contrast
against the dark background.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 3
In order to paint fur realistically, you'll have to paint several layers of shadows, mid
tones, and highlights to establish the appropriate body and movement. Vary your
stroke length and try not to hack at the fur or else it'll create an unnatural effect.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

7. Use Adjustment Layers to Intensify Colors

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

I can never finish a painting without an Adjustment Layer or two. Go to Layer >
New Adjustment Layer > Levels and adjust the Shadows, Mid tones, and
Highlights Input Levels to continue punching out that contrast.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Add another New Adjustment Layer for Color Balance, adjusting the Midtones
open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

and Highlights to bring out the bluer hues.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

8. Paint the Frame and Background

Step 1
Let's move on to the frame and background. Use theEllipse Tool (U) with a fill of
white to create an oval shape on top of the sketched frame.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 2
Right-click and select Blending Options. Add a Drop Shadow and Inner
Shadow.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 3
Add new layers and set them to Clipping Masks for the shadows, color, and texture
of the frame. Keeping these all on separate clipping masks will allow you to paint
without worrying about going outside the lines.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Use a deep red color as the base of the frame, and apply a bright gold texture on
top of it with a Grunge Brush.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Here is the final frame.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 4
Time for the background color. Fill a New Layer with dark blue and set it as a
Clipping Mask to the gray background. You can fill the gray layer itself, but I always
like to keep my options open by creating new layers that are easily adjustable.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

9. Create a Damask Pattern

Step 1
Let's hang this Victorian painting on the wall with an easyDamask Pattern. Sketch
open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

the outline of a custom damask design on a New Document in Photoshop. Fill the
design with black using a Hard Round Brush.

Step 2
open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Duplicate this design several times, positioning the duplicates into place using the
Free Transform Tool (Control-T). Merge the layers. When you're finished, use the
Rectangular Marquee Tool (M) to select the design and go to Edit > Define Brush
Preset to create your own damask brush.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Step 3
Use your custom damask brush to carefully stamp the brush on one half of the wall.
Duplicate and Flip (Edit > Transform > Flip Horizontal)the layer to complete the
background. When you're finished, set the layer to Vivid Light and bring down the
Opacity to 12%.

Add a simple Vignette effect by Filling a New Layer with black and Erasing the
center with the Eraser Tool (E). Set the layer to Soft Light and bring down the
Opacity to 80%.
open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Advertisement

10. Finishing Details

Time to finish this painting! Using theBrush Tool (B), take a Hard Round Brush
with high Opacity (50-100%) and finish cleaning up the painting. During this stage I
mostly focus on making sure that details are well defined and not too blurry.
Don't forget details like whiskers, the gold chain for the monocle eyepiece, and the
vest buttons. And of course, add additional hairs affected by that colorful light
source!
open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Your Dapper Cat Is All Done!

I hope you've enjoyed following the process for this fun digital painting. You can
learn many techniques to improve your art by researching traditional styles and
attempting them in Photoshop. Good luck! And feel free to help me come up with a
name for my dapper cat in the comments!

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Advertisement

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com

Suggested Tuts+ Course

Difficulty:
Intermediate
Length:
Medium
Categories:
Digital Painting
Character Design

Adobe Photoshop
Portrait

Vintage

Patterns
Translations Available:

Environment Concept Art for Games

$15

Tuts+ tutorials are translated by our community

members. If you'd like to translate this post into
another language, let us know!

Related Tutorials
How to Paint Realistic Eyes in Adobe
Photoshop

About Melody Nieves

Design & Illustration

I'm an artist who loves to paint in

Photoshop while helping others learn too.
Follow me on DeviantArt or tweet me
@MelloNieves and tell me what tutorials you'd like

Design & Illustration

to see next!

open in browser PRO version

How to Paint a Polish Winged

Hussar in Adobe Photoshop

Are you a developer? Try out the HTML to PDF API

pdfcrowd.com