REC

Recommended: Video Production, Editing & Gear Maintenance Guide

 WTVID >> WTVID >  >> Video Editing >> Adobe Photoshop

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

If you are anything like me, your artistic skills with a pencil are not great. I can, however, take pretty good photographs. So, this technique will show you how to convert a photo to a drawing in Photoshop.

The steps aren’t complicated, but we will use smart objects, filters and blend modes. If you are not familiar with these, check out the related links to learn more about them.

You will need to use Adobe Photoshop for this particular technique and I will be using the current 2020 CC version of Photoshop. Different versions of Photoshop may require slightly different approaches, particularly as it applies to smart objects.

Start with a portrait

To convert a photo to a drawing in Photoshop, I will start with a portrait of a writer I know, Jane Marshall. I photographed this during a recent portrait session. My version of Photoshop is windows-based, but the commands apply to Mac too.

Make sure you are working with an 8-bit image, or some of the filters will not be visible within Photoshop.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

We will be converting the layers into Smart Objects. Converting them into a smart object will allow you to make modifications to each layer.

Before you do this, use the Quick Select tool on the left side. With that highlighted, you can look across the top of the bar (on Adobe Photoshop CC) and use the Select Subject.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

This uses Adobe’s Sensei AI technology and selects the subject for you. It generally does a pretty good job.

Mask out the subject

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Create a layer mask so that you are only working on the portrait.

To do this, with your selection still made, go to Layer > Layer Mask > Reveal Selection. Alternatively, select the little layer mask icon in the Layer palette.

Clean up the mask by either using a black brush on the layer mask or use the Select and Mask tool. The Select and Mask tool is similar to the prior versions Refine Mask function, but works much better now. Fundamentally, the mask doesn’t need to be perfect, just smooth.

Remember when working on the mask, white reveals and black conceals.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Once you are happy with the mask, we need to invert the selection, so press Ctrl I or Command I (Windows/Mac) and select the background.

Press Delete and the background will disappear. We will proceed to convert the layer into a Smart Object by clicking on the layer. You can also do this from the Edit menu.

Convert the base image into a Smart Object

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Duplicate the layers and rename the new layers.

Because the layer was already a smart image, all the duplicates will also be smart images and will be tied to the original layer (more about that later).

There will be four layers above the original layer.

The original layer should be called Original (it will change from “Background” when you convert it into a Smart Object). We will leave that one alone and only work on the layers above it.

Title the layer above the original “Base.” We can call the layer above Base, “Pencil Outline.” The layer above that, call “Shading” and the Layer above that, call “Lines” or “Edges.”

Naming layers makes adjustments easier to keep track of. Smart objects will make the files larger, but will make all the changes non-destructive and editable.

Create multiple Smart Object layers

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Create the Pencil Outline layer

Turn off all the layers bar the layer you are working on using the Eye icon next to the name of each layer in the Layers palette. In this case, we will start on the Pencil Outline layer. To start the conversion, press Ctrl I or Command I to invert the layer.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Once you have inverted the image, we are going to use the blend mode, “Color Dodge” to create the initial colored pencil outline effect.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Add a Gaussian Blur

The next thing we need to do to convert a photo to a drawing in Photoshop is to add a Gaussian Blur. We will do this to improve the appearance of the initial colored pencil effect.

Select Gaussian Blur from the Menu bar, by going to Filter > Blur > Gaussian Blur. The amount of blur you add will affect how much of the underlying image appears.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Adjust the amount of Gaussian Blur you want, and a color version of the pencil sketch will start to appear.

However, we can improve the image by creating shading and emphasizing some lines.

Adjust the amount of Gaussian Blur to an amount you like, but you want to clearly see your subject.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Make the image black and white

While on the Pencil Outline layer, add a new Black and White Adjustment Layer from the Adjustments Panel. This will add a layer above the Pencil Outline layer.

If you cannot find your Adjustments Panel, go to the menu bar and select Window > Adjustments. You will then see the panel open. The Black and White Adjustment icon is a box with a positive and negative rectangle inside.

Remember that if you have the layers above the one you are working on turned on, you will not see any changes. So make sure only the layer you are working on and the ones below are turned on.

You don’t need to change anything from the default settings for the black and white adjustment layer for the purposes of this exercise.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Working on the shading

When you are converting a photo to a drawing in Photoshop, you want some shading to give depth. However, pencils are usually shaded with texture and blending.

You can create this appearance in Photoshop.

Select your Shading layer.

To improve the effect, we are going to change your brush color from pure black to a dark grey and leave the white as white. You want the foreground color to be the dark grey and the background to be white.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

With the shading layer selected, go to the Filter Gallery (Menu > Filter > Filter Gallery) and choose the Charcoal Filter under the Sketch Group. Set the Charcoal thickness to 1, Detail to 5 and Light/Dark balance to 50.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

On the Shading Layer, change the blend mode to “Multiply.” This allows the underlying layer to merge with the shading layer, creating some detail and some shading.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Change the Opacity

Change the Opacity of the Shading layer to a pleasing amount. This will add texture to the image and make it look a lot more like a pencil drawing with shading. For this example, I used 62% opacity for the shading layer. This allows the underlying layer to start showing through. Choose an amount that works for your image

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Improve the outer edges

Most pencil drawings have stronger edges emphasized. Because we are converting a photo to a drawing in Photoshop, the photograph has lots of details but the edges aren’t pronounced. To do this, we are going to work off the Lines layer (this is the top layer we created earlier).

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Invert the image by pressing Ctrl I or Command I.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Once the image has been inverted, we need to go to Menu > Filter > Filter Gallery and chose “Glowing Edges.”

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

With Glowing Edges chosen under the Stylize Folder, use this to create the lines. Don’t worry that they are color – we are just looking for stronger edges like an artist would draw.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Change the blending mode to “Multiply.”

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Convert it to black and white

This time, instead of adding another layer, we can convert this layer to black and white. Do this by going to Menu > Image > Adjustments > Black and White.

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Any filter effects below other filter effects will not show up live until you move to a different layer (no live preview as you change).

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

Because each layer is a Smart Object, you can go back and adjust each layer’s filter settings to your liking. Essentially, everything is non-destructive. You can even replace the original image and apply the same settings (but that is a more advanced topic).

The finished look

Transform Photos into Stunning Drawings in Photoshop: Easy Step-by-Step Guide

In conclusion, by following all these steps you get a lovely pencil drawing image with shading and definition all starting from a color portrait photo.

There are other ways to accomplish converting a photo to a drawing in Photoshop, but I like how this technique adds subtle shading. This is how a sketch artist would convert a photo into a pencil drawing sketch.

Try converting a photo to a drawing in Photoshop yourself at home, and share your results in the comments section!


  1. Seamlessly Replace Dull Skies in Photoshop: Easy Blend If Tutorial

  2. Photoshop Tutorial: Merge Photos to Rescue Your Botched Tourist Shot

  3. Master Photoshop Masking: Non-Destructive Editing Techniques for Beginners to Pros

  4. Create Authentic Antique Photo Effects in Photoshop Using Lemon and Layer Masks

  5. Transform Your Photo into a Stunning Cartoon Drawing with Photoshop: Step-by-Step Tutorial

Adobe Photoshop
  1. How to Sharpen Only Image Edges in Photoshop: Lightroom-Style Technique

  2. Create Stunning Duotone Images in Photoshop: Step-by-Step Guide

  3. Master Digital Blending in Photoshop: Create Stunning Composite Photos

  4. Create Stunning Reflections in Photoshop: Easy Step-by-Step Tutorial

  5. Photoshop Layers for Beginners: Essential Guide to Get Started

  6. Photoshop Tutorial: How to Whiten Teeth Naturally Using Adjustment Layers

  7. Create Realistic Shadows in Photoshop: Step-by-Step Tutorial

  8. How to Blur Layers in Photoshop: Step-by-Step Pro Guide