Skip to content Skip to sidebar Skip to footer

How to Make a Line Art From a Picture

Line art drawings are used equally the base for a digital painting or colored drawing. They're built, as the name suggests, from lines, and they should accept lines only, without whatsoever groundwork.

When you describe line art digitally, you tin use a separate layer for this. But what if you used the Undo command one time too many and Photoshop, according to its weird habit, switched yous to the background layer, and you didn't notice it until it was too late? Or what if you drew your line art traditionally, on a white sheet of paper, and now yous need to remove it without redrawing the lines with a tablet?

In this short transparent line art tutorial, I'll show you 2 methods of getting the lines back—a popular ane and a professional ane.

If you don't have any line art to use at the moment, feel complimentary to download the zipper and follow me. Or you can draw your own line art using a pencil castor Photoshop kit from Envato Elements.

line art white background tutorial result line art white background tutorial result line art white background tutorial result
What Y'all'll Exist Creating

Scout How to Remove a Background From a Line Drawing in Photoshop

Do you adopt to watch tutorials? You can larn how to remove a background from a line drawing in Photoshop past watching this video. If you relish these videos, visit our Envato Tuts+ YouTube channel for more!

1. How to Use a Quick Method

Let'southward begin this line art transparent background tutorial. Place your browse/line art in a new file. Set its Blend Way to Multiply.

photoshop line art multiply mode photoshop line art multiply mode photoshop line art multiply mode

This mode makes every white function of the layer transparent, leaving blackness intact. So this is what we wanted, right?

photoshop line art multiply how it works photoshop line art multiply how it works photoshop line art multiply how it works

The problem may occur if you lot wanted to use the line art straight. For example, if you changed the Blend Mode to Overlay, the night lines would become a darker version of the color below. It works neat in cel shading! Still, here we can't change the Blend Mode, because merely Multiply makes white transparent. If we used Overlay, the lines would get a darker color, but the white around would "absorb" all the balance of the colors.

This method doesn't actually give yous line fine art without a background. It only pretends there'southward no background, only you're not really allowed to use the lines or the illusion disappears.

photoshop line art multiply mode flaw photoshop line art multiply mode flaw photoshop line art multiply mode flaw

2. How to Use a More Professional person Method

In that location's another style to get line art with a white background. It's more than complicated than simply selecting an item on the list, but also far more effective. This line art transparent background method will give usa our dark lines—instead of pretending that at that place is no groundwork, nosotros volition remove information technology for real. Don't let the number of steps scare yous—there aren't so many, simply I made it equally detailed every bit possible for yous!

Pace 1

To brand sure there is merely blackness and white in the moving picture, go to Prototype > Mode > Grayscale. Select Don't Merge so Discard.

Step 2

Select the whole picture with Control-A. Re-create it.

photoshop line art select all line art white background photoshop line art select all line art white background photoshop line art select all line art white background

Step 3

Go to the Channels console. You can notice it next to Layers, and if it'south not in that location, simply open up it with Window > Channels.

photoshop line art channels gray photoshop line art channels gray photoshop line art channels gray

Step 4

Click Create New Aqueduct.

photoshop line art create a new channel photoshop line art create a new channel photoshop line art create a new channel

A new "layer" should appear on the listing. This is an alpha channel—information technology knows only 2 colors: black (transparent) and white (opaque). For now it's black, and so in that location's nothing there.

photoshop line art alpha channel photoshop line art alpha channel photoshop line art alpha channel

Step five

Paste the pick to this layer. Deselect (Control-D).

photoshop line art paste image into alpha channel photoshop line art paste image into alpha channel photoshop line art paste image into alpha channel

Step half-dozen

Click Load Channel every bit Selection.

photoshop line art load channel as selection photoshop line art load channel as selection photoshop line art load channel as selection

Step 7

A selection should appear on the picture. Every bit I said before, for an alpha aqueduct, white is opaque and black is transparent. When we loaded the choice, only the opaque parts were selected—the white parts.

photoshop line art selection loaded photoshop line art selection loaded photoshop line art selection loaded

If yous Capsize the selection now (Control-Shift-I), you'll become the reverse selected—only black parts. Only the line fine art.

photoshop line art invert selection photoshop line art invert selection photoshop line art invert selection

Step viii

Select the Greyness channel once more.

photoshop line art wrong channel photoshop line art wrong channel photoshop line art wrong channel

Step ix

Create a New Layer.

photoshop line art new layer photoshop line art new layer photoshop line art new layer

Step x

Fill the selection with black using the Paint Bucket Tool (G).

photoshop line art fill black selection photoshop line art fill black selection photoshop line art fill black selection

Step eleven

If you deselect (Control-D) now, yous'll meet that the line fine art became twice equally dark. It's considering nosotros've got two sets of lines!

photoshop line art two lines photoshop line art two lines photoshop line art two lines

Remove the scan to fix the trouble.

photoshop line art remove original photoshop line art remove original photoshop line art remove original

Pace 12

If you hibernate the groundwork layer, yous'll see merely the line art on a transparent groundwork. Just what nosotros wanted, without whatsoever pretending!

photoshop line art how to make transparent lines only photoshop line art how to make transparent lines only photoshop line art how to make transparent lines only

You lot tin can now safely apply whatever Blend Mode on this layer—Multiply doesn't block you anymore. But don't forget to switch back toImage > Mode > RGB Colour.

photoshop line art other mode than multiply photoshop line art other mode than multiply photoshop line art other mode than multiply

You can also utilise all the Blending Options on the lines, for case Gradient Overlay:

photoshop line art blending options gradient photoshop line art blending options gradient photoshop line art blending options gradient

What about more than traditional-looking sketches, with a lot of grays instead of black? That's no problem! Simply make sure you lot've cleaned upwardly the scan starting time, and and then you can employ the same play a trick on.

photoshop line art sketch scan how to remove background photoshop line art sketch scan how to remove background photoshop line art sketch scan how to remove background

That's All! Your Transparent Line Art Is Washed

Now you know how to turn an prototype into a line drawing in Photoshop. As you can see, a piece of line fine art drawn by accident on a white layer isn't lost to you, and sketches drawn traditionally aren't really bound to their background for eternity. Alpha channels also take other applications—I promise that my explanation will help you detect them when y'all demand them!

photoshop how to remove white background photoshop how to remove white background photoshop how to remove white background

Want to learn more almost line art? Check out this article on the line art design trend to see how designers are using line fine art in their projects.

Observe Photoshop Brushes and Resources From Envato Elements

Looking for more great resources? Then head on over to Envato Elements. Y'all'll find hundreds of Photoshop brushes, add together-ons, and other creative assets for your drawing needs. Bank check out i of our favorite pencil brush Photoshop kits beneath!

Pencil Castor Photoshop Set (ABR)

Pencil Brush Photoshop Set (ABR) Pencil Brush Photoshop Set (ABR) Pencil Brush Photoshop Set (ABR)

If y'all love to do digital drawings in Photoshop, you need a pencil castor Photoshop kit like this one. This set includes 25 brushes for all your needs. You'll go the whole pack of lead pencils: hard and soft, made as sketching and stippling-ready ones. Use this pencil brush Photoshop kit for your transparent line art projects!

Explore More Drawing Tutorials and Resource

I promise y'all liked this transparent line fine art tutorial. You lot've seen how to plough an paradigm into a line drawing in Photoshop. You lot also know where to detect the best Photoshop brushes and add together-ons. But if you're looking for more cartoon resources, check these out:

Editorial Note: This mail service has been updated with contributions from Maria Villanueva. Maria is the Acquaintance Editor of the Tuts+ Design channel.

mitchelltherstion.blogspot.com

Source: https://design.tutsplus.com/tutorials/quick-tip-remove-the-white-background-from-line-art-in-adobe-photoshop--cms-24361

Post a Comment for "How to Make a Line Art From a Picture"