About designing Web pages with Photoshop and Image Ready

When designing Web pages using Adobe Photoshop and Adobe ImageReady, keep in mind the tools and features that are available in each application.

Photoshop provides tools for creating and manipulating static images for use on the Web. You can divide an image into slices, add links and HTML text, optimize the slices, and save the image as a Web page.

• ImageReady provides many of the same image-editing tools as Photoshop. In addition, it includes tools and palettes for advanced Web processing and creating dynamic Web images like animations and rollovers.

When you save an image for use as a Web page, you can choose to generate an HTML file. This file contains information that tells a Web browser what to display when it loads the page. It can contain pointers to images (in the form of GIF, PNG, JPEG, and WBMP files), HTML text, linking information, and JavaScript code for creating rollover effects.

You can integrate your Web production process by opening Photoshop files directly in Adobe GoLive. Slices, URLs, and other Web features in Photoshop files are accessible in GoLive for management and editing. You can also open Photoshop files in GoLive as page templates. Page templates display as a shaded preview and provide a visual guide for building a Web page in GoLive. For more information on using GoLive, see the Adobe GoLive User Guide.

Note: You can preview most Web effects directly in Photoshop or ImageReady. However, the appearance of an image on the Web depends on the operating system, color display system, and browser used to display the image. Be sure to preview images in different browsers, on different operating systems, and with different color bit depths. (See "Previewing an image in a browser" on page 53.)

Understanding Adobe Photoshop Features You Will Use

Understanding Adobe Photoshop Features You Will Use

Adobe Photoshop can be a complex tool only because you can do so much with it, however for in this video series, we're going to keep it as simple as possible. In fact, in this video you'll see an overview of the few tools and Adobe Photoshop features we will use. When you see this video, you'll see how you can do so much with so few features, but you'll learn how to use them in depth in the future videos.

Get My Free Video

Post a comment