Ohnhai's Pencil Art Preperation (digital inking) Tutorial

Artists! Show your work, tips, tricks, requests, and challenges. This forum includes visual art, music, 3D, animation, abstract art, graphic design, sculpture, EVERYTHING.

Moderator: Mod Squad

Ohnhai's Pencil Art Preperation (digital inking) Tutorial

Postby OHNHAI » Sat Apr 15, 2006 8:33 pm

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.
User avatar
offline
 
Posts: 75
Joined: Sat Nov 20, 2004 7:35 pm
Location: Melbourne Australia
Gender: None specified

Postby GridsNaranek » Sat Apr 15, 2006 8:34 pm

Oooh, gonna have to remember this. But I don't have photoshop yet :(
Bloodsguar Studios member

WE ARE ALL GRIDS
Moderator

User avatar
offline
 
Posts: 9696
Joined: Sat May 07, 2005 12:00 am
Location: I Have Always Been Here
Gender: None specified

Re: Ohnhai's Pencil Art Preperation (digital inking) Tutori

Postby Erix » Sat Apr 15, 2006 8:37 pm

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

Postby Spike » Sat Apr 15, 2006 9:09 pm

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.
User avatar
offline
 
Posts: 9536
Joined: Thu Dec 18, 2003 6:51 pm
Location: Vancouver, BC
Gender: None specified

Postby OHNHAI » Sat Apr 15, 2006 9:33 pm

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
User avatar
offline
 
Posts: 75
Joined: Sat Nov 20, 2004 7:35 pm
Location: Melbourne Australia
Gender: None specified

Postby Spike » Sat Apr 15, 2006 9:41 pm

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.
User avatar
offline
 
Posts: 9536
Joined: Thu Dec 18, 2003 6:51 pm
Location: Vancouver, BC
Gender: None specified

Postby Skorri Siggeir » Sat Apr 15, 2006 9:48 pm

LOL

YOUR AVATAR HAS DYNAMO WITH TENTACLES.

/hard-on
Image
User avatar
offline
 
Posts: 5051
Joined: Mon Nov 28, 2005 9:02 pm
Location: A dark void, pissing on the walls.
Gender: None specified

Postby OHNHAI » Sat Apr 15, 2006 10:49 pm

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......
User avatar
offline
 
Posts: 75
Joined: Sat Nov 20, 2004 7:35 pm
Location: Melbourne Australia
Gender: None specified

Postby OHNHAI » Mon Apr 17, 2006 2:28 am

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.)
User avatar
offline
 
Posts: 75
Joined: Sat Nov 20, 2004 7:35 pm
Location: Melbourne Australia
Gender: None specified

Postby Spike » Mon Apr 17, 2006 2:48 am

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.
User avatar
offline
 
Posts: 9536
Joined: Thu Dec 18, 2003 6:51 pm
Location: Vancouver, BC
Gender: None specified

Postby Yoshi » Mon Apr 17, 2006 5:37 am

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
Moderator

User avatar
offline
 
Posts: 12585
Joined: Sat Dec 11, 2004 4:38 am
Location: In A Tree Gathering My Nuts
Gender: None specified

Postby Sepher0 » Mon Apr 17, 2006 9:54 am

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
User avatar
offline
 
Posts: 109
Joined: Mon Apr 03, 2006 11:44 am
Gender: None specified

Re: Ohnhai's Pencil Art Preperation (digital inking) Tutori

Postby Shadowed State of Mind » Mon Apr 17, 2006 10:17 am

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!)
User avatar
offline
 
Posts: 2661
Joined: Wed Oct 05, 2005 9:57 pm
Location: I hail from the late Mustapha Land.
Gender: None specified

Postby nabichan » Mon Apr 17, 2006 11:38 am

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!
User avatar
offline
 
Posts: 816
Joined: Mon Apr 17, 2006 3:27 am
Location: Texas
Gender: None specified

Postby Acktoo » Mon Apr 17, 2006 1:32 pm

Oh, and Paint.net ftw, not Gimpshop.
Too good for you.
Moderator

offline
 
Posts: 12993
Joined: Wed Nov 17, 2004 1:54 pm
Location: Unknown
Gender: Male

Re: Ohnhai's Pencil Art Preperation (digital inking) Tutori

Postby OHNHAI » Mon Apr 17, 2006 5:25 pm

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)
User avatar
offline
 
Posts: 75
Joined: Sat Nov 20, 2004 7:35 pm
Location: Melbourne Australia
Gender: None specified

Postby Sycros D4 » Wed Feb 14, 2007 11:46 pm

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


Return to Art

Who is online

Users browsing this forum: No registered users and 0 guests