January 03, 2016

How to Make Photoshop Cartoon Effect (using Filters)

Creating a cartoon effect in Photoshop involves using various filters, adjustments, and tools to transform a regular photo into a stylized, illustrated look. Filters that turn your photos into cartoons have been around in Photoshop for years. In this tutorial, I will show you how to make cartoon in Photoshop from a given image without using the pen tool. We'll be using Photoshop filters. There are many different ways to do this and here I will show you other alternative tutorial using Surface Blur filter and Poster Edges Filter. Here's a step-by-step guide for creating a cartoon effect in Photoshop
How to Make Photoshop Cartoon Effect (using Filters)
Final result.




If you liked my tutorials, please subscribe to my YouTube channel - JTSGraph.

Step 1: Open Image

Choose File>Open or else just press Ctrl+O to Open up your base image in Photoshop. In the standard Open dialog box, navigate to the folder that contains your file then select the name of the file you want to open. If your file does not appear, try to view all files by selecting All Formats from the Files of type list. Click Open.
The Open dialog box.

For this Photoshop tutorial, I'll use this image, 890877, downloaded from Pixabay. 
Image used in this tutorial.

Step 2: Create a Selection

Create a selection using the Quick Selection Tool. In the Tools panel, select the Quick Selection tool or else just press W. There are two available tools to choose from, the Quick Selection Tool and the Magic Wand Tool. Press Shift+W to cycle through the two available tools until the one you want is active.
The Quick Selection Tool.

Start making a selection by dragging the cursor in a part of the area you want to select. You will see a line of marching ants appear around the object. Keep adding to it by continuing to drag the cursor within the area. To deselect areas, hold the Alt key as you drag the cursor around the area you want to remove from the selection.
Drag the cursor in a part of the area you want to select.

Use the Refine Edge to refine the selection by choosing Select> Refine Edge or else just press Ctrl+Alt+R. Tick Smart Radius checkbox and click refine radius icon and then adjust the slider tool radius. Click OK.
Use the Refine edge to refine the selection.

Step 3: Turn The Selection Into a Layer

Now we'll transfer the selected pixels to a new layer while leaving the original layer unchanged. Choose Layer>New>Layer via copy or else just press Ctrl+J. In the Layers panel, a layer with the default name of Layer 1 appears above the Background layer.
Transfer the selected pixels to a new layer.

Step 4: Apply Surface Blur Filter

To smooth image surfaces we will apply the Surface Blur filter. Choose Filter>Blur>Surface Blur. In the Surface Blur dialog box, check Preview. I'll choose 30 Pixels Radius and 30 Pixels Threshold. Click OK.
The Surface Blur dialog box.

The Surface Blur filter applied.
Surface Blur filter applied.

Step 5: Apply Poster Edges Filter

The Poster Edges filter gives the image an artsy, posterlike look, and also enhances the edges to make the object's outline appear sharper. Choose Filter> Filter Gallery. In the Filter Gallery dialog box, choose the Artistic. The Artistic folder expands and displays the filters in that category. Choose the Poster Edges filter. For this image, I will fill in the value of Edge Thickness: 1, Edge Intensity: 1, and posterization: 1. Click OK. Adjust this value depends on your photo.
The Poster Edges filter dialog box.

The Poster Edges Filter applied.
Poster Edges Filter applied.

Step 6: Create a New Layer For Background

Select the Background layer on the Layers Panel.
Select the Background layer on the Layers Panel.

Create a new layer by choosing Layer>New>Layer or else just press Shift+Ctrl+N. The New Layer dialog box appears allowing you to name your layer and specify other options. Leave the default settings and click OK.
The New Layer dialog box.

In the Layers panel, a layer with the default name of Layer 2 appears above the Background layer.
A layer with the default name of Layer 2 appears above the Background layer.

Step 7: Fill The New Layer With Color

Next, you’ll want to drop some basic color onto your background. Fill the new layer with a color you like using Edit>Fill command. Choose Edit>Fill or else just press Shift+F5. The Fill dialog box appears. In this dialog box, under Contents, you can choose a color you like to fill the new layer. In the dropdown Use: select Color.
The Fill dialog box.

Please select the color in the Color Picker. Click OK. 
The Color Picker (Fill Color) dialog box.

Now, the color that you choose fills the layer.
Now, the color that you choose fills the layer.

Step 8: Grab the Custom Shape Tool

Your Custom Shape Tool can be found in the left-hand toolbar. Select the Custom Shape Tool from the Tools panel, or else just press U. There are six available shape tools to choose from, the Rectangle Tool, the Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, the Line Tool, and the Custom Shape Tool. Press Shift+U to cycle through the six available shape tools until the one you want is active.
The Custom Shape Tool.

In the Options Bar, make sure Shape is chosen from the menu then choose shape color. To choose the color of the shape, click the color swatch in the options bar, and then choose a color available.
Click the color swatch in the options bar, and then choose a color available.

You can also choose a color from the Color Picker. 
You can also choose a color from the Color Picker.

Click the gear icon, click Defined proportion and check from the center. Lastly, enter a value for the stroke size and select the Registration Target2 shape from the Custom Shape pop-up panel. Once you click on the pop-up panel, you’ll see a whole host of premade options. 
Select the Registration Target2 shape from the Custom Shape pop-up panel.

If you do not find the Registration Target2 shape in the panel, click the gear icon in the upper-right corner, and choose “All”. 
If you do not find the Registration Target2 shape in the panel, click the gear icon in the upper-right corner, and choose “All”.

When asked to replace current shapes, click OK to replace current shapes with the shapes form “All”.
Click OK to replace current shapes with the shapes form “All”.

Step 9: Draw the Registration Target2 Shape

Zoom out the canvas by pressing Ctrl + -. To draw the Registration Target2 Shape, click inside your document and drag away from the starting point. 
Zoom out the canvas by pressing Ctrl + -. Click inside your document and drag away from the starting point.

When you release your mouse button, Photoshop completes the shape and fills it with your chosen color. 
When you release your mouse button, Photoshop completes the shape and fills it with your chosen color.

Press Ctrl + H to remove the shape.
Press Ctrl + H to remove the shape.

Step 10: Save Document

Choose File>Save or else just press Ctrl+S to save your project file. The Save As dialog box appears. Navigate to the folder where you want to store the file. Type a name in the File Name text box and leave the default Photoshop (*.PSD;*.PDD) format. Click Save to store the image.

Once you have finished, you will probably also want to use File>Save As (Shift+Ctrl+S) to export the image in a more widely used format, such as JPEG, PNG, TIFF, etc.

There you have it! Easy Photo to Cartoon Effect in Photoshop.
Easy Photo to Cartoon Effect in Photoshop.

No comments:

Post a Comment