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

Thankfully, you tin can learn how to turn a picture into a line drawing in Photoshop CC 2019 post-obit the steps below. Images of objects isolated on a white background work best for this technique, making this a swell option for modifying or enhancing product photos.

Receive free ecommerce & product photography tips

Before you lot begin: How to outline an image in Photoshop

If you desire to turn a photo into a pencil sketch in Photoshop, but you don't want it to look similar you did it in Photoshop, yous'll need to pay attending to particular and gear up your image properly before yous utilize any filters.

In the following tutorial, nosotros'll go over one method that shows you how to convert your image into a pencil sketch flawlessly, and then nosotros'll discuss specific tools you can explore to achieve other image outlining effects in Photoshop.

Not all photos are the aforementioned, then you'll demand to use your judgement as y'all adjust filters, blurs and layer opacities each fourth dimension y'all use Photoshop to convert a photo into a line drawing using the steps below.

How to turn a picture into a line drawing in Photoshop

  1. Adjust the dissimilarity of your photograph
  2. Set upward your layers
  3. Convert the paradigm to grayscale using an adjustment layer
  4. Convert your photo to a line cartoon
  5. Set up your Background and Foreground colors
  6. Add together Pencil Shading to your image
  7. Add a cross-hatching issue to your epitome
  8. Make your final tweaks

Step one: Adjust the dissimilarity of your photo

In the instance photo, the paradigm of the shoes and sunglasses dissimilarity significantly against the white background. The image of the alter handbag and perfume tube, however, are and then light they virtually alloy into the background.

We'll adjust the contrast of the entire photo then the bag and tube stand up out more.

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

Choose Image > Adjustments > Curves from the dropdown menu at the meridian of Photoshop's application window.

The Curves dialog box will appear. Brand sure Preview is checked.

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

Note: If you're working in a CMYK paradigm, you lot'd pull up on the middle of the line instead of downward.

In one case yous're satisfied with the increased contrast of the image, click OK.

Step 2: Set your layers

In your Layers panel, duplicate the layer containing your prototype iii times, so that yous have four identical layers.

To duplicate a layer, select the layer in the Layers panel, click on the Layers panel menu in the upper right hand corner of the panel, and choose Duplicate Layer.

Step iii: Convert the image to grayscale using an adjustment layer

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

Select the Adjustment Layer icon at the bottom of the Layers console (the icon looks like a half black, half white circle). Choose Hue/Saturation from the dropdown menu.

You've only created an adjustment layer for Hue/Saturation, which means all layers that appear below the adjustment layer will retain the Hue/Saturation properties you gear up for that adjustment layer.

With your adjustment layer withal selected, get to your Properties panel, located to the right of your image past default. If you lot don't see your Backdrop console, you lot can choose Window > Properties from the dropdown menu at the elevation of the Photoshop application window.

Y'all'll see three sliders in the Properties panel: Hue, Saturation and Lightness. Drag the slider for Saturation equally far equally it will go to the left, and so that the value listed for Saturation is now -100.

Your image now appears grayscale.

How to catechumen an image to grayscale: an boosted method

Having the Hue/Saturation aligning layer makes your paradigm appear grayscale, but if you lot want to eliminate all color completely from your image as you work, you can catechumen your image to grayscale past choosing Image > Style > Grayscale from the dropdown card at the pinnacle of the application window.

If you lot have an aligning layer in place when you catechumen to grayscale, the aligning layer volition be deleted.

Pace 4: Catechumen your photograph to a line cartoon

In this step, you'll learn how to outline, or trace, the motion picture in Photoshop using a serial of layer effects. If your goal is to create just an outline of your photo, you may decide your picture is complete after this stride.

Make your top ii duplicated layers invisible past clicking on the eye icons next to the layers in the Layers console. Then select the visible layer that is 2nd from the bottom of the Layers panel.

Click on the dropdown carte du jour at the peak of the Layers panel next to Normal. Select Color Contrivance.

With the aforementioned layer still selected, invert the paradigm by typing CTRL+I (COMMAND+I on a Mac). Yous can also invert the epitome past choosing Paradigm > Adjustments > Capsize from the dropdown bill of fare at the top of Photoshop's application window.

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

In the Gaussian Mistiness dialog box that appears, suit the slider until your paradigm looks like a line cartoon.

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

Brand sure that Preview is checked in the dialog box then that y'all can come across how the image changes as you move the slider to the right or to the left.

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

If y'all want to thicken the strokes of your line drawing, duplicate your original layer one more time and move the new layer above the layer you merely adjusted (layer with Colour Dodge blend fashion).

Choose Filter > Filter Gallery... from the dropdown bill of fare at the top of the application window.

Choose Glowing Edges under Stylize. Here, y'all can adjust the Edge Width on the right-hand side of the window. Reducing Edge Brightness will upshot in a cleaner border.

Click OK.

Dorsum in your layer, click CTRL+I (Command+I on a Mac) to invert the layer, and alter the layer alloy fashion to Multiply.

The outlines of your image will now be thicker and darker.

Step 5: Fix your Background and Foreground Colors

In your Toolbar, set your Background Color to white past double-clicking on the Background Color icon. In the Color Picker (Background Color) dialog box, click on the upper left-mitt corner of the large colour box.

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

Other colors in the large color box (such as the blues and reds visible in the Color Picker console image beneath) are irrelevant since you're keeping the cursor all the style to the left side of the large color box.

Related: 9 alternatives to white background product photography

Step six: Add together Pencil Shading to your image

In the Layers panel, select the layer above the layer you just worked with. Click on the eye icon to make the layer visible again. Your paradigm volition now look like a blackness-and-white photograph again.

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

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

Adjust the Charcoal Thickness, Detail, and Light/Dark Balance sliders until the image in the preview window has the appropriate corporeality of detail. Remember, you already have a line drawing of the photo in a lower layer, and then y'all only need to create shading in this step.

Click OK.

In the Layers panel, click on the dropdown menu side by side Normal and arrange the Layer Blend Mode of the charcoal layer to Multiply.

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

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

With the concluding layer selected, choose Filter > Filter Gallery... once more from the dropdown carte du jour at the top of the application window. If you lot come across the Filter Gallery option more than than in one case in the dropdown, make sure you select the lower option.

In the Filter window, click on the option marked Sketch and choose Torn Edges. Adjust the toggles on the right-manus side of the window until you lot can see the details of your image.

In one case you're happy with the appearance of the Torn Edges filter, click on the New icon located at the lower right-paw side of the Filter window. (This icon looks similar a slice of paper with a folded corner, only like the New Layer icon in the Layers panel.)

You'll see Torn Edges announced twice in the right-hand side of the Filter window. While the top instance of Torn Edges is nonetheless selected, click on the Graphic Pen filter and change the Stroke Diagonal to Left Diagonal.

Y'all tin can besides adjust the sliders for the Graphic Pen filter until you're satisfied with the image in the preview window. As with the previous layer, you lot're just creating shading at this stage.

Click OK.

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

Finally, because the graphic pen filter is crisper than the charcoal filter we practical to the lower layer, nosotros'll add a slight motion blur.

With the same layer still selected, choose Filter > Blur > Movement Mistiness from the dropdown carte at the top of the application window.

In the Movement Blur dialog box, set the angle to -45° and motion the Distance slider to the left to create a very slight mistiness. Brand sure Preview is checked so you can see the blur before you use it.

Click OK.

Pace 8: Make your final tweaks

Yous're not done even so! Playing with the opacity of your layers and cleaning up any dark spots that y'all see in your prototype will put the terminal touch your new pencil sketch.

Adjust opacity of layers

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

In the paradigm beneath, the peak layer's opacity is reduced to 60% and the next layer downwards has an opacity of lxx%.

You should not adjust the opacity of the lesser two layers equally doing then could undermine the line cartoon effect you have created.

Clean upwardly any 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 lodge to remove dark spots such as these, stamp the layers past selecting all layers, including the Hue/Saturation aligning layer, within the Layers console. Blazon CTRL+A+E (COMMAND+OPTION+East on a Mac) to create a stamped layer, which will appear at the height of your Layers panel.

Fix your foreground color to white in the Toolbar and choose the Castor tool from the Toolbar. Within the new stamped layer, carefully paint over whatever smudges using the brush tool.

Are y'all enlightened of all of the tools available in Photoshop CC 2018?

Your finished image will now look like a pencil sketch.

At present that you know how to plow a picture into a line drawing in Photoshop, be sure to cheque out our other Photoshop tutorials to master your skills.

Scan Photoshop tutorials and fine tune your epitome-editing skills

Becky Kilimnik

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