Turn a photo into an illustration with just one Photoshop filter

Turn a photo into an illustration with just one Photoshop filter

April 25, 2023

Maybe you’ve been using Adobe Photoshop for a while, or maybe you’re just getting started. There are many ways to do every type of edit in the software, as well as all kinds of tips, tricks, and hacks to do things more simply and easily.

Have you ever wanted to take a photograph of yourself, or a friend or loved one, and turn it into a cool illustration, perfect for a social media profile avatar or creative headshot? In this tutorial, Unmesh Dinda of PiXimperfect will use just one tool — called Cutout — and mostly adjusting just one slider, to turn a photo of himself into a vector-style illustration. Check out the video below for the Adobe Photoshop tutorial, or read on for a summary of how to achieve the effect.

Found in the Filter Gallery, Cutout functions like an advanced version of the Posterize filter with three sliders: Number of Levels, Edge Simplicity, and Edge Fidelity. These dictate the amount of detail and the smoothness of your edges.

Step 1: Smart Objects

After opening the source image, the first thing Dinda does is duplicate the image’s layer, then go to the Filter menu and select “Convert for Smart Filters,” changing the new layer into a Smart Object. For those less familiar with Adobe Photoshop, this converts the layer into a “file within a file:” In order to edit it, you open it in a new window, then save and close it when you’re done just as if it were a different project. This allows you to create more complex compositions that include multiple smaller images, while keeping them all editable. Any filter put on a Smart Object is naturally applied as a Smart Filter, meaning it too can be adjusted at any time.

PiXimperfect Screentshot PixIllTut1

Step 2: Applying the Cutout filter

Key Tip: If the Filter Gallery option is grayed out, that’s because your image is in 16 or 32-bit, but the Filter Gallery can only be applied to images in 8-bit. You can convert your image to 8-bit by going to Image > Mode in the menu bar and selecting 8-bit.

On opening Filter Gallery, you’ll find Cutout under the first tab, Artistic. A guide to its sliders:

  • Number of Levels is the closest direct equivalent to Posterize; it cuts your image into sections of flat colors.
  • Edge Simplicity is exactly what it sounds like. Dinda describes this one as “the main game,” making it his primary tool for controlling the output illustration.
  • Edge Fidelity, the third slider, is mostly a supplement to Edge Simplicity, controlling exactly how much of the image’s fine details the filter tries to preserve while still reducing the number of colors. This makes the cutout’s lines more complex and jagged, though, so Dinda advises keeping it at minimum for a cartoony look.

PiXimperfect Screentshot PixIllTut2

Step 3: Layering Cutouts

Dinda goes on to make multiple duplicates of the image with Cutout filters applied at different intensities, from a highly abstract first version, which he emphasizes you should keep as minimal as possible while still capturing the resemblance, to more detailed second and third variants.

Then he creates a layer mask on the latter ones, clears them so none of the layers are showing, and with his Wacom Intuos Pro pen tablet, carefully paints on the masks so that the more detailed images will only show through on the parts of the face he wants to be more defined.

Step 4: Painting corrections and highlights

Finally, he creates a new Normal layer and uses a Hard Round Pressure Size brush to paint highlights in white to take the illustration to the next level.

PiXimperfect Screentshot PixIllTut3

The end result is a composite of multiple versions of the same image with different Cutout filter settings applied, and an extra layer to add hand-painted highlights — but it coheres flawlessly:

PiXimperfect Screentshot PixIllTut4

He also uses this technique extensively in a related tutorial, Transform Portraits to GTA Characters in Photoshop, which demonstrates a very similar process, but with more detail and extra steps. So check that out if you want to go further in depth.

Extra Tip: If you have a little digital painting experience and want your shapes to be neater, you can also eyedropper a color and then use a Hard Round Brush to fill in the lines’ jagged edges.

CS Jones avatar

About the Author

Cameron “C.S.” Jones is a West-Philly-based writer and illustrator who’s been contributing to Wacom for three years now. You can see more of his work, including most of his contributions to this blog, at thecsjones.com, or follow him on Instagram or Twitter.

Related posts:

Expired: Celebrate Gaming Week and save

Expired: Celebrate Gaming Week and save

Shop the Wacom eStore*

When you shop on the Wacom eStore you get access to discounts, financing, extended warranties, and our industry-leading customer support team.

Connect with Wacom on Social

Who's your favorite Pokémon? 💦🍃🔥⚡⁣
Some nostalgic friends for #FridayFanart with amazing art by @philipsue_art. If beautiful landscapes, process videos, and art tips are your thing, Philip's page is the place to visit!⁣
#MadewithWacom #digitalart #animation #art #artprocess #fanart #pokemon #pikachu
6090 26
Digital kitchen time! 
Here's the last of @patrick_4d's digital burger tip series. We hope you tried making your own burger or at least went out and got one for sustenance 🍔🍔🍔
Thank you Patrick for making us the most delicious digital burger we could have wished for. 
583 16
This is a reminder for you to embrace your geek side! 🚀

For those who spend hours designing a new skin for their character, creating 3D models of their favourite video game or programming special effects for movies.
Your art makes us proud!

How are you going to celebrate? 👇

#GeekPrideDay #Geek #ArtistsLife
846 5
Tag your other half. ✨💕⁣
We had to share the love with @yuyo.psd's heartwarming illustration. 🫶⁣
If you like the flow and colors of Yuyo's design, make sure you check out their page for more colorful artwork! 💜⁣
#MadewithWacom #digitalart #illustration #art #graphicdesign
693 8
From concept to reality, @pixebo’s home office is brought to life to create a cozy place to sit down with their Wacom Cintiq and get to work! ✨✍️

#WacomWorkspace #digitalart #homeoffice #deskgoals #wfh
1721 13
Discover the technology behind #CintiqPro24 🚀⁣
The #WacomProPen2 provides state-of-the-art creative pen technology, meaning every stroke, every move of your hand is followed with unerring accuracy. 💫⁣
Want to discover how it feels to draw with it? Check the link in bio!⁣
#Cintiqpro24 #CreativeProfessionals #CintiqPro
708 14
Colorful creative portrait by artist @valerie.loves.colors to start off your week. 🌈☀️🍃⁣
Valerie finds that people and colors give her the most inspiration. She points out that everyone is unique and vibrant in their own way, much like the color spectrum! 🎨⁣
#MadewithWacom #abstractart #digitalart #art #portrait #illustration
473 6
The importance of taking breaks ❤️

We’ve seen absolutely identified with the words of @ms.shortyj 💫 Taking care of yourself will help you grow as an artist.

Stopping is not quitting, is just taking a pause of the path to get another perspective 😉

What other things help you when you feel this way? Share it in the comments!

#Artistslife #MentalHealthAwarenessMonth
1284 18
If you could design your dream workspace, how would it look like? 🚀⁣
Tell us in the comments what are your must-haves! 👇⁣
#WacomWorkspace #ArtistWorkspace
634 14
Don't mind us, we're out here dreaming of @patrick_4d's Wacom burger this weekend. Check out these juicy tips he shares to help you create the best looking digital burger ever! #wacomwantsaburger 
Are you participating in our burger challenge? Visit the link in our bio for more details and a chance to win some cool Wacom prizes.
737 11
Serene moment in time. 😌🌊 Slice of life shot and retouched by photographer @ashrafularefin. ⁣
#MadewithWacom #photography #streetphotography #OldDhaka
536 5