Christine's
Play
House

. . Navigate the House . .
Home | Attic | Art/Craft Room | Library | Healing Room | Panda Room | Tea Room
Updated 04/28/05

The Digital Library
GRAPHICS SECTION

Tips and Tricks for Creating Cool Web Images ...

| Graphics Programs & Utilities | Graphics Tips & Tricks |
| Fonts | Color Palettes | Image Mapping |
| GIF Animation | Flash Animation |
The Digital Library of Web Tools

_____

This is where good tools are really essential. You can write HTML code by hand, using Notepad or any other text editor, but you need good graphics tools to create cool, quick loading images for the web.

My favorite programs for creating graphics are Photoshop and its companion, Image Ready. Anything I can't do with Photoshop, I can do in Corel. For 3D stuff, I use Ray Dream Designer. But if you're just starting out with a limited budget, you might want to check Paint Shop Pro, a smaller (but still quite cool) program.

Many of the tools I used when I started out have become redundant. For instance, most web editors now have some form of built-in image mapping utility. Nevertheless, there are still some essentials tools, utilities and tutorials that I couldn't do without ...
FONTS, FONTS, FONTS...
 
Return to Top

 
GRAPHICS SOFTWARE PROGRAMS
 
  • Adobe Photoshop
    My first choice for image editing. The latest Photoshop CS2 will cost you $599 new, or $149 to upgrade.
  • Paint Shop Pro
    By Jasc Software, although it's part of the Corel family now. Cost is $129.00. An affordable alternative to Photoshop. Also, be sure to check out the Paint Shop Pro Tutorials by Web Graphics on a Budget. This site is chock full of PSP information.
  • PhotoImpact 10 - photo editing software from ULead. The ULead products have come a long way. PI-10 includes Gif Animator, which makes the purchase worthwhile in itself, IMO. Cost: $89


  • Macromedia's Fireworks
    This is a pretty cool program with lots of features, allows editing of both bitmap and vector images. Interfaces nicely with the rest of the Macromedia products, which will cost you $900 if you want the entire suite. Fireworks alone is $299.
  • LViewPro
    This program has been around since the very early days of the internet. I always keep half an eye on this product. It now has a lot more useful features, including layers, paint tools, and text effects. Cost: $39
  • ThumbsPlus
    Graphics viewer, cataloger, image converter, etc. etc. Works with a huge variety of file formats, including sound and video. I couldn't live without this one. Download from Cerious Software.
  • Web Image
    Group 42 puts out this great little product for only $39.
  • Repligator - Image Effects
    Not a plug-in. This little free-standing program has 90 effects you can apply to images. Home version costs $29.95, the PRO version $49.95.

 
COLOR PALETTES
 
One of the biggest problems with web graphics used to be in the way different browsers mess with the colors. Users who had their monitors set at 256 colors would see strange "dumbed-down" versions of the original colors. Although this isn't a huge problem anymore, since most users view at more than 256 colors, it's still something to be aware of.
  • The Browser Safe Color Palette
    This site has good info on what this is about, and how to use the actual palette that Mosaic, Netscape and Internet Explorer use within their browsers.
  • HYPE's Color Specifier for Netscape
    Cool color palette online for Netscape 3 and up. Includes hex and RGB, as well as page preview for each color. Very cool assortment.

 
GRAPHICS TUTORIALS, TIPS & TRICKS
 

 
IMAGE MAPPING
 
Image mapping is almost redundant now that we have closer control over tables and cellspacing from browser to browser. Photoshop and ImageReady allow you to either "slice" an image, and then generate rollover and image mapping code, or create "hotspots" within an image. This makes Photoshop my first choice for production web graphics. But if your budget doesn't allow for Photoshop, check out some of these less expensive alternatives:

  • Web Image
    Highly useful little program.
  • Image Map Tutorials - INFO
    From HTML Goodies. Great tutorials on both CGI and client side image mapping, plus the cheater's way (working with slices).
  • Image Map Help Page - TUTORIAL
    Step by step, this is a good resource.

 
GIF ANIMATION
 
  • Royal Frazier's Gif Animation Tutorial - TUTORIAL
    The king of gif animations - this is a great tutorial.
  • 3d Animation Workshop - TUTORIAL
    Tutorials broken down by week. You gotta see this!
  • GIF Animator 5 - SOFTWARE
    from ULead. This is a great little program. Free trial download is available. Cost: $49.95.
    (If you want more bang for your buck, however, I recommend getting the full PhotoImpact 10 package which includes GIF Animator.)
  • Animation Shop - SOFTWARE
    by JASC, the same people who make Paint Shop Pro. Cost: $39
  • Gif Construction Set - SOFTWARE
    The original animation program. I'm really glad to know this product is still around and evolving. Cost: $24.99.
  • ULead's Gif Animator - SOFTWARE
    This is a handly little program just for gif animation. Cost: $49.95

 
FLASH ANIMATION
 
 
_____

. . Navigate . .
Home
Home
Attic
Attic
Art / Craft Room
Art Room
Library
Library
Healing Room
Healing Room
Panda Room
Panda Room
Tea Room
Tea Room


Designed By
CoffeeWorks Design

christine(at)coffeeworksdesign(dot)com

_____