Web graphics

Important: Complete, updated Help is on the web. The application did not detect an Internet connection. For a complete version of this topic, click the link below or search complete Help at http://www.adobe.com/go/lr_Photoshop_community_en.

The web tools in Adobe Photoshop CS4 can help you design and optimize individual web graphics or complete page layouts. Use the Slice tool to divide a graphic or page into seamlessly interlocking pieces and apply different compression and interactivity settings to each segment. The Save For Web & Devices dialog box lets you preview different optimization settings and adjust color panel, transparency, and quality settings before saving in several web-compatible formats.

The Photoshop web tools make it easy to build component pieces for your web pages or to output complete web pages in preset or customized formats.

Use layers and slices to design web pages and web page interface elements.
Use layer comps to experiment with different page compositions or to export variations of a page.
Create rollover text or button graphics to import into Dreamweaver or Flash.
Create web animations with the Animation panel, then export them as animated GIF images or QuickTime files. See Creating frame animations.
Use the web gallery feature in Adobe Bridge to quickly turn a set of images into an interactive web site, using a wide variety of professional-looking site templates.

For a video on designing web sites with Photoshop and Dreamweaver, see www.adobe.com/go/vid0200.