{"id":3629,"date":"2020-01-05T05:36:00","date_gmt":"2020-01-05T05:36:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=3629"},"modified":"2020-01-14T06:25:27","modified_gmt":"2020-01-14T06:25:27","slug":"tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/","title":{"rendered":"Tutorial: How To Create an Illustrated Cartoon Effect in Photoshop from a Photo"},"content":{"rendered":"\n<p>It takes some real skill to draw realistic characters and portraits, but there\u2019s a shortcut you can take by processing a photograph with various filters in Photoshop to give it a cartoon-like illustrated effect. In today\u2019s tutorial I\u2019ll show you a cocktail of adjustments that mimic the outlines, colours, and shading of a digitally painted image automatically, without the need to trace, paint or draw by hand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.spoongraphics.co.uk\/wp-content\/uploads\/2019\/cartoon-effect\/before-after.jpg\"><img data-attachment-id=\"3634\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-01\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-01.jpg\" data-orig-size=\"660,556\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-01\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-01-300x253.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-01.jpg\" loading=\"lazy\" width=\"660\" height=\"556\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-01.jpg\" alt=\"\" class=\"wp-image-3634\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-01.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-01-300x253.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/figure>\n\n\n\n<p>This effect can be applied to any image to transform a real photograph into an illustrated cartoon graphic. All the Photoshop filters that are used each play an important role in smoothing out the details, outlining edges and creating colourful shading effects to achieve a bold art style.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3644\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-02\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-02.jpg\" data-orig-size=\"660,547\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-02\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-02-300x249.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-02.jpg\" loading=\"lazy\" width=\"660\" height=\"547\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-02.jpg\" alt=\"\" class=\"wp-image-3644\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-02.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-02-300x249.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>I\u2019ll be using this photograph of&nbsp;<a href=\"https:\/\/blog.spoongraphics.co.uk\/tutorials\/shutterstock.7eer.net\/WgmPn\">\u201cBeautiful Woman\u201d<\/a>&nbsp;by Daniel Dash on&nbsp;<a href=\"https:\/\/blog.spoongraphics.co.uk\/tutorials\/shutterstock.7eer.net\/WgmPn\">Shutterstock<\/a>&nbsp;as an example for this tutorial, but the effect will work with any image. Before making any changes, convert the image into a Smart Object so all the edits are applied non-destructively.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3645\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-03\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-03.jpg\" data-orig-size=\"660,460\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-03\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-03-300x209.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-03.jpg\" loading=\"lazy\" width=\"660\" height=\"460\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-03.jpg\" alt=\"\" class=\"wp-image-3645\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-03.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-03-300x209.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>To allow the subsequent filters to define the edges of the subject, it first needs brightening. Go to Image &gt; Adjustments &gt; Shadows\/Highlights and increase the shadows value to around 35% to brighten the darkest areas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3642\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-04\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-04.jpg\" data-orig-size=\"660,599\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-04\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-04-300x272.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-04.jpg\" loading=\"lazy\" width=\"660\" height=\"599\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-04.jpg\" alt=\"\" class=\"wp-image-3642\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-04.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-04-300x272.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>The Oil Paint filter is a great tool for smoothing out the details. Apply it under the Filter &gt; Stylize &gt; Oil Paint menu, then set the parameters to 2.0 Stylization, maximum Cleanliness at 10, 0 Scale and Bristle Detail, then no Lighting effects.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3643\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-05\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-05.jpg\" data-orig-size=\"660,420\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-05\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-05-300x191.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-05.jpg\" loading=\"lazy\" width=\"660\" height=\"420\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-05.jpg\" alt=\"\" class=\"wp-image-3643\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-05.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-05-300x191.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>Go to the Filter menu, then choose Filter Gallery. Find the Poster Edges effect under the Artistic category and set the values to 0 Edge Thickness, 1 Edge Intensity and 6 Posterization. This filter adds some dark outlines similar to sketch lines.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3638\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-06\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-06.jpg\" data-orig-size=\"660,555\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-06\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-06-300x252.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-06.jpg\" loading=\"lazy\" width=\"660\" height=\"555\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-06.jpg\" alt=\"\" class=\"wp-image-3638\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-06.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-06-300x252.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>Unfortunately the Poster Edges filter also brings out some nasty texturing in the detailed areas of the photograph, so we\u2019ll add a couple of filters to remedy them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3639\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-07\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-07.jpg\" data-orig-size=\"660,535\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-07\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-07-300x243.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-07.jpg\" loading=\"lazy\" width=\"660\" height=\"535\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-07.jpg\" alt=\"\" class=\"wp-image-3639\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-07.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-07-300x243.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>Go to Filter &gt; Noise &gt; Reduce Noise. Set the Strength to max at 10, with all the other settings at zero.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3640\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-08\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-08.jpg\" data-orig-size=\"660,479\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-08\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-08-300x218.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-08.jpg\" loading=\"lazy\" width=\"660\" height=\"479\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-08.jpg\" alt=\"\" class=\"wp-image-3640\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-08.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-08-300x218.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>A side effect of the noise reduction is it blurs the whole picture a little too much. Go to Filter &gt; Sharpen &gt; Unsharp Mask to bring back the details. Use settings of 70% and 4px Radius.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3641\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-09\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-09.jpg\" data-orig-size=\"660,494\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-09\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-09-300x225.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-09.jpg\" loading=\"lazy\" width=\"660\" height=\"494\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-09.jpg\" alt=\"\" class=\"wp-image-3641\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-09.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-09-300x225.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>A quick addition of Filter &gt; Blur &gt; Smart Blur with values of 4px Radius, 25 Threshold at Low Quality helps to smooth out the result a little more.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3636\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-10\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-10.jpg\" data-orig-size=\"660,451\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-10\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-10-300x205.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-10.jpg\" loading=\"lazy\" width=\"660\" height=\"451\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-10.jpg\" alt=\"\" class=\"wp-image-3636\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-10.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-10-300x205.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>As a finishing touch to give the effect a cell-shaded appearance like comic book illustrations, open the Filter Gallery menu again. Choose Cutout, then set the Edge Simplicity to 4 and Edge Fidelity to 2. Pan through the Number of Levels option to find a good array of shapes that are formed from the shadows of the image. Around 4-5 levels often provide the best results.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3637\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-11\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-11.jpg\" data-orig-size=\"660,588\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-11\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-11-300x267.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-11.jpg\" loading=\"lazy\" width=\"660\" height=\"588\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-11.jpg\" alt=\"\" class=\"wp-image-3637\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-11.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-11-300x267.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>Double-click the little icon next to this latest Filter Gallery Smart Filter in the Layers panel to edit its blending options. Set the Mode to Soft Light to allow the colours to interact.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3635\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo-12\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-12.jpg\" data-orig-size=\"660,512\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo-12\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-12-300x233.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-12.jpg\" loading=\"lazy\" width=\"660\" height=\"512\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-12.jpg\" alt=\"\" class=\"wp-image-3635\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-12.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-12-300x233.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<p>Reduce the Opacity value to between 50-70% to find to reduce the vibrancy of the colours.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.spoongraphics.co.uk\/wp-content\/uploads\/2019\/cartoon-effect\/cartooon-effect.jpg\"><img data-attachment-id=\"3633\" data-permalink=\"https:\/\/azoora.com\/blog\/tutorial\/tutorial-how-to-create-an-illustrated-cartoon-effect-in-photoshop-from-a-photo\/attachment\/create-an-illustrated-cartoon-effect-in-ps-from-photo\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo.jpg\" data-orig-size=\"660,995\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"create-an-illustrated-cartoon-effect-in-ps-from-photo\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-199x300.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo.jpg\" loading=\"lazy\" width=\"660\" height=\"995\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo.jpg\" alt=\"\" class=\"wp-image-3633\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo.jpg 660w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-199x300.jpg 199w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/figure>\n\n\n\n<p>The final result is a cartoon-like illustration effect with bold outlines, vibrant colours and defined shading, all produced from an array of Photoshop Filters. Now this effect has been applied to a Smart Object, the original photograph can be updated to have the same effect applied to any image instantly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It takes some real skill to draw realistic characters and portraits, but there\u2019s a shortcut you can take by processing a photograph with various filters in Photoshop to give it a cartoon-like illustrated effect. In today\u2019s tutorial I\u2019ll show you a cocktail of adjustments that mimic the outlines, colours, and shading of a digitally painted [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3646,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[85,62],"tags":[86,136,97,43,110],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/01\/create-an-illustrated-cartoon-effect-in-ps-from-photo-1.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-Wx","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3629"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=3629"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3629\/revisions"}],"predecessor-version":[{"id":3647,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3629\/revisions\/3647"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/3646"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=3629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=3629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=3629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}