Illustrations can enhance the mode and appeal of your ecommerce site. However, creating illustrations (or hiring skilled illustrators) can be plush and time-consuming.

Thankfully, you lot can acquire how to plough a pic into a line cartoon in Photoshop CC 2019 post-obit the steps beneath. Images of objects isolated on a white background work best for this technique, making this a great option for modifying or enhancing product photos.

Receive free ecommerce & production photography tips

Before you begin: How to outline an image in Photoshop

If you want to plough a photograph into a pencil sketch in Photoshop, but you don't want it to look like you did information technology in Photoshop, you'll need to pay attention to particular and prepare your image properly before you utilize any filters.

In the post-obit tutorial, nosotros'll get over ane method that shows you how to convert your image into a pencil sketch flawlessly, and and so we'll discuss specific tools you tin explore to attain other image outlining effects in Photoshop.

Non all photos are the same, and so you'll demand to utilise your judgement as you adjust filters, blurs and layer opacities each fourth dimension you lot utilise Photoshop to catechumen a photo into a line drawing using the steps below.

How to plow a picture into a line cartoon in Photoshop

  1. Accommodate the contrast of your photo
  2. Set up up your layers
  3. Convert the paradigm to grayscale using an adjustment layer
  4. Convert your photo to a line drawing
  5. Set your Background and Foreground colors
  6. Add Pencil Shading to your image
  7. Add a cross-hatching effect to your epitome
  8. Make your final tweaks

Footstep i: Adjust the dissimilarity of your photo

In the example photograph, the image of the shoes and sunglasses contrast significantly against the white groundwork. The image of the change purse and perfume tube, nonetheless, are so calorie-free they almost alloy into the background.

We'll adjust the contrast of the unabridged photograph and then the purse and tube stand out more.

Go to your Layers panel and make certain the layer that contains your image is selected. If you're working in a flattened prototype (such as a JPG), this layer will exist the locked Background layer.

Choose Image > Adjustments > Curves from the dropdown menu at the top of Photoshop'south awarding window.

The Curves dialog box will announced. Make sure Preview is checked.

In the graph on the left side of the dialog box, click on the middle of the line running diagonally through the graph and drag downward, creating a curved line in the graph. You'll notice that the dark areas of the prototype will become darker, while the lighter areas will remain light.

Notation: If y'all're working in a CMYK image, you'd pull up on the middle of the line instead of down.

Once you're satisfied with the increased contrast of the image, click OK.

Step ii: Ready your layers

In your Layers panel, duplicate the layer containing your prototype 3 times, so that you have iv identical layers.

To indistinguishable a layer, select the layer in the Layers panel, click on the Layers panel bill of fare in the upper right manus corner of the panel, and choose Indistinguishable Layer.

Step 3: Convert the paradigm to grayscale using an adjustment layer

Select the duplicated layer at the top of the Layers panel.

Select the Aligning Layer icon at the lesser of the Layers console (the icon looks like a half blackness, one-half white circumvolve). Choose Hue/Saturation from the dropdown card.

You've just created an adjustment layer for Hue/Saturation, which ways all layers that appear beneath the aligning layer will retain the Hue/Saturation properties you lot set for that adjustment layer.

With your adjustment layer still selected, become to your Properties panel, located to the right of your image by default. If you don't run into your Properties panel, y'all can choose Window > Properties from the dropdown card at the elevation of the Photoshop application window.

You'll see three sliders in the Properties panel: Hue, Saturation and Lightness. Drag the slider for Saturation as far every bit information technology will become to the left, so that the value listed for Saturation is now -100.

Your image now appears grayscale.

How to convert an image to grayscale: an boosted method

Having the Hue/Saturation adjustment layer makes your prototype appear grayscale, but if yous want to eliminate all color completely from your image as you work, y'all can convert your image to grayscale by choosing Image > Fashion > Grayscale from the dropdown menu at the top of the application window.

If you have an adjustment layer in place when you catechumen to grayscale, the adjustment layer will be deleted.

Footstep iv: Convert your photo to a line drawing

In this step, you'll learn how to outline, or trace, the picture in Photoshop using a series of layer effects. If your goal is to create just an outline of your photo, you may make up one's mind your picture is consummate after this stride.

Make your height two duplicated layers invisible past clicking on the eye icons next to the layers in the Layers panel. Then select the visible layer that is second from the bottom of the Layers panel.

Click on the dropdown menu at the top of the Layers panel adjacent to Normal. Select Colour Contrivance.

With the same layer nonetheless selected, capsize the prototype by typing CTRL+I (Command+I on a Mac). You can likewise invert the image by choosing Image > Adjustments > Invert from the dropdown menu at the top of Photoshop'due south application window.

Next, choose Filter > Mistiness > Gaussian Blur from the dropdown menu at the top of the application window.

In the Gaussian Mistiness dialog box that appears, adjust the slider until your image looks like a line drawing.

Moving the slider the left will result in thinner lines; moving the slider to the right and increasing the blur will thicken and darken the lines, and add some shading to the image.

Make sure that Preview is checked in the dialog box and then that you can come across how the epitome changes as yous motility the slider to the correct or to the left.

How to brand the strokes of your line drawing thicker in Photoshop

If you want to thicken the strokes of your line drawing, duplicate your original layer one more than time and move the new layer above the layer you but adjusted (layer with Color Contrivance blend mode).

Choose Filter > Filter Gallery... from the dropdown menu at the tiptop of the application window.

Choose Glowing Edges under Stylize. Here, you lot tin adjust the Border Width on the right-hand side of the window. Reducing Edge Effulgence volition result in a cleaner edge.

Click OK.

Dorsum in your layer, click CTRL+I (COMMAND+I on a Mac) to invert the layer, and change the layer blend mode to Multiply.

The outlines of your paradigm volition now be thicker and darker.

Step 5: Prepare your Groundwork and Foreground Colors

In your Toolbar, ready your Background Color to white past double-clicking on the Background Colour icon. In the Colour Picker (Background Colour) dialog box, click on the upper left-manus corner of the large color box.

Next set your Foreground Color to a medium gray. Double click on the Foreground Colour foursquare in the Toolbar. In the Color Picker (Foreground Colour) dialog box, click midway down the left side of the large color box.

Other colors in the large color box (such as the dejection and reds visible in the Color Picker panel image below) are irrelevant since y'all're keeping the cursor all the way to the left side of the big color box.

Related: 9 alternatives to white background production photography

Step 6: Add Pencil Shading to your image

In the Layers panel, select the layer higher up the layer yous just worked with. Click on the eye icon to brand the layer visible once more. Your prototype will at present look like a black-and-white photograph over again.

Cull Filter > Filter Gallery... from the dropdown menu at the height of the application window.

In the Filter window, click on the folder marked Sketch and cull Charcoal.

Adjust the Charcoal Thickness, Particular, and Light/Night Balance sliders until the paradigm in the preview window has the advisable amount of detail. Remember, you lot already take a line drawing of the photograph in a lower layer, then you lot only need to create shading in this footstep.

Click OK.

In the Layers panel, click on the dropdown carte du jour next Normal and adjust the Layer Blend Mode of the charcoal layer to Multiply.

Step 7: Add a cross-hatching effect to your image

In the Layers panel, click the eye icon on the tiptop layer to make the layer visible. All layers should at present exist visible in your image.

With the last layer selected, choose Filter > Filter Gallery... once more from the dropdown bill of fare at the height of the application window. If you encounter the Filter Gallery choice more once in the dropdown, make sure you select the lower option.

In the Filter window, click on the choice marked Sketch and choose Torn Edges. Adjust the toggles on the right-hand side of the window until you tin can see the details of your paradigm.

Once yous're happy with the appearance of the Torn Edges filter, click on the New icon located at the lower correct-manus side of the Filter window. (This icon looks similar a slice of paper with a folded corner, just like the New Layer icon in the Layers panel.)

Yous'll run into Torn Edges appear twice in the right-mitt side of the Filter window. While the top case of Torn Edges is still selected, click on the Graphic Pen filter and change the Stroke Diagonal to Left Diagonal.

You lot can also adapt the sliders for the Graphic Pen filter until you're satisfied with the image in the preview window. As with the previous layer, you're only creating shading at this stage.

Click OK.

Modify the Layer Blend Mode from Normal to Multiply as you did with the previous layer.

Finally, considering the graphic pen filter is crisper than the charcoal filter we applied to the lower layer, we'll add together a slight motion blur.

With the same layer still selected, choose Filter > Blur > Movement Blur from the dropdown card at the elevation of the application window.

In the Motion Blur dialog box, fix the angle to -45° and move the Distance slider to the left to create a very slight blur. Make sure Preview is checked so you lot tin come across the mistiness earlier you lot employ information technology.

Click OK.

Step eight: Make your last tweaks

You're not done all the same! Playing with the opacity of your layers and cleaning up any night spots that you meet in your prototype will put the final touch on your new pencil sketch.

Arrange opacity of layers

You can adjust the opacity of the top two layers to reduce the intensity of the pencil shading.

In the epitome beneath, the height layer'south opacity is reduced to 60% and the adjacent layer down has an opacity of 70%.

Yous should non suit the opacity of the bottom two layers as doing and then could undermine the line drawing issue you lot have created.

Clean upwardly whatsoever artifacts

In the instance image, in that location are several places where the white background looks as if information technology has smudges, or dark spots.

In club to remove dark spots such every bit these, stamp the layers by selecting all layers, including the Hue/Saturation adjustment layer, within the Layers panel. Type CTRL+A+E (COMMAND+OPTION+Due east on a Mac) to create a stamped layer, which will announced at the pinnacle of your Layers console.

Set your foreground color to white in the Toolbar and choose the Brush tool from the Toolbar. Inside the new stamped layer, carefully pigment over any smudges using the brush tool.

Are yous aware of all of the tools bachelor in Photoshop CC 2018?

Your finished prototype will now expect like a pencil sketch.

Now that y'all know how to turn a picture into a line drawing in Photoshop, be certain to cheque out our other Photoshop tutorials to master your skills.

Scan Photoshop tutorials and fine tune your image-editing skills

Becky Kilimnik

Bio: With over 18 years feel as a graphic designer, Becky is passionate almost helping people enhance their content by mastering image manipulation software. Becky has worked with a variety of educational publishers in the U.S. and U.K. and has taught design at six universities.