This page and site best viewed at 1024/768
                                This tutorial is for PSP 6 & 7

There are several large graphics here so you can see the area zoomed in, so please let the page load.

The basics of this tutorial can be used for any outlined image.
Basics ..
     Making the image usable
     Taking out any lines you may not want in it
     Using a few tools and effects to color your picture.


This tutorial came to light after being ask by Cynthia how I color the line art that is set to one of the groups that I belong to .. So Cynthia this one is for you:)  In order for me to write it I had to have a graphic that was nothing but line art.  I don't have any kids here so I had no coloring books, and most line art on the web is copyrighted, so I need to make my own.  The idea came from Betty also known as BestBetWins .. So thank you Betty for giving me a way to show how to color inside the lines:)  Betty also is a pretty good spell checker:)  ROFL:)

The basics of this tutorial can be used for any outlined image. 

!!!  TIP FOR BEGINNERS  !!!


Left click on this button in you TOOL OPTIONS window to see ALL your tools with the names.


This tutorial will show one method to take those line art images that we seem to get as WET's as turn them into something that we can color or fill with an image for a great effect.

I have made a break in the line of this graphic so you can see one way of fixing it.  The breaks seem to be the largest complaint when working with a line graphic and trying to select an area.

You may use your own line art, or a line art that your group 
may want you to use, to work this tutorial.  You will need some graphics or pictures to fill with at we are done making it a workable image.

After saving to your computer then bring it up in Paint Shop Pro.  Also bring up the graphics that you will be using to fill with, you can minimize then until you are ready to use them.

Right click and save to your computer

Making the image usable

The first thing you want to do is make a duplicate so you don't lose the original graphic

*  So use SHIFT D on your keyboard to make a duplicate
    (you may close or minimize the first Original one now)

You need to make sure that it is also 16 million colors .. most effects will not work if it's not.

*  So go to COLORS (at the top of your PSP window)
    Scroll down to INCREASE COLOR and when you click on it they should all be grayed
    out, if not then click on 16 million colors.

Now we need to make it so we can get rid of all the white areas

*  Open your Layer Palette

When you look in your Layer Palette window it will say "background" for the graphic you are looking at .. now look on the right side of that.  If it is grayed out, then you need to still do one more step before you can work on your line image.

*  Right click on the "Background" layer (right where it says background) choose DUPLICATE.  Now you see two layers, One say Background, one says Copy of Background.  Right click on the one that says Background (it's the grayed out one and should be on the bottom) Choose Delete.  Now your line image is ready to use.

Lets get rid of all the white so we can see only the outlines on a transparent background.

*  Choose your Magic Wand and open your Tool Options window
     Set the tolerance to 10 (this may be a little high or low if you are working on your own graphic so adjust if necessary but try at 10 first) Feather is at 0

*  Click on a large area of white in the graphic then go to Selections (top of the PSP window) choose MODIFY, then SELECT SIMILAR.  This will grab all of that color.
        NOTE .. if you are working on a different graphic than this one and it does not pick up all of the color you are trying to delete, then go back to your Tool Options window and go up A LITTLE with the tolerance.  I usually go up 5 at a time and then adjust from there)

*  Hit Delete on your keyboard .. now you should have nothing but the outline and the transparent background.

Now we need to check for breaks in the line .. there IS one in this graphic so I could show how to fix it:)

Using your magic wand touch the inside (transparent areas) and see if it grabs more than it should.  You only want to grab the area inside each of these shapes nothing on the outside.
      NOTE .. if you are using your own graphic then just touch a few of the open areas and watch what happens to the graphic.  If it doesn't grab more than the areas you are wanting to fill then don't worry about it right now and you can come back to "Filling the Lines" step if you need to later.
 

FILLING THE BROKEN LINES

Did you find the broken line in this graphic?  It's on the Ellipse on the top right side.
So lets fix it.  Zoom into the area that needs to be repaired.  Go to View and choose zoom in by 5 .. this will make it very large, but you will be able to see the area better.  Use the sliders on the side and bottom of the window to find the area that needs to be fixed.
*  Open your Tools Option window.  Choose your PAINT BRUSH tool   In your Tools Option box set the Shape to round, size is 1, Hardness is 9, Opacity 47, step 25, and Density at 80 .. Build up brush is UN checked.  Your Foreground color is BLACK for this line art  (you may need to use a different color if yours is not black)
*  Start at the broken point on one end of the line .. and paint to the other end .. DO NOT keep your mouse held down the whole time, because if you need to undo then you will undo all of it.  It should only take a couple strokes to fix the line.  Remember .. if it doesn't look the way you want it to then CTRL Z to undo it.  The race on a WET or Challenge is not to see who can get it done the fastest. So take your time and fix things that need to be fixed, the more the practice, the faster you will get.

When you are done go to View again and choose Normal View.
 

SAVE !!!

Taking out portions of the graphic

Now you could use your magic wand and start filling the inside areas with color but lets go one step farther with this graphic and this will help in other graphics too.

Lets take out some of the lines so we can make this graphic into a frame collage. You can take out any of the EXCESS parts that you want but in the graphic below you will see which ones I will be taking out so I make the shapes into solid frames.  This same method can be used for any line art graphic so you can fill with color or images when finished.  I have circled in red which line I will be taking out.  You may take out which ever lines you want in your image.

#1 Before
#2 Erasing large portions of the lines that
we want out of the graphic.

To take out the large sections of the lines that you want gone

* Open your Tool Options window and choose your ERASER tool.
    Set it to these options (these settings are for this graphic, you may have to adjust the size if a graphic you are working on has smaller areas or skip to the "Freehand cleanup" section of this tutorial)
      Shape   Round
      Size      10
      Hardness 100
      Opacity    100
      Step         14
      Density     100
      Build up brush  UNchecked

Now use your eraser to take out ONLY the large portions of what you want out of the graphic, do it slow and in steps, do not try and take out the whole line in one mouse click because if you make a mistake and have to undo then you will undo all of what you di in that mouse click.  Hold down your mouse and take out portions  just till it leaves a line at the connecting line.

Examples








Now we clean it up ..

* Open your Tool Options window and choose your FREEHAND TOOL
    use these settings
     Selection type is POINT TO POINT
     Feather 0
     Antialias CHECKED
       Now, I NEVER use the Precise cursor except for this step .. it just gives me more control as I can see the lines better through the mouse cursor.
*  Click on the second icon on the top LEFT side of the Tool Options WIndow and choose USE PRECISE CURSORS  (when you are done you can uncheck it or keep it, the choice is yours:)

Zoom into the work area, I zoomed in by 5, then used the slider bars on the image window to navigate around the area so I could see what needed to be deleted.

You want to start inside of the area you are working it, click then take the cursor over to the first line you are going to delete.  Try and get as close to the connecting line as possible but DO NOT touch it, click to lay that line down (NOTE, because we have the freehand set to antialias it will grow into your lines, that is fine as it will give it a nice even look.)  Now move your mouse to go THROUGH the line you are going to delete and out the other side of it, click, then go back toward the first line you laid down .. when you are close and not in danger of crossing any lines .. then double click to have the selection set .. if it looks good hit DELETE on the keyboard.    Do this with each line that needs to be taken out .. if you make a mistake then use CTRL Z to undo that step.
I made my example with RED lines so you can see where to start and each click spot:)

When you are done and you do not want the Precise cursor any longer then click on the second icon at the top of the Tool Options window and click on the check mark to deselect it.

**All done?  Right click anywhere in the graphic to deselect the last area done.

After you have finished taking out all the lines that you want gone you will have something like this.

 

SAVE !!!

Alrighty Then:)  Were ready to fill this puppy:)

Remember those graphics you picked a lot earlier to fill your image with?  Well it's finally time to use one.

*  Go to Layers, ADD NEW RASTER LAYER, name it PICTURES and hit the OK button

*  Go to Layers, ARRANGE, SEND LAYER TO BOTTOM (you won't see anything happen but it did.

*  Open your Layer palette and lock it open, because you are going to switch between layers.  If the palette closes when you move your mouse back to your image then you need to lock it by clicking on that little arrow in the top right hand corner, the arrow not the x:)  If it doesn't close when you move back to your image then you already have it locked and you don't need to worry about it.

*  Right click on the Layer that says copy of background and choose rename, type in Lines and go back to your image.

*  Go back to your graphic that you have chosen to fill with.

*  Go to Edit, Copy

*  Go back to your Frame image

*  Use your Magic Wand, in the Tool Options window set the tolerance to 0, feather to 0. (make sure  your LINES layer is highlighted in your layer palette, if not then highlight it)

*  Touch your mouse on the inside transparent area of the first "frame" that you want to fill with your graphic.
       Note! .. if you are filling another picture then touch the inside of the area you want to fill with your paint or your graphic.

* Now highlight the PICTURES layer in your layer palette

*  Go to Selections, MODIFY, EXPAND 1, click OK

*  Go to Edit, Paste, Paste INTO selection .. now you have your picture in the frame that your want (or your color if you are coloring an area of an image)

You can close the image that you used for this frame if you like now and open the graphic you will use for the next frame.

*  Go to your next graphic that you have chosen to fill with.

*  Go to Edit, Copy

*  Go back to your Frame image

*  HIGHLIGHT LINES in your layer palette (just remember, you want to have lines highlighted when choosing the inside of an area)

*  Use your Magic Wand, in the Tool Options window set the tolerance to 0, feather to 0.

*  Touch your mouse on the inside transparent area of the first "frame" that you want to fill with your graphic.

* Now highlight the PICTURES layer in your layer palette (Before you lay in any picture you want to make sure you are on the picture layer or when it is time to make the frame you will not like what you have done)

*  Go to Selections, MODIFY, EXPAND 1, click OK

*  Go to Edit, Paste, Paste INTO selection .. now you have your 2nd picture in the frame that your want

Follow these steps until you have all the frames filled

You can close the image that you used for this frame if you like now and open the graphic you will use for the next frame.

*  Go to your next graphic that you have chosen to fill with.

*  Go to Edit, Copy

*  Go back to your Frame image

*  HIGHLIGHT LINES in your layer palette (just remember, you want to have lines highlighted when choosing the inside of an area)

*  Use your Magic Wand, in the Tool Options window set the tolerance to 0, feather to 0.

*  Touch your mouse on the inside transparent area of the first "frame" that you want to fill with your graphic.

* Now highlight the PICTURES layer in your layer palette (Before you lay in any picture you want to make sure you are on the picture layer or when it is time to make the frame you will not like what you have done)

*  Go to Selections, MODIFY, EXPAND 1, click OK

*  Go to Edit, Paste, Paste INTO selection ..
begin again:) until you have all frames filled.

*  CTRL D to deselect when finished

*  Highlight your LINES layer in the layer palette

* Go to Selections, SELECT ALL

*  Go to Selections, FLOAT

*  Go to Selections, DEFLOAT
   Now you have a marquee around all of your lines,

* Go to Selections, EXPAND 1 click OK

*  Layers, ADD new Raster layer, just click Ok because we will merge in just a couple of steps)

      SET YOUR FOREGROUND COLOR TO WHITE and use your FLOOD fill tool to fill your selection
 

PSP7 ... left click and hold on the second button under your color palette, these are called style palettes.  When the little window with 4 icons pops up, choose the first one on the left, that is the PAINT button.  Now click on it again and when the large window opens choose WHITE  (bottom right hand corner) click OK

Left click and hold on the 3rd and 4th buttons and choose the right side icon, that is the OFF/NULL icon.

PSP6 ... Click on the bottom color button that you see under your color palette, when the large window opens choose WHITE (bottom  right hand corner) click OK

PSP 6 and 7
Now open your TOOL Options window  and set it to 
fill style SOLID, (psp6)
blend NORMAL, 
paper NONE, (psp6)
match RGB, 
Tolerance 100, 
Opacity 100.
SAMPLE MERGED UNchecked (Thank you Patti:)

(if you use Blade Pro or a special filter you can use it here:)

*  Go to
   PSP6 Image, Effects, Sculpture  use any of the preset you like by using the top middle menu.
   PSP7 Effects, Texture Effects, Sculpture use any of the preset you like by using the top middle menu.
       I used the JADE preset.

* Go to
 PSP6 Image, Effects, Drop Shadow
   PSP7 Effects, 3D, Drop Shadow
          Vertical 3
          Horizontal 3
          Opacity  85
          Blur 10
    Click OK

* apply the same drop shadow again if you like to give it a little more definition.

CTRL D to deselect

              Using the Jade Preset in PSP

            Using a Blade Pro preset

 
 

Go to Layers, Merge, Merge visible and save how you want to save your graphic.


These graphics were all done with the fill method above and with flood fill.  When using flood fill you do it the same way, .. magic wand on line layer, fill on picture layer (in the case of flood fill I would have named the layer color instead of picture)

Using graphics to PASTE INTO Selection
Using paint to fill with

Using paint and image to fill with


Using a graphic to PASTE INTO Selection

 
Graphic made by Dee

This tutorial is Copyright © 2001 by Sherrie all rights reserved
it may not be copied or reposted in any way without express written permission of Sherrie.