Graphics Software

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

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.
Optimizing JPEG Images with the Adobe Photoshop Save for Web Tool
The Photoshop Save for Web tool is a simple and easy way to prepare your JPEG files for the web, helping with the trade-off between file size and image quality.
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.

Explore Graphics Software

About.com Special Features

Build Your Own Website

Step-by-step advice on how to do everything from choosing a Web host to promoting your content. More >

Connect Your Home Computers

Easy ways to connect two computers for networking purposes. More >

Graphics Software

  1. Home
  2. Computing & Technology
  3. Graphics Software
  4. Adobe Photoshop
  5. Essential Tutorials
  6. Web Graphics / ImageReady

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

All rights reserved.