Coming soon...

Award Badge Paint Shop Pro Tutorial

In this Paint Shop Pro tutorial, you will learn how to create a circular award badge or logo for your site. Learn how to make an object look 3d, give a nice plastic shine, add gradients to text, use drop shadows, and add text on a curve. It is an intermediate tutorial for Paint Shop Pro 9.

1

First, make a new image. Go to File | New, and enter 150 pixels high and 150 pixels wide, with a white background. Look at the screenshot for more settings.

2

In the toolbar, select the ellipse tool (or just press "Q"). Under tool options, make sure "Mode:" is set to "Draw Circle". Now look at the "Materials" pallete. Make sure that the forground color (the upper left block of color) is set to None (under the block of color, click the far right button - a circle with a diagional line through it). Look at the screenshot for more information. Now click on the background color (lower right block), and when a new screen pops up, in the text box next to "HTML:", type in "#2f588f". This is the HTML hex code that describes a color. There are other ways to describe colors, but this one is usually used for the web. Click ok.

3

With the ellipse tool still selected, click in the upper left corner of the image, and drag to the bottom right to draw a blue circle. Now press "O" to select the selection tool. You can now move the circle by clicking and holding on the box in the center of the selection box. Try to make the cirlce look like the screenshot.

4

Right click on the circle, and at the bottom of the menu, click on "Create Raster Selection". Now click on Layer | New Raster Layer, name it "circle drop shadow", and click OK. Now go to Effects | 3d Effects | Drop Shadow, and enter the settings in the screenshot to the left. Drop shadows are great for adding depth and realism to an image.

5

With the raster selection still active (marching ants), go to Layer | New Raster Layer, and name it "inner cutout". Now contract the selection by going to Selections | Modify | Contract, and enter 1. This will create a 1 pixel border as we will see later. Now go to Effects | 3d Effects | Cutout. Enter the settings in the screenshot and press enter.

6

Now select the "Freehand select tool" (look at the screenshot for help). Then go to Layer | New Raster Layer, and name it "highlight". Now expand the selection by going to Selections | Modify | Expand and enter 1. This entire time, your selection should be active. If you ever accidently lose it, press Ctrl-Z to go back. Ctrl-Alt-Z will make you go forward again.

7

Now select the "Freehand select tool" (look at the screenshot for help). Then go to Layer | New Raster Layer, and name it "highlight". Now expand the selection by going to Selections | Modify | Expand and enter 1. This entire time, your selection should be active. If you ever accidently lose it, press Ctrl-Z to go back. Ctrl-Alt-Z will make you go forward again. Hold down Ctrl (this will cause the select tool to remove the selection instead of replacing it), and try to trace out the same path as the red path in the screenshot. Make sure you finish at the same place you started. Zoom in a lot to make the selection as smooth as possible. You might have to do it a lot of times until you get it to look right. Now you should only have a selection on the top half.

8

Now select the fill tool (or press F). Make white your foregorund color (just like you made the background color blue) by clicking on the block of color, and entering #ffffff next to "HTML:". Now click in the selection to fill it with white. Last, change the opacity of the layer in the Layer Pallete to 10 by moving the slider next to the "highlight layer".

Rate this Tutorial

Rate this Tutorial:

Current Rating:

2.5 out of 52.7/ 5.00 with 10 votes.

Current Comments

4 comments so far (post your own)

I don't see anything about gradients, as mentioned in the description--also step 7 doesn't seem to work as shown. I am following all steps and am not at all new to PSP8.
Thanks.

Posted by Judy on Tuesday, 03.7.06 @ 12:16pm | #889

Hello, I'm just learning psp 8 and followed this exactly and everything did what you said. It was helpful for a newbie like me.
I'm trying to learn to work with text though so I'm wondering is this the end of the tutorial or just the first half?
Do you have a logo tutorial somewhere?
I love how you explain and describe it so clearly and with the screenshots. Greatly appreciated Thanks! =)

Posted by Bailey on Sunday, 05.28.06 @ 07:18pm | #1222

What's the whole point of this?
I mean i just finished and i see no change between the picture in step 7 and picture in step 8...

Posted by Joan on Saturday, 08.18.07 @ 04:19pm | #2979

erm...where's the rest of the tutorial? Y'know, the bits on gradient text and adding text to a curve??

Now that I go back, I do see the words "coming soon" but then why have a working link to an incomplete page?? Frustrating!

Posted by Abby on Saturday, 01.26.08 @ 02:40pm | #3175

Leave your comment:

Learn how to add this comment form to your site with our comment form tutorial!

Name:

Email:

URL:

Comments:


 
Guess the letters and numbers
(passphrase riddle)
--
'A'
-
2 chars before small C
and
2 chars before small H
and
small 'Q' +2 letters
followed by
'J' +1 letters
and then
0 chars before A
and then
→ retype that here
Enter the correct letters and numbers from the image into the text box. This small test serves as access restriction against malicious bots. Simply reload the page if this graphic is too hard to read.
 

Note: Emails will not be visible or used in any way, and are not required. Please keep comments relevant. Any content deemed inappropriate or offensive may be edited and/or deleted.

No HTML code is allowed. Line breaks will be converted automatically. URLs will be auto-linked. Please use BBCode to format your text.