Convert an Image into a Line Drawing: Easy Photoshop Tutorial

PDF download Download Article
PDF download Download Article

Do you want to convert a photo into a line drawing in Adobe Photoshop? You can easily create line art from a picture using Photoshop's image modes and Magic Wand Tool. This method works best if you have simple images with lots of contrast. This wikiHow will teach you how to use Adobe Photoshop to make a simple image look like a line drawing on your Windows or Mac computer.

Things You Should Know

  • This method works best for simple images with high color contrasts.
  • Apply the Grayscale mode to your image, then duplicate the layer. In the Layers panel, select Color Dodge for the duplicated layer.
  • Use the Magic Wand Tool to select remaining dark areas. Press the "del" key to erase them.

Steps

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8c\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-1-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-1-Version-4.jpg","bigUrl":"\/images\/thumb\/8\/8c\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-1-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    With the program open, click File in the top menu, then Open… . You'll be able to locate and select your image. [1]
    • If you haven't already, you'll need to download Photoshop.
    • This method works best for simple images with high contrasts.
    • If you need to convert a detailed image into lines, this method will not work.
    • You can also choose to trace the image using the Pen Tool.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/00\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-2-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-2-Version-4.jpg","bigUrl":"\/images\/thumb\/0\/00\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-2-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    A new window will open and ask you to flatten your image before changing modes.
    Advertisement
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2b\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-3-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-3-Version-4.jpg","bigUrl":"\/images\/thumb\/2\/2b\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-3-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    A new window will open to confirm the discarding of color information.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/50\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-4-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-4-Version-4.jpg","bigUrl":"\/images\/thumb\/5\/50\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-4-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Your image will now be in grayscale.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/48\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-5-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-5-Version-4.jpg","bigUrl":"\/images\/thumb\/4\/48\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-5-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    This will make a copy of your image.
    • Alternatively, you can right-click the layer in your Layers panel and click Duplicate Layer .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/ba\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-6-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-6-Version-4.jpg","bigUrl":"\/images\/thumb\/b\/ba\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-6-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-6-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    This will open the drop-down menu with different layer modes.
    • Make sure your duplicated layer is selected.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2c\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-7-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-7-Version-4.jpg","bigUrl":"\/images\/thumb\/2\/2c\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-7-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-7-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    This will input the Color Dodge effect, which lightens the colors of the base layers to reduce the contrast.
    • Your image should resemble a line drawing. You may have some dark spots in areas if the color was particularly dark.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/50\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-8-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-8-Version-4.jpg","bigUrl":"\/images\/thumb\/5\/50\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-8-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-8-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    You may have to expand the Quick Selection Tool to find the Magic Wand Tool.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/36\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-9-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-9-Version-4.jpg","bigUrl":"\/images\/thumb\/3\/36\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-9-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-9-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    The Magic Wand will automatically select the dark area within the thicker lines.
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c1\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-10-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-10-Version-4.jpg","bigUrl":"\/images\/thumb\/c\/c1\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-10-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-10-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    This will delete the dark area.
    • Alternatively, you can click Edit in the top menu, then Cut .
    • Repeat this step until all dark areas are gone and you're left with crisp lines.
  11. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/ce\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-11-Version-4.jpg\/v4-460px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-11-Version-4.jpg","bigUrl":"\/images\/thumb\/c\/ce\/Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-11-Version-4.jpg\/v4-728px-Convert-an-Image-Into-a-Line-Drawing-Using-Photoshop-Step-11-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    In the top menu, click File , then Save As… . Name your file and click Save .
    • If you want to work on this project again later, you can make a PSD file .
    12. Advertisement

Expert Q&A

Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Submit
      Thanks for submitting a tip for review!

      You Might Also Like

      How to
      Convert Raster to Vector
      How to Outline and Border Text in Photoshop
      4 Free Ways to Convert JPG to PNG
      How to
      Rotate an Image in Photoshop
      How to
      Pixelate Photos in Photoshop
      How to Make or Convert images to Vector Graphics in Photoshop
      How to
      Make Yourself Look Thinner With Photoshop
      How to Morph Pictures in Adobe Photoshop
      Simple Ways to Create Clouds in Photoshop
      How to
      Add Sunlight in Photoshop
      How to Remove an Item in Photoshop: Complete Guide
      How to
      Resize an Image in Adobe Photoshop
      How to
      Use Photoshop to Retouch Facial Photos
      How to
      Put Two Pictures Together
      Advertisement

      References

      1. ↑ https://www.youtube.com/watch?v=f2jgoMW8wsM

      About This Article

      In other languages
      Thanks to all authors for creating a page that has been read 174,480 times.

      Is this article up to date?

      Advertisement