Advertisement
  1. Design & Illustration
  2. Photo Effects
Design

How to Create a Painted Pet Portrait Effect in Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
Final product image
What You'll Be Creating

Pet portraits are are great way to add a creative flair to a snapshot of your beloved fur-covered companion. Crafting a hand-painted portrait may seem intimidating and the type of project only an accomplished artist should attempt. But Photoshop's smudge brush makes the process so easy that even a beginner can achieve stunning results. In this tutorial I will walk you through the process of touching up a photo to be fit for a pet portrait, and then show you how to use transform it into a hand-painted masterpiece. It's easy and it's fun! 

This tutorial is one part of a larger set of instructions for the course: Creative Photo Effects in Adobe Photoshop.

1. Prepare the Photo

Just transforming any photo into a painted portrait will often produce merely mediocre results. This is because photos frequently contain the natural chaos of the real world, whereas painted imagery usually depicts an idealized version of reality. 

This separation between realism and idealism is subtle but important. Paintings are intentional—each stroke of paint is placed for a reason. Photos capture how the world truly appears, whether it is picturesque or not. 

The best results from any photo to painting process must take this into account. Then the starting photo almost always requires a bit of editing before beginning the painting process.

Step 1

Begin by using the Download Attachment link to retrieve the starter image, animals-3.jpg. Open the file in Photoshop and notice that there are a number of things about it that don't fit an idealized, painted version of this puppy. The straps hanging down into frame, and even the chair leg draw attention away from the focus.

Start with an adorable pet photo

Step 2.

Use the Polygonal Lasso Tool (L) to create a rough selection around the chair leg. Then go to Edit > Fill and set the Contents to Content-Aware.

Create a selection and use Content-Aware Fill

Hit OK and Photoshop fills in the selected pixels with new pixels derived from the background to remove the chair from the image!

Chair be gone

Use the same process to remove the straps from the top of the photo as well. When finished, be sure to cancel any selection with Select > Deselect (Control -D).

All distractiing elements removed

Step 3

Use the Spot Healing Brush Tool (J) to remove smaller blemishes and spots that could be distracting if smudged. In the case of our photo, there are a few spots on the nose that can be cleaned up.

Clean up blemishes and smaller details

Step 4

Add a new layer called Eye Black and use the Brush Tool (B) to softly darken the outsides of the eyeballs. It may appear disconcerting now, but the final result will be worth it.

Darken the outside of the eyes

Step 5

Use the Pen Tool (P) to draw out a crescent shape for one iris. Use a soft brown color for the fill (#c07c3e). The shape ultimately will be softened in the smudging process, so don't be overly worried about getting the shape perfectly correct.

Draw out an iris shape

Step 6

We will use a combination of Layer Styles to give the iris shape a more natural appearance. Double-click the Eye Shape layer and add the following style settings.

Add a Inner Shadow style with these settings:

  • Use Global Light is unchecked
  • Angle: -79
  • Size: 10 pixels
Inner Shadow settings

Add an Inner Glow style with these settings:

  • Opacity: 53%
  • Source: Center
  • Choke: 15%
  • Size: 8 pixels
Inner Glow settings

Add a Pattern Overlay style with these settings:

  • Blend Mode: Luminosity
  • Opacity: 48%
  • Pattern: Streaks
  • Scale: 65%
Pattern Overlay settings

Then finally add a Drop Shadow layer style with these settings:

  • Blend Mode: Screen
  • Color: #d79356
  • Uncheck Use Global Light
  • Angle: -119
  • Distance: 4 pixels
  • Size: 4 pixels
Drop Shadow settings

The final result should be an iris that looks considerably more lifelike.

Final Layer Style Effect

Step 7

Use the Move Tool (V) and hold down the Alt key to drag a copy of the iris shape to other eye.

Two excellent irises

Step 8

Paintings usually contain more saturated colors than photos. Go to Layer > New Adjustment Layer > Vibrance. Set the Vibrance to +88 to give the photo deeper color saturation.

Add a Vibrance Adjustment Layer

Step 9

The nose could use some additional pink hue. Go to Layer > New Adjustment Layer > Hue/Saturation. Check the Colorize box and use these settings:

  • Hue: 359
  • Saturation: 33
  • Lightness: -13
Add a HueSaturation adjustment layer

Step 10

Click on the mask thumbnail for the Hue/Saturation adjustment layer to target it. Then go to Edit > Fill and choose Black for the Content to fill the mask with black and hide the colorization effect.

Step 11

Grab the Brush Tool (B) and double-click the Foreground Color Chip. Set the color to White. Right-click to get the Context Brush Panel. Select the Soft Round brush preset, and set the brush Size to 40 px and the Hardness to 50%.

Brush settings

Now use the brush to paint the colorization effect back onto the dog's nose. Be sure you are still targeting the Hue/Saturation adjustment layer's Layer Mask. The reduce the Opacity of the adjustment layer to 68%.

Paint the effect onto the dogs nose

Step 12

Now let's enhance the blue color of the carpet. Add another Hue/Saturation adjustment layer. Change the Color Channel drop-down menu to Blues and make the following settings:

  • Hue: -29
  • Saturation: +60
  • Lightness: +21
Enhance the blue tones in the carpet

Step 13

Select all the layers by going to Select > All Layers (Alt-Control-A) and convert them all into a smart object by going to Layer > Smart Objects > Convert to Smart Objects. Rename the layer to Pet Portrait Retouch.

Convert all the layers into a Smart Object

Step 14

The smudging process works best if the finer details are removed from the image first. Go to Filter > Blur > Smart Blur and use these settings.

  • Radius: 2.0
  • Threshold: 50.0
  • Quality: High
Smart Blur to remove finer details

Step 15

Go to Filter > Liquify and use the Bloat Tool. Size the brush to be just slightly larger than the dog's eye and just click a few times to gently increase the size of the eyeball. Do this for both eyes.

Increase eye size with Liquify

Step 16

The nose looks slightly lopsided at the moment. While still in the Liquify window, use the Forward Warp Tool (W) to adjust the nose shape and make the crease of the nose more vertical.

Adjust the nose shape

2. Smudge Basics

Now that photo is touched up and ready to be transformed into a painting, we need to setup the Smudge Tool to properly smudge the pixels. There's an interesting quirk about the smudge brush in that it tends to ignore low transparency settings on layers. Some see this as a bug, but we will exploit it as a feature to assist in creating the painting effect.

Step 1

Reduce the photo layer Opacity to 15%. This should make it barely visible. Then add a new layer over the photo named Basic Smudge.

The almost invisible photo layer

Step 2

Select the Smudge Tool. If you don't see it, hold down the mouse button on the Blur Tool until you get the tool flyout, and select the Smudge Tool from there. In the Options Bar, open the Brush Selection flyout and click on the gear icon near the top right. Select the M Brushes from the list.

Load the M Brushes

When prompted, choose to Append the brushes to your list or brush presets.

Append the brushes

Step 3

In the Brush Preset panel, scroll down to near the bottom of the list where the new brushes were added. Select the Soft Oil Pastel brush and set the Size to 36 px. Then in the Brush panel, engage the Shape Dynamics and make the following settings. 

  • Size Jitter Control: Pen Pressure (if you are using a pressure sensitive graphics tablet; otherwise ignore this setting)
  • Angle Jitter Control: Initial Direction
Use the Soft Oil Pastel brush

Engage the Transfer property and make the following settings.

Strength Jitter Control: Pen Pressure (if you are using a pressure sensitive graphics tablet; otherwise ignore this setting)

Set the smudge strength to Pen Pressure

Step 4

Here's the real magic of this technique. Using the Smudge Tool with the Sample All Layers option engaged means that the tool will pull the pixel information from the underlying layer, even though that layer is nearly invisible. The tool disregards the opacity setting and "sees" it as fully opaque.

Sample All Layers option for the Sudge Tool

So brushing along the image will produce smudge brush strokes that pull the pixel colors from the photo, without actually painting on the photo!

So follow along the natural flow of the fur to capture the main features of the dog. Be attentive to the natural contours and don't brush against them.

Smudge Paint the main features

Step 5

Add a new layer called Background Smudge just over the photo layer. This will be the layer for painting all the non-focal areas of the painting.

New Layer for non focal background elements

The only difference in painting the background area is the brush size. It should be considerably larger to produce paint strokes that contain less detail. I suggest a Size somewhere between 200 px and 250 px.

Adjust brush size for background painting

Step 6

Continue the smudge painting for the background elements. Along the edges of the main brush strokes, be careful to brush in towards the edge, not away, or you can inadvertently smudge the original strokes out further.

Smudge paint the background elements

3. Detailed Smudge Work

Now that the basic smudge painting is done, it's time to turn attention to the finer details. This is what really helps make the piece look like a painting and not a simple filter job. Some of the features, like the nose and eyes, could use quite a bit of attention to refine the details.

Step 1

Hide the Basic Smudge and Background Smudge layers. Add a new layer above them called Smudge Details. Set the photo layer's Opacity up to 75%. Set the Smudge Tool's Strength to 75% and reduce the Size to around 20 pixels. Then carefully trace over the finer details of the nose to create a sharper smudged version of it.

Smudging the smaller details

Step 2

Turn off the Sample All Layers option and engage the Finger Painting option. This feature deposits paint onto the canvas first, and then smudges that paint. Set the paint color to Black, reduce the brush Size to 10 pixels and tighten up the dark areas around the irises. Change the color to a light orange #a86f2d and add a bright area to the iris shape near the bottom left.

Finger Paint the eye details

Step 3

Turn off the Finger Painting option and engage the Sample All Layers option. Reduce the brush Size down to 5 pixels and use short strokes radiating out from the pupil to create a bit of texture in the iris area.

Add texture to the iris shape

Step 4

Use the Finger Painting option again to add some white spots of specular reflection opposite the bright area of the iris. These small gleams give the impression that the eyes are wet and alive.

Adding Eye Specular

Be sure to complete both eyes using the same techniques. Be attentive to the light direction so the eyes appear to be lit by the same light source.

Complete both eyes

Step 5.

To give the fur a more realistic fur texture, let's create our own brush just for that purpose. Go to File > New and create a document that has a Width of 100 px and a Height of 100 px at 300 dpi.

Create a new file for the custom brush

Use the Soft Round brush preset with a Size of 5 pixels to create several small spots in a tight, but random pattern.

Paint in an assortment of small dots

Go to Edit > Define Brush Preset and name the brush Fur Brush. This brush preset will now be available at the bottom of your Brush Preset library. The brush file can be closed without saving.

New brush preset

Step 6

Go back to the main project file and the Smudge Tool. Use the newly created Fur Brush for the tip. Reduce the Size to around 25 pixels. Set the Strength to 75%. Engage the Sample All Layers check box. Turn Off the Finger Painting option. Add a new layer for Fur Smudge, and gently stroke out across the transition areas to create the impression of fine tufts of fur.

Creating tufts of fur

While smudging the fur, you will likely find that the brush tip needs to be rotated to get a better angle. The easiest way to do this is to right-click to open the Context Brush panel and use the Rotation Widget.

Easily rotate the brush tip

Step 7

Next create a new layer for Single Strands. Use the Soft Round brush tip with a Size of 4 pixels, disable the Sample All Layers option, and engage the Finger Painting option. Set the Strength to 95% and the paint color to a light grey #dfdbd8. With very swift, smooth strokes, draw out individual strands for the whiskers, eyebrow hair, and even a few pieces of ear hair.

Individual strands of hair provide a nice detail

4. Finishing Touches

The primary painting stage is complete at this point. You are almost done! The only thing left is a handful of finishing effects. These are not required, but they do add a final level of polish to an already great piece!

Step 1

Add a new layer named White just over the photo layer. Use the Edit > Fill command to fill it with white.

Adding a white background

Step 2

Add another new layer to the top of the layer stack called Edge Smudge. Use the Soft Oil Paint brush tip again with Size set to 150 pixels, and the Sample All Layers option engaged. Be sure to turn off the Finger Painting option. Proceed to smudge around the transition between the painted area and the white background.

Smudging the transition area

The result should be a surrounding edge that looks much softer and more painterly.

a more painterly edge treatment

Step 3

Create a merged layer by holding down the Alt key while going to Layer > Merge Visible. Rename the resulting layer Merge. Set the Blending Mode to Soft Light to pop the colors, and reduce the Opacity to 50% to pull the effect down a bit.

Enhance teh colors with a merged layer and Soft Light

Step 4

Add a new layer named Canvas above the Merged layer. Use the Edit > Fill command again, but select 50% Grey from the Content menu. Then change the layer's Blending Mode to Overlay and the grey fill becomes completely invisible.

Add a grey layer made invisible with Overlay

Step 5

Go to Filter > Filter Gallery and open the Texture folder. Select the Texturizer filter and use the following settings:

  • Texture: Canvas
  • Scaling: 132%
  • Relief: 4
  • Light: Top
Adding a canvas texture

This provides a subtle canvas texture to the painting, which enhances the illusion of the piece being an actual painting, and not a filtered photo.

Visible canvas texture

Step 6

The canvas should have an off-white color to be more realistic. Double-click on the Canvas layer to open the Layer Style dialogue box. Add a Color Overlay style with the following settings.

  • Blend Mode: Multiply
  • Color: #fff9e8
Add an off-white canvas color

and here's the final effect!


Finished smudge painting

Want More?

Think this project was a lot of fun and eager to learn about other techniques for creative photo painting in Photoshop? This project is just one of several covered in the Creative Photo Effects course here at Tuts+. Check out the full course to learn about the Oil Paint filter, the Mixer Brush Tool, and even how to create your very own custom Painting panel!

As a final treat, here's a time lapse video of this Pet Portrait Project, for your enjoyment!

Advertisement
Advertisement
Looking for something to help kick start your next project?

Envato Market has a range of items for sale to help get you started.