Filed In:
Creating Web Graphics with Photoshop and ImageReady
Tutorials for creating and processing Web graphics with Adobe Photoshop and ImageReady. Learn to make buttons, backgrounds, dividers, and simple navigation bars. Also explore tips for compression, image slicing, rollovers, animation and more.
Save for Web Command
Learn about the Save for Web Command in Photoshop 5.5.
Rollovers in ImageReady 3
No longer is it necessary for you to know any JavaScript to do mouse-overs. This is a very simple tutorial that will teach you how to do simple mouse-overs in ImageReady 3.0.
Prepare Photoshop For Creating Web Images
Learn a few tweaks that will result in better Web images from Photoshop.
How To Make Rounded Rectangles
Photoshop 5.5 and earlier doesn't have a tool for creating rounded rectangles, but the process is fairly simple. There's several ways to do rounded corners, but this is the method I've found to be the fastest.
Creating Image Tables
Use Photoshop 5.5 and Imageready 2.0 to slice up your Web graphics and put them into tables.
GIF Transparency
Tips on how to achieve nice, smooth edges on your transparent GIFs.
Transparency & High Contrast Backgrounds
Several different approaches for handling shadows on high contrast backgrounds. Version unspecified.
Creating Web Transparency
When you want Web images to appear non-rectangular, you'll need to use transparency. This tutorial shows you how. From Richard Lynch, author of Special Edition Using Photoshop 6.
Saving for Web
Saving for the web is a very handy little feature in the newer versions of Photoshop. Save for web is good for making JPEGs or GIFs at 72 ppi, the standard image formats for webpages, and is good for emailing images. Here's a walk-thru of Save for Web in Photoshop 6.0.
Tweaking Type for the Web
Tips for making graphical text good-looking and legible. A must-read for using tiny type as graphics on the Web.