Tag
With Diagonal Text Tutorial
for PSP 7 |
|
|
|
We are only going to use 2 colours plus white for
this tutorial. A dark
colour for the frame and text, a lighter shade of the same colour for the
inside of the frame, and white for the stars.
If you need to save your work part way through, make
sure you save as a PSP file. Most other file types (.jpg or .gif for
example) will cause the image to be flattened into a singe raster layer,
and you will lose the individual vector objects. |
-
Create
a new image - 400x400 white background
-
Layers
– New Vector Layer
-
Choose
a colour and set your Foreground colour (left box) to a dark shade of
that colour, and set your Background colour (right box) to a light
shade of that colour, on the colour pallet. Make sure both foreground and background colours are
set to be solid colours.
-
Make
sure your Tool Options pallet is turned on (showing).
|
Draw The Rectangle:
-
Select
the Shapes tool
-
On
the Tool Options, make sure Create As Vector is ticked and that Retain
Style is NOT ticked
-
From
the pull down list on the Tool Options pallet, choose the Rectangle
tool.
-
Point
somewhere in the upper left area of your image and drag diagonally
down to the right lower area to draw a rectangle.
|
|
-
Click
on the Object Selector tool
-
Click
on your rectangle (you will know it is selected when there is a fine
line around it with handles on the corners and sides)
-
Adjust
the size/shape of your rectangle (by dragging the handles) so that
there is some space all around it. Even if it looks OK, practice changing its size/shape.
-
Click
on the Properties button on the Tool Options pallet.
-
Change
the Stroke Width to 12
-
You
can change your line and fill colours in this window at any time.
-
When
you are happy with your settings, click OK
|
|
Add some text:
-
Click
on the Text tool
-
Click
somewhere on your image above or below the rectangle.
This is important: If you click inside the rectangle PSP will
try to fit your text around the inside edge of the rectangle.
-
Type
in the text you want e.g. “Congratulations”, “Great Work!”, or
your name.
-
Change
the Fill colour for the text to the same colour as used for the
outline of the rectangle. PSP 7 do this by clicking the block of
colour in the Properties window, PSP 8 use to main colour pallet.
-
Highlight
the text and then choose your text size and font.
I used size 26 Lucida Calligraphy (kerned at –65 to push the
letters closer together).
-
Click
the symbol on the Stroke colour box, and turn off the line (select the
symbol).
-
Click
OK
|
|
Position The Text:
-
Click
on the Object Selector tool
-
Point
at one of the letters in your text and drag it into the middle of the
rectangle.
-
Point
at the Rotation handle for your text.
When you see your mouse pointer change shape to rounded arrows,
press the mouse button down, and hold it down while you drag the
rotation handle to make the text go diagonally from the bottom left
corner to the top right corner of the rectangle.
-
Drag
the handle on a corner of your text object to adjust the size of the
text so it fits just inside the rectangle without touching the dark
line around the edge. You
will probably need to adjust the angle of the text using the rotation
handle again once you are happy with its size.
|
|
Draw A Star:
-
Set your foreground
colour to the dark version of your colour (if its not already set to
it) and set the background
colour to white. Make sure they are both set to be solid colours
and not set to null.
-
Click
the Shapes tool.
-
On
the Tool Options, scroll down the preset shapes to find the four
pointed star (Star 1) and click on it. Set the Width to 1.
-
Point
somewhere in the upper left part of your picture and drag diagonally
down to the right to draw a star about ½ the height of the rectangle.
-
Click
the Object Selector tool
-
Point
at the centre of the star and adjust its position so that the left and
top points go over the outer edge of the rectangle.
|
|
Duplicate The Star:
-
Click on the object selector
tool (if its not already selected)
-
Click on the star
-
Click the Copy button on the
top tool bar
-
Press Ctrl G on the keyboard
or click Edit/Paste/As New Vector Selection on the menu
-
Place the duplicate star in
the bottom right corner.
|
|
Duplicate Again for the Big Star:
-
Press
Ctrl G again (or Edit/Paste/As New Vector Selection on the menu)
-
Position
this star in the centre of the rectangle.
Don’t worry about it covering up your text – we fix that
later.
-
Click
on the Object Selector tool (if its not already selected)
-
Drag
the handle on one of the corners to make this star bigger, so that its
height is slightly bigger than the rectangle.
You will need to reposition it in the centre when you have made
it bigger. Point in its
centre and drag it to the correct position.
|
|
Move the big star behind the
text:
-
Use
the object selector tool to select the big star (it may still be
selected from the previous step)
-
On
the menu, click the Object menu and select Arrange/Move Down.
Do this several times until the text comes in front of the
star.
|
|
Crop the image and save it.
If you will want to change any of the objects
then save the image as a PSP file before saving as a gif or jpg file for
use on the web.
|
Vector objects remain flexible
- this means:
-
You
can change the colours used for any of the objects by selected them
with the Object Selector, and then clicking Properties on the Tool
Options pallet.
-
You
can change the size of any of the objects by selecting it with the
Object Selector, and then dragging the handles on its sides or
corners.
-
You
can move any of the objects by selecting it with the Object Selector,
and then pointing to the objects centre and dragging it to a new
position.
-
You
can push one object behind another, or bring an object in front of
another by selecting it and using the Object/Arrange menu
|