Published on | Prototyping: From UX to Front End — Medium Christine Nishiyama

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!

<a href="https://medium.com/media/bf8448473079911907e7ce485d445de1/href">https://medium.com/media/bf8448473079911907e7ce485d445de1/href</a>

The Expert Way (Listed Steps)

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

Go to Image > Mode > Grayscale (then Don’t merge, Discard)
Command+A to select the entire artwork, then Command+C to copy
Open your Channels panel (under Window > Channels, if you don’t see it)
Click Create New Channel (A new layer will appear named Alpha 1)
Command+V to paste your selection onto this layer, then Command+D to deselect
Click Load Channel as Selection (You’ll see the white parts of your artwork are all selected)
Shift+Command+I to invert your selection (You’ll see all the black parts of your artwork are selected)
Select the Gray channel (On the Channels panel)
Click Create a New Layer (On the Layers panel)
Select your Paint Bucket Tool (G) and fill the selection with black
Command+D to deselect
Hide your original linework layer
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!

P.S. Don’t forget:
I’m ordering the We Are Fungi proof this week, so if you’re a Might Could Beta Books member by midnight on Thursday, August 31, your name will be included in the back of the book! If you join later than that date, you’ll have to wait for the next book. Learn more and join here!

<a href="https://medium.com/media/72b4fd7f22049edd5ece0f5af139ff6d/href">https://medium.com/media/72b4fd7f22049edd5ece0f5af139ff6d/href</a>

Quick Tutorial: How to Remove a Background from Line Art in Photoshop was originally published in prototypr on Medium, where people are continuing the conversation by highlighting and responding to this story.

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

Cool stuff, every week

More Articles