Adobe photoshop cs2 사용자 설명서
571
Chapter 20: Designing web pages
Designing for the web
Designing web pages
The graphics tools and features in Photoshop and ImageReady simplify most web-design tasks.
Page design
In ImageReady, preset document sizes for pages and banners, grids, guidelines, and Smart Guides simplify page
layout. Both Photoshop and ImageReady let you add content to layouts using the text, drawing, and painting tools.
In ImageReady, you can arrange and align content using layers, layer sets, and grouped layers. To experiment with
different page compositions or to export variations of a page, use the Layer Comps palette.
layout. Both Photoshop and ImageReady let you add content to layouts using the text, drawing, and painting tools.
In ImageReady, you can arrange and align content using layers, layer sets, and grouped layers. To experiment with
different page compositions or to export variations of a page, use the Layer Comps palette.
Slices
When your page composition is ready for output to the web, both Photoshop and ImageReady provide the Slice tool
to let you divide page layouts or complex graphics into areas and specify independent compression settings (and
smaller file sizes).
to let you divide page layouts or complex graphics into areas and specify independent compression settings (and
smaller file sizes).
Rollovers
You can use the Web Content palette in ImageReady to track slices and their rollover states. For example, you can
create a button for a web page that glows whenever the user moves the pointer over it, and you can manage the button
states and activities in those states.
create a button for a web page that glows whenever the user moves the pointer over it, and you can manage the button
states and activities in those states.
Animations
You can create simple web animations, both in Photoshop and ImageReady, with the Animation palette. You use this
palette to determine, frame by frame, the appearance of an animation. You can export an animation as an animated
GIF from Photoshop and as an animated GIF or SWF file from ImageReady. In ImageReady, you can create
animation in conjunction with sets of slices, nested tables, percentage width tables, and remote rollovers (as you move
the pointer over one image, a different image changes.)
palette to determine, frame by frame, the appearance of an animation. You can export an animation as an animated
GIF from Photoshop and as an animated GIF or SWF file from ImageReady. In ImageReady, you can create
animation in conjunction with sets of slices, nested tables, percentage width tables, and remote rollovers (as you move
the pointer over one image, a different image changes.)
Export and image optimization
When your page or graphic is ready for final export, you use the Save For Web dialog box (Photoshop) and the
Optimization palette (ImageReady) to specify precisely how the page or graphic should be exported.
Optimization palette (ImageReady) to specify precisely how the page or graphic should be exported.
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 and pages in different browsers, on different operating systems, and with different color bit depths.
the web depends on the operating system, color display system, and browser used to display the image. Be sure to preview
images and pages in different browsers, on different operating systems, and with different color bit depths.
Preparation in Adobe GoLive
You can open Photoshop and ImageReady files directly in Adobe GoLive. Slices, URLs, and other web features in
Photoshop files are accessible in GoLive for management and editing.
Photoshop files are accessible in GoLive for management and editing.