Prototypr

Prototyping, UX Design, Front-end Development and Beyond 👾 | ✍️ Write for us…

Follow publication

Quick Tutorial: How to Remove a Background from Line Art in Photoshop

--

One of the requests I hear most from other artists is how to separate linework from a background when you scan a drawing into Photoshop. Obviously, if you work completely digitally, you can just draw your linework on a separate layer and you’re good to go. But if you work initially on paper, like I often do, then you can run into some problems.

In this quick tutorial I’m going to show you my new and improved method for removing a background from your line art, using some of the artwork from my upcoming book, We Are Fungi!

The Lazy Way

First, let me make a confession. For too long, I had been removing my backgrounds the lazy way: by setting my linework layer Blend Mode to Multiply. Maybe this is how you’ve been doing it, or maybe you’re already light years ahead of me on digital techniques.

But while working on my book, We Are Fungi, that quick-fix method just wasn’t cutting it. It was causing all kinds of issues with background colors, transparency, and contrast.

Because, as you can see above, setting the linework to Multiply doesn’t really get rid of the background. It just sets it to transparent. And for a book, with tons of layers, tons of pages, and a need for consistency… that sloppiness just won’t do.

I needed a better way. I needed to actually remove the background. But I didn’t want to waste my time erasing the background or fooling around with tons of adjustments. I still wanted something fast.

The Expert Way

So now, let me show you the oh-so-better but still-pretty-quick way to remove your backgrounds. This method may look more complicated, but I promise it’s not at all once you do it a couple times. And it will save you loads of time and headaches down the road, trust me.

To see this method in action, check out the video below!

The Expert Way (Listed Steps)

And if you’d like the steps listed out for reference later, here ya go:

  1. Go to Image > Mode > Grayscale (then Don’t merge, Discard)
  2. Command+A to select the entire artwork, then Command+C to copy
  3. Open your Channels panel (under Window > Channels, if you don’t see it)
  4. Click Create New Channel (A new layer will appear named Alpha 1)
  5. Command+V to paste your selection onto this layer, then Command+D to deselect
  6. Click Load Channel as Selection (You’ll see the white parts of your artwork are all selected)
  7. Shift+Command+I to invert your selection (You’ll see all the black parts of your artwork are selected)
  8. Select the Gray channel (On the Channels panel)
  9. Click Create a New Layer (On the Layers panel)
  10. Select your Paint Bucket Tool (G) and fill the selection with black
  11. Command+D to deselect
  12. Hide your original linework layer
  13. Optional: Go to Image > Mode > RGB Color (or CMYK, whichever you want to work in)

And Voila!

Now have can separate out your linework with just a few extra steps! I know 13 steps seems like a lot, but I did this with every page in my book, and after just a few times, I could do the entire method in 1 minute. That’s not quite as fast as just clicking Multiply, but c’mon, it’s 1 minute, and it gives you WAY more options and control!

I hope you enjoyed this tutorial and thanks for reading!

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

Published in Prototypr

Prototyping, UX Design, Front-end Development and Beyond 👾 | ✍️ Write for us https://bit.ly/apply-prototypr

Written by Christine Nishiyama

Artist making books/comics » Discover your artistic style with my free guide! » https://mightcouldstudios.lpages.co/influence-map-m/

Responses (5)

Write a response