| site map | contact |
 
| home | workshops | courses | libraries | about |
Web Graphics
  Table of Contents
  General Tips
  Color Tips
  Saving Graphics
  Graphic Sites
  Online Generators
  Paint Shop Tips
  Photoshop Tips
I

Adding Graphics to your Site

Using Paint Shop Pro
previous page next page

Here are some Internet resources that will help you learn how to use Paint Shop Pro.

Paint Shop Pro by JASC software
Home page for this popular graphic creation software. Educational discounts are available if you contact them.
Lori's Web Graphics
Great online tutorial you can use.
Web Graphics on a Budget
Tutorials for Paint Shop Pro version 5, 6 and 7.
State of Entopy
Tutorial for Paint Shop Pro version 4, 5, 6 and 7.

Below are listed some simple steps you can use to begin editing and creating graphics with Paint Shop Pro. You can also download this tutorial using Adobe Acrobat Reader:

You can download this file and read it using Adobe Acrobat Reader.  This is a free program that you can install on your computer at home.

getacro.gif (712 bytes)
Creating and Editing Graphics
  1. Use the "Browse" function whenever you click on the "Open" icon
  2. Whenever you create a new graphic, choose to use the 16 million color setting
  3. If you edit a graphic, follow these steps:
    1. Edit a copy of the image and not the original. Create a copy by:
      • Edit>Copy
      • Edit>Paste as New Image
    2. increase the numbers of colors found in your image before editing:
    3. Colors>Increase Color Depth>16 Million Colors
  4. Use the Magic Wand to re-select and effect changes to certain portions of your image:
    1. When magic wand has been selected use the magic wand palette to set the tolerance level.
    2. Hold shift key down to continue selecting additional colors within your image
Checking and Reducing File Size
  1. Use JPG images for photographs (NOTE: JPG allows for 16 million colors to be used and produces the highest quality for photos)
    1. Select your photograph (check file size)
    2. File>Save As
    3. Under "Save as File Type" select JPG
    4. Select "Options"
    5. Save compression at "15." You can explore this option to see what lower compression numbers will produce (check file size)
    6. Click "OK"
  2. Use GIF images for clip art (NOTE: GIF only allows 256 colors to be used. You will lose some quality if you've worked with shadows or color blends)
    1. Select your photograph (check the file size)
    2. File>Save As
    3. Under "Save as File Type" select CompuServe GIF
    4. Select "OK"
    5. Go to Colors>Decrease Color Depth>256 Colors (check file size)
    6. If image looks alright, repeat step e, but change the last step:
      • Go to Colors>Decrease Color Depth>16 Colors (check file size)
      • If image is too distorted, click "Undo" on the Tool Bar
Working with Layers

Layers allow you greater flexibility for editing your graphics. By working with layers, you can delete steps that you've done to your image that didn't produce the effect that you wanted. To work with layers you must:

  1. Open and Select your image
  2. Create a copy of your image that you want to edit
  3. Increase the color depth of your image by:
    • Color>Increase Color Depth>16 Million Colors
  4. If layer palette does not appear, toggle on "Layer Palette" icon in the Tool Bar
  5. In the layer palette, select "new layer" icon and rename it with a descriptive name
  6. Add text to this layer or use other icons on your Tool Menu
  7. Toggle layers off and on to see the effects you are doing
  8. Click and drag to reorder which layer appears on top
Filling Images with a Background Color or Texture
  1. Create a new image
  2. Open an image that has the desired texture you want (you should have 2 images on your screen: the textured background and the new image)
  3. On the "Tool Palette" select the "Flood Fill" icon
  4. Go to the "Flood Fill Control" box and select "Fill Style" then select "Pattern"
  5. With "Pattern" appearing in the "Fill Style" field, click on "Options"
  6. Click on "New Pattern Source" and all of the graphics that are on the Paint Shop Pro work area will appear. Select the texture that you want then select "OK"
  7. Use the "Flood Fill" tool to fill your image with the texture
Adding Texture to Text
  1. Create a new image
  2. Check background and foreground color. Add text to your new image: TIP: only use True Type Fonts. Your foreground color will be the color that your text will have
  3. With the "Marching Ants" surrounding your text, add a new layer
  4. On new layer, with marching ants surrounding text, go to: Image>Effects>Drop Shadow
  5. Add another new layer
  6. Open the texture that you want your text to be flooded with within the Paint Shop Pro work area
  7. On the "Tool Palette" select the "Flood Fill" icon
  8. Go to the "Flood Fill Control" box and select "Fill Style" then select "Pattern"
  9. With "Pattern" appearing in the "Fill Style" field, click on "Options"
  10. Click on "New Pattern Source" and all of the graphics that are on the Paint Shop Pro work area will appear. Select the texture that you want then select "OK"
  11. Use your "Flood Fill" tool to fill the "marching ants" with this texture
Feathering Edges of a Graphic
  1. Select the image you want to add this effect to
  2. Increase the color depth to 16 million colors
  3. Use the "Selection Tool" in the Tool Palette to draw a shape that you want
  4. Selections>Modify>Feather (choose 10)
  5. Selections>Invert
  6. Look at background color selected…you may want to choose white
  7. Select the delete button
  8. Crop your image if needed
Creating Animations
  1. Animations are a series of GIF images that have been slightly modified
  2. Open an image and create minor changes to a series of graphics
  3. Follow simple "Animation Wizard" to compile your images into one animated gif file
 
previous page next page