Wiki:
Page name: Neat tricks in MS Paint [Exported view] [RSS]
2007-10-08 21:06:35
Last author: Triola
Owner: Elegy - gone
# of watchers: 5
D20: 20
Bookmark and Share

Tutorial: Neat Tricks in MS Paint.



Colouring on the computer can be hard enough without having to do so in a less than satisfactory art program. Therefore I have made this tutorial, to make things a little bit easier for those of you who are stuck with MS Paint.


~[Triola]


PS: All the images can be clicked on for full view versions!


<img:stuff/pixie_black_divdersml.jpg>


Trick number one - Making your lineart ready for work!

First we have to have a drawing we can colour. And since I am miles away from my scanner, I have very sneakily stolen one of [Zab]'s linearts... *cough*... so anyway, credit and honour and all that rot to her!
<img200*0:stuff/unicornandfoalzab.jpg>

Now, there is a slight problem with this image. As you can see from the example below, when you try colouring it it turns all blotchy and whitespotted. This is because not everything that looks white is white. It's more of a whitey greyish light colour. Yeah. That means we have to find a way to make the whole image completely black and white, and only black and white!
<img200*0:stuff/MSpainttutorial_blotchy.bmp.jpg>

The way to do that is to save the images as a monochrome bitmap, instead of the default 24-bit. Savvy? Look at the picture if confused.
<img200*0:stuff/MSPainttutorial_savingmono.bmp.jpg>

Now, when you have saved it as a monochrome bitmap you will have to copy the image and paste it into a regular 24-bit canvas to be able to work with normal colours again, but the result should be something like this:
<img200*0:stuff/MSPainttutorial_blackwhite.bmp.jpg>

As you can see the lineart is not complete yet, but with a little bit of work with the pencil tool, it can soon look something like this:
<img200*0:stuff/MSPainttutorial_finishedlines.bmp.jpg>

And there we have the lines done! :D

<img:stuff/pixie_black_divdersml.jpg>


Trick number two - colouring without messing up the lines!

Now, people who have done a bit of work in MS Paint will know that sometimes it is difficult to colour an image, and still have the original lineart remain intact. Which is why we have this very neat trick called 'copy-the-lines-and-put-them-on-later'! And here comes the explanation on how to do that:

First, you copy your lineart and put it next to your original picture (for this it is wise to have a large canvas):
<img200*0:stuff/MSPainttutorial_double.bmp.jpg>

Then you colour the image! However, as you might notice, after finishing the colouring many of the black lines are missing!
<img200*0:stuff/MSPaint_tutorial.bmp.jpg>

How do we fix this? Why, by copying the lineart we have next to the image and pasting it above the coloured version!

Watch, and learn:

Step One - we have a coloured version and a lineart version:
<img200*0:stuff/MSPainttutorial_step1.bmp.jpg>

Step Two - We move the lineart version above the coloured version:
<img200*0:stuff/MSPainttutorial_step2.bmp.jpg>
NB! Make sure that white is the underlying colour, and that you choose the see-through option!

Now, the only thing left to do is to make sure the lines are completely on top of the old ones, and the result might end up something like this:
<img200*0:stuff/elegy_unicorns.bmp.jpg>

Tada!

<img:stuff/pixie_black_divdersml.jpg>


Trick number three - colouring without messing up the rest of the image!

Now, the trick with putting the lines on the side can be used while colouring as well. Are you afraid that the next step in your work is going to mess up the rest of the image? No worries! Just look here:

We copy the image:
<img200*0:stuff/MSPainttutorial_copycolours.bmp.jpg>

We colour the sky:
<img200*0:stuff/MSPainttutorial_coloursky.bmp.jpg>

We put the image back on top:
<img200*0:stuff/MSPainttutorial_putover.bmp.jpg>

And that's all there is to it!

<img:stuff/pixie_black_divdersml.jpg>


Go or return to:
- The Elftown Tutorials
- The Elftown CG Tutorials
- The Art department of the Elftown Academy
- Tutors

Username (or number or email):

Password:

2006-08-08 [iippo]: This is awesome! :D

2006-08-08 [Elegy - gone]: You think so? Thank you! :D I thought it might be useful for more people to know about ^_^

2007-10-07 [ForeverNothing]: OMG this is soo great!

2007-10-08 [Artsieladie]: Useful...is an understatement for making coloring pages. <img:stuff/dand-gif.gif>

2007-10-08 [Triola]: Danke, danke :P

2007-10-11 [Artsieladie]: When I was in Germany, the German folks would say "bita" as a response to this, kinda' like our "you're welcome" in English. I'm just not sure of the spelling. :P

My latest coloring page:
http://www.elf12.com/stuff/Cat_Girl.bmp.jpg
...And it works great for coloring in MS Paint! 
<img:stuff/dand-gif.gif>

2007-10-12 [Triola]: I think it's "bitte" :) it can mean "please", or "pardon", or "you're welcome" or all sorts of useful things :P

Great :D

2007-10-12 [Artsieladie]: I figured I was putting too much of an English spin on it. ;) It's a little like "aloha", which has several meanings, like hello, good-bye, love & so on. :P

2007-10-12 [Triola]: Hehe, yeah :P Useful word ^_^

Show these comments on your site

Elftown - Wiki, forums, community and friendship.