filling in lineart

Okay, so recently, I discovered that quite a few people have resorted to using the pen tool to fill in their lineart neatly, which takes EXCRUCIATINGLY long . Some people use a masking tool, others just hastily fill in the lineart with the brush tool, which usually ends up with colors poking out the side of the piece that you have to go back and erase.

Well I’m going to show you a quicker, easier way to do it, using the wand tool [or selection tool in sai). Some people have problems using the wand tool, as it leaves a blank space between the lineart and the actual fill space, but this tutorial tells you how to avoid this!

First, let’s start out with our lineart.

External image


Now, you’ll need to select this tool, the wand tool

External image

Now, this is important. you need to select OUTSIDE the lines, not inside. You also have to be on the same layer as your lineart. Make sure your lines are closed so that you don’t end up selecting inside the lines! (If you have intentional gaps in your lineart, I will tell you how to use this same method later in the tutorial)

External image


NOW INVERSE!! (select -> inverse) 

External image


External image


Your selection is now inside the lineart! BUT WAIT!! Do not fill behind the lineart just yet, or this will happen!

External image

You will get white around the outside of the line! We certainly don’t want this! before you fill it in with the bucket or fill tool, you have to go to Select -> Modify -> Contract

External image


you will get this, and you will will have to change the number depending on how thick your lineart is and what dpi you’re working in. Normally I just do 3 or 4 since i work in 300 dpi.

External image


So now your selection will go from this:

External image


To this!

External image


NOW you can fill/use the bucket tool underneath your lineart.

External image


Now you may have to do a little erasing in the corners, since the selection tool normally can’t get into little crevices.

Also, if you select INSIDE your lineart to fill in certain areas, such as the eyes, all you have to do is go to “select -> modify -> expand” instead of “contract”. 

NOW FOR LINEART WITH INTENTIONAL GAPS. 

normally, if you do the selection tool, it will do this, right? 

External image

It selects inside the lines as well. Here’s how you fix that. go underneath your lineart and make lines as if you’re connecting the lines together. 

External image


Now go back to your wand tool. At the top, you will see a box that will say “Sample all layers”. You need to check this box. 

External image


Now select outside your lineart and…

External image


Viola! Now just go to the layer that you used to close the gaps, repeat all steps above, and fill it in. (if you’re using the bucket tool, you’ll have to click twice to fill it in completely)

External image


ta da! Now just do your cleanup, and you’re good to go! Don’t forget to lock your layers, as well as use clipping masks so you don’t paint outside your lines!

I hope this has helped c:

3

found these wip gifs for the stevonnie animation in my 2d animations folder and figured they were interesting enough to show off here

the first one was my initial rough with just basic keyframing (and some timing i ended up not liking)

the second one is all the in betweens filled in but the lineart not cleaned up yet (honestly I kinda like this one more than the finished product in some ways)

the third one is the cleaned up lineart without the colours and glow so you can see more clearly the lineart for the fusion

2

In which Alan is the new recruit, Gordon is the best marksman, Virgil is the man with all the toys, John is lethal with words alone, and Scott is the suave womanizer. 

No wait. Even I cannot take a womanizing Scott seriously. I’m just going to laugh in the corner. Oh god, what have I done.

2

Raising the Veil

This took forever to paint! Hopefully it was worth the effort. Architecture is my Achilles heal, but I managed!

I actually have two sketches for this event, the other one is much more violent (which I suspect it must have been), but I really wanted to paint this one as well.

Obviously the architecture is inspired by the elven temples we get to visit in game. Though I got a bit lazy in the end and skipped filling out some of the lineart.

And I know the cloak Solas is wearing very dramatic, but have you seen his Trespasser armour? ;)

5

I decided to make some wip for @sorarts! I hope it helps someone!
You can open up the images and there will be a comment for each photo.

Anyway, I’m going to list all the steps:
1) I make a quick sketch with the red pencil
2) I low the opacity and I start to cleanup the drawing with a black pencil.
3) I make a new layer and I apply on it a layer style. Stroke usually from 4 to 10px, it depends by the image dimension and by the lineart. I put this layer with the fill at 0%.
4) Voilà, lineart it’s finished!
5) I paint some shadows in greyscale and it’s done. C:

Quickly Filling in Lineart in SAI

Because I wanna cry whenever I see artists do this

It’s way easier to use the wand selection tool to select the outside of your lineart and invert the selection, then just use the fill bucket

Please, even if your lines aren’t all touching, please just use the selection brush to clean that up and then use the wand. It’s so much faster, I promise 

The gif won’t work but I did it in this speedpaint (starting around 0:35)

warning: the video has audio that may be loud

7

A very simple step-by step of the latest digital piece.

All done in Photoshop, no estimated time cause I slacked a lot in-between.
Simple sketch turned fine lineart, filling in the base colors, rendering those with a soft opacity brush, further rendering, working on a simple background from a color block + texture and simple details cause I wanted the color palette more than a detailed bg.

A Quick Way Of Filling In Lineart

This is just away that I’ve learned to fill in lineart and I hope it’ll be helpful for some beginners out there. This method will save you time when it comes to cleaning up your work if you tend to go outside your lines a lot. I did this all in Photoshop CS5 for those who are curious as to what program I’m using.

Okay, first things first is I have my lineart on it’s own separate layer. The next thing I did was create another layer (Layer 1) which I will use for my base color.

Next I used the Polygonal Lasso Tool from my tool bar and selected the area of my shape that I want to be filled in with color (where the running lines are). You can use the Magic Wand Tool but I find the Polygonal tool works better when it comes to getting a selection within your lineart. It may be tricky to use at first so play around with it.

One you have that filled in (either using your BRUSH tool or using the FILL option) then take that layer you’ve added color to and put it BEHIND your lineart layer. (I changed the name from Layer 1 to Base Color).

Now you’ll want to make another layer that will go on top of your Base Color layer (seen highlight in blue below) . Right Click on that new layer and scroll down until you see CREATE CLIPPING MASK and select that.

You should get an

arrow

that’s pointing down to the Base Color layer. Basically what this does is allow you to color over the Base Color layer you made, but without painting directly on that layer itself.


Say you wanted to see your image in a different color but you don’t want to go back and reselect the area around your lineart. Well you don’t have to if you’ve made a clipping mask. It will only go over the areas that you’ve colored that are in the layer underneath it. It’s a great tool for staying in your lines so you don’t have to do any clean up if you do decide to change the color of your object/character/etc.

If you were to RIGHT CLICK on that layer again (the layer highlighted in blue), you’ll find an option that asks you to release the clipping mask. If you do, then you get this:

You can always change it back by right clicking on it again to turn it into a clipping mask once more. You can have multiple clipping mask layers too. If you already have a clipping mask in use, creating a new layer button while you’re on the BASE COLOR layer will turn any new layers above it into clipping mask layers. Play around with those and see what you can do. Remember, pay attention to what layer you’re coloring on! ;P

if anyone wants to know how much i am suffering

the entire base lineart took me last evening/night to do, and the left 1/3 of the line thickening/extra details has taken me all day so far and i’m still not even done with that 1/3

so i gotta go through the entire rest of the drawing and fill in the lineart and THEN color it and make backgrounds and edit it all into a video and hoooo my god i am suffering so much rn maika i love your hair but why