1. Home
  2. Computing & Technology
  3. Graphics Software

Web Graphics and Interface Design Tutorials for Paint Shop Pro

Tutorials for creating buttons, icons, bordered backgrounds, navigation bars, and other Web graphics in Paint Shop Pro. Learn to create interface elements and advanced Web navigation consoles with techniques for creating wires, buttons, screws, rust, pipes, and more. Also covers information on slicing and coding your interfaces for the Web, creating image maps, ad banners, and more.

3D Pipe

Create 3D pipes of any length using PSP5. Also create a quick 3D pipe, cracked pipe, circular pipes, and pipe joints in PSP 6.

Bars, Bullets, and Decoration

Learn techniques for creating these essentials.

Exposed

Shows you how to make wires appear to be behind another object (partially exposed) in your interface designs. For PSP 6 or higher.

GIFs with Drop Shadows

Got a transparent GIF with a drop shadow and you're getting that ugly halo? This page offers tips on how you how you can fix it.

High-Tech Web Page Header

Create a trendy, high-tech style of Web site header with hoizontal lines and abstract shapes in a monochrome color scheme. Advanced level for Paint Shop Pro 7.

Rusty Gear

Apply a texture to a shape, then use filters to give it a 3D metallic appearance.

Logos

Several approaches for creating headings and Web page logos.

Make a Speaker

An intermediate to advanced tutorial for creating a speaker in PSP 6. You can download the working file used in the tutorial.

Make Rounded Corners

Round the corners on squared-off shapes. Useful for adding curves to your basic interface shapes. Beginner level for Paint Shop Pro 7.

Roving Eyes Image Mapper

Use the new Image Mapper in PSP 7 to create this humorous rollover.

Mesh & Steel

Use native effects in PSP 6 to create mesh and steel effects for your interface designs. You can download the working file used in the tutorial.

Metallic Navigation Bar

Create a horizontal metallic navigation bar using gradients and pattern fills in PSP 6.

Metallic Spool Interface

Create a 3D "metallic spool" interface for your web page using gradients in PSP 5 or 6.

Metallic Wire

Create a metallic wire in PSP 5 or higher.

My Transparent GIF Isn't

Tips and suggestions for the best ways to create transparent GIFs in PSP 5 and 6.

Navigation Bar

Create a 3D horizontal button bar in PSP6 using gradients.

Realistic Wires

Create wires with the Draw tool, alpha channels, and gradient fills in PSP6.

Rivets & Screws

Create rivets and screws for enhancing your interfaces. For PSP 6 or higher.

Rounded Rectangles

Two methods for creating rounded rectangles in Paint Shop Pro.

Transparent GIF - PSP6

Steps to saving a transparent GIF to match your Web page background in PSP6.

Transparent GIFs in PSP5

A simple way to create a transparent GIF.
Explore Graphics Software
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Graphics Software
  4. Paint Shop Pro
  5. Essential Tutorials for PSP
  6. Web Graphics / Interfaces

©2009 About.com, a part of The New York Times Company.

All rights reserved.