large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

Published on <a href="https://blog.prototypr.io/quick-tutorial-how-to-remove-a-background-from-line-art-in-photoshop-ee911b01d727?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Christine Nishiyama <img alt="" src="https://cdn-images-1.medium.com/max/700/1*0E4Zrs0XEcuiB7_qEnGV7g.jpeg">
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!
<img alt="" src="https://cdn-images-1.medium.com/max/700/0*HSdBaBAAxWBzeLkf.">
<h3>The Lazy Way</h3>
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.
<img alt="" src="https://cdn-images-1.medium.com/max/700/0*NrSO0PUlIyphn4Kp.">
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.
<img alt="" src="https://cdn-images-1.medium.com/max/700/0*6toFtvOXkvcMdbQn.">
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.
<img alt="" src="https://cdn-images-1.medium.com/max/700/0*uZVlDqoVZg3MQXHG.">
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.
<h3>The Expert Way</h3>
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!
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FnBhucOH4vvo%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DnBhucOH4vvo&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FnBhucOH4vvo%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0"><a href="https://medium.com/media/bf8448473079911907e7ce485d445de1/href">https://medium.com/media/bf8448473079911907e7ce485d445de1/href</a></iframe>
<h3>The Expert Way (Listed Steps)</h3>
And if you’d like the steps listed out for reference later, here ya go:
<ol>
<li>Go to Image &gt; Mode &gt; Grayscale (then Don’t merge, Discard)</li>
<li>Command+A to select the entire artwork, then Command+C to copy</li>
<li>Open your Channels panel (under Window &gt; Channels, if you don’t see it)</li>
<li>Click Create New Channel (A new layer will appear named Alpha 1)</li>
<li>Command+V to paste your selection onto this layer, then Command+D to deselect</li>
<li>Click Load Channel as Selection (You’ll see the white parts of your artwork are all selected)</li>
<li>Shift+Command+I to invert your selection (You’ll see all the black parts of your artwork are selected)</li>
<li>Select the Gray channel (On the Channels panel)</li>
<li>Click Create a New Layer (On the Layers panel)</li>
<li>Select your Paint Bucket Tool (G) and fill the selection with black</li>
<li>Command+D to deselect</li>
<li>Hide your original linework layer</li>
<li>Optional: Go to Image &gt; Mode &gt; RGB Color (or CMYK, whichever you want to work in)</li>
</ol>
<h3>And Voila!</h3>
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!
<h4>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. <a href="http://mightcouldstudios.teachable.com/p/might-could-beta-books">Learn more and join here!</a></h4>
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2F0d6cb4%3Fas_embed%3Dtrue&amp;url=https%3A%2F%2Fupscri.be%2F0d6cb4%2F&#038;image=https%3A%2F%2Fupscri.be%2Fmedia%2Fform.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="480" frameborder="0"><a href="https://medium.com/media/72b4fd7f22049edd5ece0f5af139ff6d/href">https://medium.com/media/72b4fd7f22049edd5ece0f5af139ff6d/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=ee911b01d727" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/quick-tutorial-how-to-remove-a-background-from-line-art-in-photoshop-ee911b01d727">Quick Tutorial: How to Remove a Background from Line Art in Photoshop</a> was originally published in <a href="https://blog.prototypr.io">prototypr</a> 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

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

Top Stories