Photo to Illustration Effect

Give your photos an illustration effect in only two steps. Also, add a realistic folded paper effect to the final image.

Photo to Illustration Effect

Some time ago, I came up with this very easy effect while playing with a picture posted at Digital Photo School Blog.

👁️
This is an older tutorial, and some external links or data sources mentioned may no longer be accessible. However, the content covers a unique topic and remains valuable despite any broken connections. We’ve kept the post intact for its educational and informative value.

After opening that picture at Photoshop, I started playing with filters and Smart Blur caught my attention. It gave some kind of vectorized or plastic look to the picture ending up with an interesting result.

vector-woman-final1

This effect is amazingly simple. It is based on using only Smart Blur and Unsharp Mask filters. And that's all. In fact, it is so simple that I had to add another special effect, a paper folding effect, to the image to make this tutorial a bit more enticing.

Illustration Effect on a Photo

vector-woman-base1

Original image by José Bernalte

Download and open a cropped version of the of the original image: here...

>> Go to FILTERS >> BLUR >> Smart Blur and set Radius: 100, Threshold: 100, Quality: High, Mode Normal. You will get a smooth, illustration like image.

>> Now go to FILTERS >> SHARPEN >> Unsharp Mask and set Amount: 60, Radius: 80, Threshold: 0.

That's it. No extra steps. This effect is based on the Smart Blur filter which, when applied with the highest settings values, it gives an illustrated look to the image. The Unsharp Mask filter is applied to give more contrast and saturation to the image in one single step.

Depending on the size or quality of the image, these settings should be changed. As with any other photo effect, play with the settings to find the ones that best fit the image you are using. You should always try to start with a well balanced image. If necessary, increase the contrast or sharpen the image before applying the filters.

vector-woman-final1

Adding a frame and some folds to the image

In this next step we are going to add a new layer and draw a large white square over the woman's face.

This square will act as a photo frame, so be sure to choose a cropping that looks good.

After that, add a Drop Shadow and Stroke Layer Styles to the square. Although the frame of the photo should be white, in this case we are using a very light gray because a white frame would blend with the white color of the page in the final result. Copy the settings shown in the image below:

Now move the FRAME layer below the IMAGE layer. Go to the Layers Palette popup menu and select Create clipping mask. The white rectangle will now be masking the woman's face keeping the gray border and drop shadows intact.

Download this gradient, then select the Gradient tool and load the gradient you've just downloaded.

Create a new layer above the IMAGE layer and name it FOLDS. Now, while pressing the Control Key (Command key on Macs) click on the FRAME layer thumbnail to load the white rectangle selection.

Click on the FOLDS layer to select it. Next, apply the gradient inside the rectangle selection in the FOLDS layer. Your image sholuld look similar as the one below:

Set the FOLDS layer OPACITY to something like 25%. The folding effect is now very noticeable and realistic.

If you already read my last tutorial Watercolor text painted over a wet paper, this step will be easy for you. We are going to add some subtle shadows at both the left and right sides of the picture, using a large and soft brush.

Select the Paint brush tool and choose a 100px soft brush tip. Set the Foreground color to black.

Click on the Background layer to select it. Make a single click with the brush tool on the image, near the the edge of the paper. Try different positions of the brush tip to create deeper or lighter shadows.

It is mandatory that you leave all the layers visible while painting the shadows on the background layer so you will be able to see exactly how the shadows will look like.

And we are done!

vector-woman-final2

Get tutorials & freebies delivered to you.

Subscribe to the Photoshop Roadmap newsletter, a weekly roundup of new tutorials, insights and quality downloads, trusted by 6500+ readers.

You might also like

How to Remove Blemishes in Photoshop: Camera Raw vs. Generative AI

Photoshop now offers two distinct approaches to removing skin blemishes automatically. The Camera Raw Filter includes a dedicated Blemishes option that analyzes and cleans skin with a single checkbox, while Generative AI fills a face selection with clean, texture-consistent results using a simple text prompt. Each method has clear...

Common Photoshop Compositing Mistakes and How to Fix Them

Most compositing errors come down to a handful of repeatable problems: mismatched lighting direction, inconsistent white points, misaligned perspective, and atmosphere applied in the wrong layer order. Catching these issues early — ideally before you shoot — saves significant time in post. Watch the Video Practical Tips These corrections apply to nearly...

How to Use the Vectorscope in Camera Raw to Correct Skin Tones

The Vectorscope in Camera Raw gives you a precise, visual way to evaluate and correct skin tones based on hue and saturation data. Because all natural skin tones share a common hue range regardless of ethnicity, the built-in skin tone indicator line serves as a reliable target for getting...

Camera Raw August 2026: AI Blemish Removal, Generative Expand, and More

The August 2026 Camera Raw update adds an AI-powered blemish removal tool that handles skin imperfections automatically, treating blemishes and moles separately so editors stay in control. Alongside that, an improved Generative Expand in the crop tool and a few smaller additions round out a practical update worth knowing....

Wrap Text Around a Subject in 3D Using Photoshop's Warp Tool

Making text appear to wrap around a person or object adds genuine depth to a composition — the kind that's hard to fake with a simple drop shadow. This technique uses two warped text layers, a subject cutout, and a soft shadow to simulate the illusion of cylindrical text...

9 Photoshop Tools That Still Outperform AI for Precision and Control

AI generates images from descriptions, but it cannot hand you the brush. When a project demands exact colors, editable text, precise retouching, or seamless mockups, Photoshop's native tools remain the more reliable choice — not because AI is weak, but because these workflows require control that generative tools simply...

You’ve successfully subscribed to Photoshop Roadmap
Welcome back! You’ve successfully signed in.
Great! You’ve successfully signed up.
Success! Your email is updated.
Your link has expired
Success! Check your email for magic link to sign-in.