It is currently Fri May 24, 2013 7:32 am


All times are UTC - 6 hours [ DST ]




Post new topic Reply to topic  [ 17 posts ] 
Author Message
PostPosted: Sat Apr 15, 2006 8:33 pm 
User avatar

Joined: Sat Nov 20, 2004 7:35 pm
Posts: 75
Location: Melbourne Australia
Gender: None specified
In this tutorial I will attempt to guide you through how I get my line work ready for adding colour. I will assume you know how to use your scanner and get it into PhotoShop. I’m using PhotoShop CS so all menus and methods are specific for that package but you should be able to transfer this method to most packages (with the exception of MS Paint…… stop using MS paint PLEASE there is far better FREE stuff out there, you don’t need to use it at all)

OK here we go….



1: The raw scan

Ok Place your image in your scanner and scan the image, taking care to make sure you are scanning in GreyScale mode. On the default settings for greyscale you should end up with something like this

Image

2: Convert to RGB

In Photoshop you need to change the image format of the image from Greyscale to RGB. Do this by selecting Image/Mode/RGB from the main menu.

Image

Why scan in Greyscale only to instantly change to RGB (colour) in Photoshop? If you had scanned the image in colour then the lines would have not been 100% black and white. This would in turn make cleaning them up more tricky. When you convert to RGB no colour is added to the lines and so you preserve lines of a grey scale nature.

3: Levels

Next you need to perform a global adjustment on the lines to make the whites whiter and the blacks blacker. Open up the Levels dialogue Image/Adjustments/Levels

Image

This should open a box that looks like this

Image

Highlighted in green you should see a small black triangle and a small white one too. These represent the Black and white points of you image.

The box above these triangles contains the analysis of how much of each shade you have in your image. As you can se we have a lot of white in the image (the tall black spike) but as this spike extends to the left of the white point marker you know that there is also a lot of very light grey in there as well. What we need to do is slide the white point marker to the left till it sits at the point where the tall spike flattens out. Lke so.

Image

What this has done is told Photoshop to treat the light greys as 100% white, and cleans up the vast proportion of the image. Next we need to move on to the lines.

You could stop here, as grey lines can create a nice soft image but for this tutorial we are going to take the line work to black. We can start this by shifting the black point (the black triangle) to the point where the majority of the greys in the lines become black. Like so.

Image

Don’t move the black point too far to the right as doing so can make the lines too harsh and that just looks ugly.

When you are happy with the settings press OK to apply them to the image.



4: The Clean Up

Next we move on to the clean up. Right off the bat I will tell you this is not a quick job and it will pay massive dividends to take care and time on this part, as this will be the final line work for your image so it pays to make it and clean and solid as possible.

As you can see in the previous image pencil doesn’t distribute itself evenly and you will end up with areas like the eyes and ear that seem patchy and not fully solid.

Unless you like this look (a valid choice) you will need to use the brush tool to clean the image up. Using black to paint and white to ‘erase’ go over the lines to clean them up and make them strong, solid and smooth. Don’t be afraid of getting in real close (use the zoom tool) as this will make cleaning up tricky areas far easier.

Image

In areas like the eye where clean lines really improve the image you can re-draw them using shapes and such to create the perfect lines (here I uses several layers and the ellipse selection tool to make a new eye)

In the end you should end up with a nice clean solid image like so

Image

To be honest I ended up going over 100% of the lines in this image. But that’s the trouble when you come direct from the pencil. You could create an inked version of the image on nice white, smooth Bristol board but this doesn’t save the work you need to pencil. It simply transfers the same job to a paper solution rather than a computer solution. In truth though it is nice to have an nice piece if inked art you can hold in your hands you can generally do a far more accurate job of tidying the line art in the computer.

As I said before, and I repeat it here because it need repeating. The clean up WILL take you a long time if done with care and attention. Don’t let your need for results push you into rushing the clean up as effort here will result in a far better picture.

5: Make the white transparent

Ok now we have are shiny, crisp line art and you want to start colouring.

Copy the line art to a new layer and delete the background.

Change the layer property for this layer to Multiply. I wont bother with what this technically does but for us the important thing is that it makes the layer behave like a clear cell with the line work on it (the white becomes transparent)

Image

Add a new, empty layer and drag it below the layer with your line work on it.

6: Paint the colour.

You have now prepped your pencil scan ready for you to add colour.

Making sure you have the empty layer selected paint some colour across your image. If you correctly set Multiply on the line art layer the colour should neatly show up behind your lines. Like so.

Image

Have fun :D



Now as a coda I will add that there other options to getting strong, crisp, solid line work ready for colour. They include

!: Inking the image on paper:
2: Tracing the lines out on a second layer in photo shop (you don’t have to erase any noise or temporary lines as you only trace what you want)
3: Use Paths and shapes to create a new set of lines: (creates VERY clean lines, can take time, needs practice)


Last edited by OHNHAI on Sat Apr 15, 2006 8:47 pm, edited 1 time in total.

Top
Offline Profile  
 
 Post subject:
PostPosted: Sat Apr 15, 2006 8:34 pm 
Moderator
User avatar

Joined: Sat May 07, 2005 12:00 am
Posts: 9696
Location: I Have Always Been Here
Gender: None specified
Oooh, gonna have to remember this. But I don't have photoshop yet :(

_________________
Bloodsguar Studios member

WE ARE ALL GRIDS


Top
Offline Profile  
 
PostPosted: Sat Apr 15, 2006 8:37 pm 
User avatar

Joined: Thu Mar 30, 2006 4:57 pm
Posts: 13319
Location: Drawing my hands off
Gender: None specified
You gotta love this guy.
Thank you onhai, I'm going to try to apply this right now.

_________________
Image


Top
Offline Profile  
 
 Post subject:
PostPosted: Sat Apr 15, 2006 9:09 pm 
User avatar

Joined: Thu Dec 18, 2003 6:51 pm
Posts: 9536
Location: Vancouver, BC
Gender: None specified
Good tutorial, Ohnai :) Could you add a link to this thread in the tutorial sticky, please? It would help those who need it far in the future ^_^

_________________
***
ImageImage(Updates Tu!)
Dave: I'm rageing lesbian trapped in a man's body.
Sucros: You can't learn to cook without learning a little french, you can't discuss softcore gay porn without learning a little japanese.


Top
Offline Profile  
 
 Post subject:
PostPosted: Sat Apr 15, 2006 9:33 pm 
User avatar

Joined: Sat Nov 20, 2004 7:35 pm
Posts: 75
Location: Melbourne Australia
Gender: None specified
spikecomix wrote:
Good tutorial, Ohnai :) Could you add a link to this thread in the tutorial sticky, please? It would help those who need it far in the future ^_^


wouldnt it be better if you added the link to the opening post of the art Tutorial thread.... mean I WOULD edit YOUR post to add the link but sadly I dont have the all consuming power of moderation yet :P


Top
Offline Profile  
 
 Post subject:
PostPosted: Sat Apr 15, 2006 9:41 pm 
User avatar

Joined: Thu Dec 18, 2003 6:51 pm
Posts: 9536
Location: Vancouver, BC
Gender: None specified
Only if you crop your avatar to 100px by 100px please :D

_________________
***
ImageImage(Updates Tu!)
Dave: I'm rageing lesbian trapped in a man's body.
Sucros: You can't learn to cook without learning a little french, you can't discuss softcore gay porn without learning a little japanese.


Top
Offline Profile  
 
 Post subject:
PostPosted: Sat Apr 15, 2006 9:48 pm 
User avatar

Joined: Mon Nov 28, 2005 9:02 pm
Posts: 5051
Location: A dark void, pissing on the walls.
Gender: None specified
LOL

YOUR AVATAR HAS DYNAMO WITH TENTACLES.

/hard-on

_________________
Image


Top
Offline Profile  
 
 Post subject:
PostPosted: Sat Apr 15, 2006 10:49 pm 
User avatar

Joined: Sat Nov 20, 2004 7:35 pm
Posts: 75
Location: Melbourne Australia
Gender: None specified
spikecomix wrote:
Only if you crop your avatar to 100px by 100px please :D



done

Added after 51 minutes:

Skorri Siggeir wrote:
LOL

YOUR AVATAR HAS DYNAMO WITH TENTACLES.

/hard-on





Er.... yes.. as sad side effect of drastically down-sizing an image with thin outlines.... I have corrected the defacit on my Avatar. the tenticals now clearly go Behind Dynamo......


Top
Offline Profile  
 
 Post subject:
PostPosted: Mon Apr 17, 2006 2:28 am 
User avatar

Joined: Sat Nov 20, 2004 7:35 pm
Posts: 75
Location: Melbourne Australia
Gender: None specified
Griddles wrote:
Oooh, gonna have to remember this. But I don't have photoshop yet :(


you could always give GIMP a go apparently it's a lot like Photoshop AND free.. not used as I have PhotoShop.

ABE-

Just checked it out and it can do layers and can use 'multiply' like photoshop so you can use it for easy cell colouring..... Unlike photoshop though you will need a base layer of solid white to allow you to see the line work while colouring. (just flood fill a layer and keep it as the bottom most layer.)


Top
Offline Profile  
 
 Post subject:
PostPosted: Mon Apr 17, 2006 2:48 am 
User avatar

Joined: Thu Dec 18, 2003 6:51 pm
Posts: 9536
Location: Vancouver, BC
Gender: None specified
OpenCanvas is okay, too. I can't remember offhand if it's *actually* free or if it's just in that broad category of "things I've managed to procure".

Added after 56 seconds:

nope, it's free!

Gimp is poor man's photoshop, OC is poor man's painter. It's not bad, less control but definitely gives some really nice results.

Added after 1 minutes:

Oh wait, just kidding again. It's shareware now, it *was* free (?)... you can buy it for 7800 yen.

_________________
***
ImageImage(Updates Tu!)
Dave: I'm rageing lesbian trapped in a man's body.
Sucros: You can't learn to cook without learning a little french, you can't discuss softcore gay porn without learning a little japanese.


Top
Offline Profile  
 
 Post subject:
PostPosted: Mon Apr 17, 2006 5:37 am 
Moderator
User avatar

Joined: Sat Dec 11, 2004 4:38 am
Posts: 12571
Location: In A Tree Gathering My Nuts
Gender: None specified
Awesome. You better not go away.

_________________
"Worst case scenario I'll get arrested for public nudity.
Best case scenerio I'll get arrested for public nudity with a boner. It's win win.
" ~ Dave
"Also Yoshi is the most important person in all of Australia." ~ Zepherin


Top
Offline Profile  
 
 Post subject:
PostPosted: Mon Apr 17, 2006 9:54 am 
User avatar

Joined: Mon Apr 03, 2006 11:44 am
Posts: 109
Gender: None specified
dang... this is why it takes hours....

thats awesome thou, thanks!

_________________
Avatar is of Blak
Drawn by OHNHAI (based on drawing by Erix), Colored by Sepher0

Who is Blak?

Find out more here:
http://www.snafu-comics.com/forum/viewtopic.php?t=9680


Top
Offline Profile  
 
PostPosted: Mon Apr 17, 2006 10:17 am 
User avatar

Joined: Wed Oct 05, 2005 9:57 pm
Posts: 2656
Location: I hail from the late Mustapha Land.
Gender: None specified
AH! This kinda looks like this. Excellent. I can easily get Photoshop on a whim through..."devious" means, but it's useless to me without a scanner.

_________________
The Life and Times of Shad Staydamind PPG fic; finished. part 1/3
Dual Minds Think Alike PPGD fic, part 2/3; finished (trilogy is on an indefinite hiatus)
Hidden Angels Original, ongoing fiction. (also hiated. Stupid college!)


Top
Offline Profile  
 
 Post subject:
PostPosted: Mon Apr 17, 2006 11:38 am 
User avatar

Joined: Mon Apr 17, 2006 3:27 am
Posts: 816
Location: Texas
Gender: None specified
Great work. I always find myself having so much trouble with good linework (especially when transferring it from natural media to the computer). I've always had trouble figuring out the whole levels thing as well. Thanks a bunch for the tutorial!

_________________
My Art Thread


Top
Offline Profile  
 
 Post subject:
PostPosted: Mon Apr 17, 2006 1:32 pm 
Too good for you.
Moderator
User avatar

Joined: Wed Nov 17, 2004 1:54 pm
Posts: 13093
Location: Between Planes
Gender: Male
Oh, and Paint.net ftw, not Gimpshop.


Top
Offline Profile  
 
PostPosted: Mon Apr 17, 2006 5:25 pm 
User avatar

Joined: Sat Nov 20, 2004 7:35 pm
Posts: 75
Location: Melbourne Australia
Gender: None specified
Shadowed State of Mind wrote:
AH! This kinda looks like this. Excellent. I can easily get Photoshop on a whim through..."devious" means, but it's useless to me without a scanner.


if you got a digital camera then you can use that. just make sure this image as flat as possible, well lit with white light and that you camera is DIRECTLY above the image and not tilted ( will distort you immage if on a n angle)


Top
Offline Profile  
 
 Post subject:
PostPosted: Wed Feb 14, 2007 11:46 pm 
User avatar

Joined: Wed Feb 14, 2007 11:17 pm
Posts: 111
Location: Pandora's Box
Gender: Male
Very good tutorial, I'll be takin this into consideration...

_________________
Image


Top
Offline Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 17 posts ]  Moderator: Mod Squad

All times are UTC - 6 hours [ DST ]


Who is online

Users browsing this forum: mariosantis and 0 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group
Theme created by StylerBB.net
Edited by Thomas Karlsson