Handy
Tip : Making graphics in Corel Paint Shop Pro has remained
easy because of the way that they have retained the basic tools
from the first version through to todays more powerful graphics
program. Using the zoom tool will always make working in detail
so much easier.
|
 Bookmark
This Page
PSP
Tutorial
Graphic rollover navigation. This
tutorial explains the steps required to make the graphics for the " Side
Mouseover Navigation Javascript" found here.
Open Paint
Shop Pro
Set the foreground color to Dark Grey and the background color
to White.
Create a new
image (file/new). Set the width and height to your required graphic dimensions
(Mine are 187 x 350).
Set the background color to foreground color. Set
image type to 16 million colors
Click "ok"
Add a new layer (Layers/new
raster layer).
Set foreground color to black and background color to
white.
Select
View/Grid to place the grid lines on your image.
This is to aid in spacing
for next step.
Select the drawing tool 
and apply these draw tool settings: 
Type = Single Line
Style = Stroked
Width = 1
Antialias = Off
Cap = Flat End Cap (Change this under Options Tab)
Draw
one black straight line and directly underneath, one straight white line.
"Tip"
You can use the zoom option to help you align the
mouse cursor (I suggest to hold cursor on #4 grid). When cursor is in place, click
your left mouse button and hold. Depress your keyboards shift key down and hold,
then drag your mouse across the image. This forms the straight black line.
Align cursor beneath black line, then click and hold your right mouse button,
hold the shift key down and drag across grid to draw the white straight line beneath
the black.
Zoom out back to normal size. Click the selection tool and then press ctr+a
to make your image the current selection.
Click your mouse anywhere
on your image to make the lines you have drawn the
current selection.
Press keyboards ctr+c to copy the lines drawn to the clipboard.
Press keyboards ctrl+e to duplicate the lines and place the duplicated lines into
position on your image. ( I space them 4 lines apart on the grid.)
Repeat
pressing ctr+e for each button you want to make, spacing them evenly apart.
Deselect grid. (View/Grid)
Merge all layers. (Layers/Merge/Flatten
all)
Select all (Selections/Select all or press ctr+a)
Apply
the inner bevel filter (Image/Effects/Inner bevel) to specified settings.
De-select the image. (Selections/Select none)
We are now ready
to apply your graphic image to the "button template" you have created.
Please follow the link below to continue.
Click
here for part 2
|
