Colouring with
the Hue Map
 PSP 7

This tutorial was written using psp7, if you use psp8 or 9 you will
need to make extra adjustments in the saturation and lightness settings.

This tutorial was created May 1st 2002©Copyright Artwork by EssexGirl
please do not copy it, or put it anywhere else without my written permission.

For this tutorial I used:-
Paint Shop Pro7 you can get the newest version from Corel.com

OPTIONAL:-
Dragonfly's Sinedot II filter you can get Here
(Create a folder in your pluggins folder and unzip Sinedots II into it.)

My sg_trousers.cfg available Here
this is the sinedot that I've used in these examples,
but you can use any setting that you want.

some images have been made smaller to shorten file size

Although I have written this tutorial primarily
for colouring sinedots it can be used to change
the colour of any image in the same way.
It probably doesn't cover every aspect of the hue map,
because I haven't used complex images like photographs
but I have tried to explain a way to use it that works
for me. I hope you find it useful.

Step 1.
The sinedot .cfg that I used is available for download
above, you don't need to use the same one, but it will be
easier for you to follow if the one you use is the same colour.

Open a new image with a transparent background,
in whatever size you are comfortable working with.

(If you are not using the sinedots filter,
make any shape with the Preset Shapes Tool
using the colour #00FFFF)

Go to Effects...Plugins...Sinedots...
open a .cfg setting of your choice, but before you
click ok, click on the colour box and change the colour
to #00FFFF. I am using a transparent background for my
layer, so make sure the blend is set to 'screen' (change
it in the drop down list if necessary) and click ok

If you are new to sinedots and don't know how to
open the .cfg file click Here for more information

If your sinedot is very fine, you may need to duplicate
the layer and merge visible to make it easier to see
This is the one I am using

Step 2.
Colours...Adjust...Hue Map...
Before you begin, click on the reset button
at the bottom (circled) this will set the sliders
to the default settings (if at any time you want
to return to the default settings click this button).

The two windows near the bottom right show the
current colour of your sinedot (left) and a
preview (right) of the changes you are making.

There is a row of 10 sliders and each colour in your
image is governed by one of these sliders. The colour
that each slider can change is shown by the row of
coloured boxes above the sliders (this includes all the
shades in that colour, eg pink is governed by the same
slider as red). The change of colour that a move of
the slider causes can be seen in the corresponding colour
box found in the row of coloured boxes below the sliders.

Move the slider below the red box (far left) and
watch the box below it to see the changes.

If your image doesn't contain the colour that a slider you
move governs, (our turquoise sinedot image doesn't have any
red in it) you will see no change in the preview window.
Try moving each slider in turn. You will see that whilst the
colour boxes below the sliders change colour, the only one
that has any effect on your image is the slider for turquoise,
because that is the only colour your image contains

Step 3.
Click the reset button
The slider for turquoise (which I have circled) is the only one
to work for our sinedot, as we found in the last step, so we are
now going to alter the colour of the sinedot using it.

If you look at the colour boxes above the sliders
you will see that each has a number these are the degrees
around the colour wheel of each of these colours

If you want to change the colour of your image to a
particular colour, you can either move the slider up and
down until you find the one that you want, or you can
look at the numbers that go with the top line of colour
boxes and this will give you a fair idea of which directon
and position to move the slider to. You can move the slider
to get close to the colour you want and then do some
'fine tuning' with the up and down keys to get
a more precise choice of hue.
There are many colours in between those shown in
the top boxes, which you can also change to.

I am going to change the sinedot to red.
The red box in the top line of boxes is 0°
and the slider is right at the top, so I am using
this as a guide to where my slider needs to be moved.

Move the slider for your present sinedot colour
(circled in the last screenshot) to the top, the number
underneath the bottom colour box will change to 0°
and the colour of the box will change to red.
As we are now using the slider for a colour that is in
our image, when the slider is moved you can see that the
colour of your sinedot in the preview window (the right
of the two windows) changes to match the bottom colour box.

If you decide to use a different colour instead, move the
slider to a different position (don't think that now you
have changed it to red that you must use the red slider
instead, because so far you have only previewed the changes,
they don't come into effect until you click the ok button).

Click cancel for now. We will try
this again using two colours

Step 4.
Add a new layer to your sinedot image.
Go to Effects...Sinedots again and this time
change the colour to #00FF00. Go to Image...Flip...
then Layers... and Merge Visible...
You now have a sinedot in two colours
(If you are not using the sinedots filter, add a new layer
and make another shape with the Preset Shapes Tool using
the colour #00FF00 and overlapping the first one so that
can see parts of both, then Merge Visible.)

Go to Colours...Adjust...Hue Map
Click reset to return to the default settings

We know which slider affects the turqoise part
of the sinedot, so we just have to find out which
changes the green part. There are two sliders with
green boxes above them, one is a slightly more
blue green, the other is a more yellow green. These
are the obvious sliders to try first. Move one to see
what happens, then click reset and try the other one.

Some greens contain a lot of yellow or blue, so work
your way outward trying each slider in turn and clicking
reset after each test, to return to the default settings.

I found that the slider on the left worked for
most of the green sinedot, but there were also
some pixels where the turquoise sinedot (which was
originally on the layer below), had affected the
hue of the green pixels that had a lower transparency,
adding some turquoise to them. This moved them into
the range covered by the green box on the right.

None of the other sliders made any changes to the image.
In this screenshot I have circled the slider used to change
the turquoise part of our image, in red and the sliders to
change the green part I have circled in blue.

This time I have moved both of the sliders
for the green boxes to yellow 57°
(both shades of green pixels are now the
same shade of yellow) and I've moved the
slider for turquoise to a deep blue 260 °.

Neither of these colours are exactly the same as
any of the top boxes, both are in between (the
yellow contains a little more orange and
the blue, a little more purple.

It is also possible to change the colour of a
selection without altering the same colour in
another part of the image.
In this screenshot I selected the top left corner
of the image using the Selection Tool type=rectangle
then clicked on it to float the selection

Here, I changed the green area in the selection
to red by moving the slider for green to the top

Do some experimenting with the colours, you can use
an image containing more colours and change all or
just one or two of them.

For the next step we go back to the
Hue Map to play with lightness

Step 5.
The lightness shift speaks for itself , the higher
the number in positive figures lighter your image,
and the higher the number in negative figures the
darker, so if you want a white image use 100 and
if you want a black one use minus 100
I am using the yellow/blue sinedot for the next
screenshots, but you can use any colours and shapes
that you choose

I have changed the lightness shift to minus 25 here.
You can see the change in the preview box

As with the colours, you can also change the lightness
of a selected area without altering the rest of the image
but this doesn't seem to show in the preview box.

Step 6.
The saturation shift changes the strength of the
colour, this works between minus 100 (most grey)
and 0 (strongest colour). Moving it into positive
numbers doesn't make it any stronger.
In this screenshot I have changed the
saturation shift to minus 60

Step 7.
Close your image and open a new one.
Go to Effects...and open another sinedot,
this time change the colour to white

(If you are using shapes instead of
sinedots make a shape in white)

Before you can change the colour of a white
sinedot you need to add colour to it.

The lightness shift needs to be between
0 (white) and minus 100 (black). Moving it into
positive numbers doesn't make it any lighter.

The saturation shift works between 0 (most grey)
and plus 100 (strongest colour)

If you want to give the strongest, brightest colour
use a saturation level of 100 and a lightness level
of minus 50 which will give you a bright red sinedot
(see in the preview window).

You can then change the colour with the
slider for the red colour box in the same
way that we changed the colour in step 2.

If you want to colour a black sinedot or image
use the same method as for a white one, except
that the lightness level should be 50 instead
of minus 50, saturation should still be 100
(the same as for white) for the strongest colour

Here is a simple image that I made using preset shapes
in various colours. For the second one I changed
all the colours using the method in this tutorial
The background I selected with the Magic wand then
changed colour as in step 7, but using a higher lightness.

I hope you enjoyed this tutorial.
Thankyou to my great testers

To see my other tutorials click Here

If you wish to contact me you can find an email address to use included on my Site Map

Home