Tutorial: Setting Up To Colour Line-art

Visual_MirageVisual_Mirage Join Date: 2003-05-01 Member: 15973Members
<div class="IPBDescription">How to setup your picture in photoshop</div> Hi Everyone. First and foremost, i am writing this solemly to give new people a chance to learn how to set-up their drawing they've scanned in and start off colouring it in photoshop. There ARE more than one ways of doing this, but this is the way i choose, as i believe it's the easiest and most effective.

Ok! First off, i 'ASSUME' you have the following to do this:
- Photoshop 6+
- Scanner (Or any other device that will possibly get your line-art sketch onto your PC)
- A black and white lineart drawing, no colours and shading.

NOTE: For the image example, i am using the "glurm" picture i drew, its a decent example of what to have.

---STEP 1---
Scan your black outlined image on a possible high DPI setting to achieve maximum results for quality and clearness, if not, just try and use something that will produce a reasonable result. If your scanning program has the setting for it... choose the "Line-Art" setting, that means it will ONLY scan black and white colours, and produce a clear scan of your image.
<img src='http://members.optushome.com.au/bloodfart/jason/Other/Settings-1.jpg' border='0' alt='user posted image'>

---STEP 2---
Open photoshop, and create a new template with the same 'length' and 'width' dimensions as the image you are going to use, and choose 'white' as your background, click OK.
<img src='http://members.optushome.com.au/bloodfart/jason/Other/Settings-2.jpg' border='0' alt='user posted image'>

---STEP 3---
Create "TWO" new layers now by clicking on the new layer button, and load up your image into the top layer you just created (should be called Layer 2 by default)
<img src='http://members.optushome.com.au/bloodfart/jason/Other/Settings-3.jpg' border='0' alt='user posted image'>
So now you should have a white 'background' layer, then above that should be a transparent 'layer 1', then above that should be 'layer 2' which contains your image.

---STEP 4---
Assuming the background on your drawing is TOTALLY white (no shading or gradients or anthing), click on the layer containing your image, and choose "white" as your foreground colour.
<img src='http://members.optushome.com.au/bloodfart/jason/Other/Settings-4.jpg' border='0' alt='user posted image'>

Next, click on the "Select" tab at the top, then choose "Color Range".
Use the following settings:
<img src='http://members.optushome.com.au/bloodfart/jason/Other/Settings-5.jpg' border='0' alt='user posted image'>

Click OK. What this does is it will look at what colour you have selected as your foreground colour, and it will select ALL of that colour in your image.

---STEP 5---
As you 'should' now see, all of the white in your drawing has been selected!! Now what?... hit delete!
<img src='http://members.optushome.com.au/bloodfart/jason/Other/settings-6.jpg' border='0' alt='user posted image'>
Now if you look at the layer now in the layers palette, it should be your black outline on a transparent background, sweet!
<img src='http://members.optushome.com.au/bloodfart/jason/Other/Settings-7.jpg' border='0' alt='user posted image'>

---STEP 6---
If you then select the layer underneath your drawing "layer 1", you may now start to colour on it, and it should colour beatifully under your picture!
<img src='http://members.optushome.com.au/bloodfart/jason/Other/settings-8.jpg' border='0' alt='user posted image'>

I hoped this has helped atleast a few people! ^_^

Comments

  • LuKe-EnFoLuKe-EnFo Join Date: 2003-07-15 Member: 18165Members
  • Simple_CompoundSimple_Compound Join Date: 2003-05-09 Member: 16180Members
    awesome tutorial. much appreciated. wish i could see more tutorials like this on the forum. especially HOW TO RENDER SCREENSHOTS <!--emo&;)--><img src='http://www.unknownworlds.com/forums/html/emoticons/wink.gif' border='0' style='vertical-align:middle' alt='wink.gif'><!--endemo-->
  • Visual_MirageVisual_Mirage Join Date: 2003-05-01 Member: 15973Members
    thanks guys, glad to see its helped someone atleast, hehe
  • SpacerSpacer Invented dogs Join Date: 2003-05-02 Member: 16008Members
    if i were to do it, i'd put the inks as well as the white background on the same layer though, imo
    then put it above your colours and set it to multiply.
    just because theres a chance you could loose very fine lines if you do it your way
  • LordLestatLordLestat Join Date: 2003-06-03 Member: 16976Members
    edited September 2003
    Oh yea nice... we like it

    0.0

    ------------------------------------------------------------
    <!--emo&::skulk::--><img src='http://www.unknownworlds.com/forums/html/emoticons/skulk.gif' border='0' style='vertical-align:middle' alt='skulk.gif'><!--endemo--> <!--emo&::skulk::--><img src='http://www.unknownworlds.com/forums/html/emoticons/skulk.gif' border='0' style='vertical-align:middle' alt='skulk.gif'><!--endemo--> <!--emo&::skulk::--><img src='http://www.unknownworlds.com/forums/html/emoticons/skulk.gif' border='0' style='vertical-align:middle' alt='skulk.gif'><!--endemo--> <!--emo&::skulk::--><img src='http://www.unknownworlds.com/forums/html/emoticons/skulk.gif' border='0' style='vertical-align:middle' alt='skulk.gif'><!--endemo--> <!--emo&::skulk::--><img src='http://www.unknownworlds.com/forums/html/emoticons/skulk.gif' border='0' style='vertical-align:middle' alt='skulk.gif'><!--endemo-->
    ------------- 5 skulks of 5 possible ^^---------------

    Im still trying to learn photosop so this is good for us
  • mikachumikachu Join Date: 2002-11-01 Member: 2782Members
    Spacer, I like the multiply technique as well. Especially since I'm lazy.
  • SpacerSpacer Invented dogs Join Date: 2003-05-02 Member: 16008Members
    oooh yes <!--emo&:D--><img src='http://www.unknownworlds.com/forums/html/emoticons/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif'><!--endemo-->

    i spend to much time colouring my comics to care that much about lineart
    i do it all on meh comp <!--emo&:D--><img src='http://www.unknownworlds.com/forums/html/emoticons/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif'><!--endemo-->
  • ThoraXThoraX Join Date: 2003-06-19 Member: 17519Members
    thanks, this will come in handy. the way i used to do it was similar to this method except i would just have 2 layers (one with image, one with background) and delete all the white with the color range method. i'll try your method out, should be better.
  • Visual_MirageVisual_Mirage Join Date: 2003-05-01 Member: 15973Members
    hehe, thanks guys.
    Yeah, theres many different ways! some may be easier, but i reckon this is a simple method that is effective, and works, but maybe its just me!

    I hope i have atleast helped a few people out of the 100+ views, haha
Sign In or Register to comment.