Username:
Password:
Stay logged in

[Tutorial] How to Color Pre-Made Lines

ForumsArt Gallery and Critique → [Tutorial] How to Color Pre-Made Lines

[Tutorial] How to Color Pre-Made Lines

#14794 Posted on 2016-03-04 10:45:13

Okay, I did this on SAI and PS but GIMP shouldn't be too much different and if I can find it on my computer I will add it to this. If you need to see an image clearer, drag it to your URL bar or to an unused tab.

Borders by MonsterMeds



Transparent Lines

First you open your lines in your program and make another layer beneath the lines; (the lines don't actually have white on them that's just how SAI shows up)


Then you color on the layer below until you've filled in the entire space behind the lines that needs to be colored;



Once you're done with that you need to opacity lock the layer before you attempt to do anything else with it;




Lines with a White Background

If the lines you want to use aren't transparent, don't fret, it's not that hard to fix.



All you do is you create a new layer below the lines (if black is the only color on the "Lines" layer) and you set the "Lines" layer to multiply which will force it to ignore the white color.



Then you color on the layer below until you've filled in the entire space behind the lines that needs to be colored;


Once you're done with that you need to opacity lock the layer before you attempt to do anything else with it;




Coloring with the Magic Wand by Cinch (#31323)


Step 1 - Select "Magic Wand Tool" (Gimp does have this, just not sure if it's called the same thing)
Step 2/3 - Using the tool, click on the OUTSIDE of the lines. Clicking on the inside of the lines will result in only select portions of the "interior" of the lines being selected.
Step 4 - Go to "Select" and then click "inverse"
Step 5 - Create a second layer (if you haven't already) and make sure its the layer below the lines. Use your paint bucket to click inside the lines and it will "fill" the lines for you.
Step 6 - The end result - You'll need to erase around the outer of the edges (especially around mane/tail/hooves and signatures).
Step 7 (unshown) - Lock the layer and color however you'd like

(note from Arty: be sure to un-select any sections within the lineart that is not supposed to be colored before proceeding with the coloring!)



Grayscales by Kite (#45955)

Load the greyscale as a selection (ctrl + click the layer)
Create a new layer beneath the greyscale to create your color base
Then go back to the greyscale itself and duplicate it
Set one of the greyscales to softlight and the other to overlay. (I usually use 50% opacity, but this can vary depending on the greyscale in question)
This usually gives the shading more "pop" and doesn't look so dull.




Clipping Masks

Clipping Masks are kind of confusing but a very good asset, I'm not sure how to use them in GIMP or if you even can but here's for SAI and PS;

First you have your lines and your colors;



Create a new layer above your "Color" layer;



Set that layer to be a clipping mask;



In SAI you do it by checking "Clipping Group" next to "Preserve Opacity"
In PS you do it by going Layer > Create Clipping Mask or Alt+Ctrl+G


This is good for when you want to add accents to your design without jumping through hoops to have it all have the same transparency or having everything on one layer;





NEVER EVER USE A PAINT BUCKET ON YOUR LINES!!!
It ends up looking like a turd and most people won't want it even if the design is good;


Wouldn't you rather it look like this anyways?;





WIP, let me know if there's anything else you need help with as I will make more later



Last edited on 2016-03-05 at 10:56:07 by Arty❧


5 members like this post.

Posted By

Arty ~🀎~
#25282


Member is Offline
663 forum posts
Send A Message

#14800 Posted on 2016-03-04 10:55:10

This is a great tutorial! Could you also mention how to use clipping masks in order to separate different coloring layers (mane, tail, eye, etc.)? That was confusing to me when I first started. :)


1 members like this post.

member signature

Posted By

Syrien πŸ‡ ☽
#86327


Member is Offline
1236 forum posts
Send A Message

#14802 Posted on 2016-03-04 10:56:25

Sure! I'll do that in a sec, still sorting out the info I have up currently XD


0 members like this post.

Posted By

Arty ~🀎~
#25282


Member is Offline
663 forum posts
Send A Message

#14805 Posted on 2016-03-04 11:00:05

Awesome, thanks! Take your time!


0 members like this post.

member signature

Posted By

Syrien πŸ‡ ☽
#86327


Member is Offline
1236 forum posts
Send A Message

#14807 Posted on 2016-03-04 11:11:05

added, let me know if you think of anything else ^.^


0 members like this post.

Posted By

Arty ~🀎~
#25282


Member is Offline
663 forum posts
Send A Message

#14808 Posted on 2016-03-04 11:11:48

This is awesome! Thank you so much :D

Is there a way, if you're recolouring something, so that it doesn't go out of the lines? Or would you have to colour carefully over again?;] I'm not sure if that's what clipping masks is xD

It is clipping masks aha, thank you!

Last edited on 2016-03-04 at 11:12:32 by α΄€α΄œα΄›α΄œα΄Ι΄;;


0 members like this post.

Posted By
autumn.
#60701

Member is Offline
95 forum posts
Send A Message

#14809 Posted on 2016-03-04 11:13:32

that's what the "Preserve Opacity" does, it keeps you from coloring where you haven't already on that layer :)


0 members like this post.

Posted By

Arty ~🀎~
#25282


Member is Offline
663 forum posts
Send A Message

#14847 Posted on 2016-03-04 12:07:22

Arty, would you mind if I posted a little tutorial I did for another format to color lineart? I thought it might be another handy way to show people and could post it as a comment (or send it to you to edit into your original post) so I didnt have to make a whole new post :)


1 members like this post.

member signature

Posted By

Cinch
#31323


Member is Offline
483 forum posts
Send A Message

#14854 Posted on 2016-03-04 12:17:46

Sure! Message it to me when you have it put together :D


0 members like this post.

Posted By

Arty ~🀎~
#25282


Member is Offline
663 forum posts
Send A Message

#15134 Posted on 2016-03-04 20:22:26

Just an fyi, I would not recommend coloring greyscales in the way above.
They often look too "flat" and not to mention certain colors don't work well.

I'd recommend loading the greyscale as a selection (ctrl + click the layer in photoshop), and creating a new layer beneath the greyscale to create your color base. Then go back to the greyscale itself and duplicate it. Set one of the greyscales to softlight and the other to overlay. I usually use 50% opacity, but this can vary depending on the greyscale in question. This usually gives the shading more "pop" and doesn't look so dull (as it does in that example you showed).




Last edited on 2016-03-04 at 20:24:01 by Yeon β™₯


1 members like this post.

member signature

Posted By

yeon
#45955


Member is Offline
939 forum posts
Send A Message

#15281 Posted on 2016-03-05 08:00:25

Oh wow... never thought about doing something like that with the greyscale... -scurries off to try-

I still envy your layer set ups you do ♥


0 members like this post.

member signature

Posted By

Cinch
#31323


Member is Offline
483 forum posts
Send A Message

#15380 Posted on 2016-03-05 10:38:17

Thanks Kite, I'll fix it when I get on the computer (:

Edit: I switched out the information (:

Last edited on 2016-03-05 at 10:56:49 by Arty❧


0 members like this post.

Posted By

Arty ~🀎~
#25282


Member is Offline
663 forum posts
Send A Message