How do I delete the white background from line art?

Over the last year I’ve been Googling the sentence above – how do I delete the white background from line art? I know that I know how to do this, but I keep forgetting. So I’ve decided to write it down so that I can reference it in future, and hopefully help others as well.

I’m using Photoshop CS5.1 on a Mac.

Technique No. 1
Black line with white background, on Multiply to show colour.

This is the way I was taught, but kept forgetting because it’s a string of keystrokes that if done in the wrong order doesn’t work at all.

Black line with white background, colour and background layers turned off.

First, turn everything off except the layer you want to cut out. In the example above you can see the white areas behind the black lines that I want to get rid of.

Duplicate Line layer.

Duplicate your line layer, so you have a spare, and turn the original off. I like to duplicate by Alt+drag while clicking on the layer. (It took me a long time before I realised I could do that, hence why I’m writing it here!)

Next, select the entire layer (Cmd+A) and cut it (Cmd+X). Fill the now-empty layer with black (Alt+backspace).

Quick Mask button off / on. (Use Q.)

Turn Quick Mask on by pressing Q, or selecting the button under the colour picker (as above).Paste line art.

Paste (Cmd+V) your line art into the layer. It should look like the above.

Turn Quick Mask off (Q).

Press Q again to turn Quick Mask off.

Invert line art (Cmd+I).

Inverse the image by pressing Cmd+I.
Cut background (Cmd+X), leaving line art.

Cut (Cmd+X) to leave the line art, like so!

Colouring line art.

The reason this is my preferred method is because it’s the best way to recolour my line art. For the purple example above I Cmd+clicked on the preview window in Layers (which selects the entire painted area on a layer) and then filled it (using Alt+backspace again) with purple.

If, however, you aren’t interested in painting the line, then you may prefer one of the other methods.

Technique No. 2

This begins in the same way as No. 1: Duplicate your line layer, copy it and cut it, fill the layer with black.

Create a mask.

Then you select the layer, and add a mask to it using the button highlighted above (“Add vector mask”).
Alt+click to select mask.

Alt+click on the white mask to select it.

Paste line art into mask.

Paste (Cmd+V) into the mask.

Cmd+I to invert line art.

Invert (Cmd+I).Click on ordinary layer to view.

Click out of the mask onto the ordinary layer. As you can see above, though the line art is now free from white the background that was transparent is now black. This is easily solvable by filling in the transparent areas before beginning, but it’s one of the reasons I don’t tend to use this method. Also, there is no way (that I have yet discovered) of colouring the lines.

Technique No. 3

This is the simplest and perhaps best method if all you want to do is get rid of the white. It’s quick and requires no cutting, pasting, or inverting.

Double-click preview window.

Double-click on the line art layer preview window.

Layer Style window opens.

The Layer Style window will pop up.

Select top white slider and drag a couple of degrees.

In the Blend If: Gray area at the bottom, select the top white slider and adjust it by a couple of degrees. I moved it from 255 to 253. The white background will disappear.

Exit window.

Exit the window and, as you can see, only the line art remains.

Example of painting using this technique.However, as the background still exists on the layer and is only hidden from view, it means that painting the line art is not possible.

In the past I have had problems with this method – jagged white remains in corners and so on – but recently it’s been working beautifully.

I hope this is helpful to someone out there! Please let me know if you know of other / better ways of doing this, I’m always looking to learn!

Deer Background and Breakdowns

I returned to my deer animation today, changing quite a lot of the ending and adding more breakdowns and inbetweens. I’m planning to clean it up in Photoshop, something like the deer shown below: quite loose and free, hopefully keeping some of the rough nature of the original.Deer03 copyHere’s one of my favourite breakdowns from today:

deer0015

Mount Hood

Using some family holiday photographs for reference, I painted Mount Hood (vaguely based on it) for my father’s birthday present. I used gouache and a stencil made from paper which gave interesting gloopy results, especially each time it was reused. Here are the final results below, in the order they were made.Hood1_01 copy Hood2_01 copy A close up, below: a wet wash underneath created these wonderful splodges. This is the painting I chose to give to my dad.Hood2_02 copy At this point, the stencil began to disintegrate.

Hood3_01 copy

Here I flipped the stencil over and used it to print with as well.Hood4_01 copy

Dunes

Desert copy

I got some new paintbrushes for Christmas, so I played around with gouache this morning!

Close-ups below.

P1050532 copy P1050539 copy

Book Page Background

Page BackgroundI’ve enjoyed creating this background. At first I was going to leave each strip the same (with the focus on the characters, who aren’t included here) but then I thought by cycling through the seasons I could have a better atmosphere.

I recently finished painting my backgrounds. I’m now at the compositing stage, and I’m really enjoying seeing my film look like a film rather than a line test.

Here are a few of the finished pieces!

 

WordPress.com.

Up ↑