Adobe 13100771 - Photoshop w/ ImageReady Reviewer'S Manual Download Page 8

8

15. Close the Web browser and return to ImageReady. Then close the illustration without saving it.

Superior Colour Control

Adobe ImageReady lets you exercise exact control over the colour palette for each 8-bit (indexed) image, so
that you can make fine tradeoffs between image size and image quality. As you’ve now seen in the previous
section, you can choose among four types of colour palettes for these images:

• 

Adaptive

 ImageReady produces a custom palette for your image just as Photoshop does—by looking for

the most commonly used colours in the image. For example, if the original image is dominantly green
and blue, the Adaptive palette is as well.

• 

Perceptual

 A Perceptual palette is similar to an Adaptive palette in that it’s based on sampling colours

from the dominant image colours. However, in generating the Perceptual palette, certain colours are
weighted differently than others for sensitivity to the human eye, often producing superior colour results.

• 

Web safe

 Most Web browsers, including Microsoft

®

 Internet Explorer and Netscape

®

 Navigator

®

, use a

standard, 216-colour Web palette to display images when a monitor is set to 8-bit colour mode. This Web
palette is based on the 216 colours common to both the Mac OS and Windows system. Many designers
work with this palette from the start as it gives them predictable control over their image dithering.

• 

Custom

 This option lets you specify your own custom palette or use a Mac OS or Windows system

palette instead.

A

Click a colour to select it.

B

Delete selected colours from the palette.

C

Add the current foreground color to the palette and mark
it as locked.

D

Lock selected colours to prevent them from being dropped
or dithered.

E

Convert selected colours to their Web-safe equivalents to
mix the benefits of custom and Web-safe palettes.

F

View the number of colours in the palette.

ImageReady presents helpful details in the browser window when you preview your optimised graphics.
You can simply make a note of the IMG SRC tag, or you can copy and paste this information into an HTML
editor to use in creating your Web pages.

A

B

C

D

E

F

Summary of Contents for 13100771 - Photoshop w/ ImageReady

Page 1: ...ting you get to work more quickly For details see page 3 LiveView window Helps you balance image quality and file size by displaying the original version and the compressed version of the file in a du...

Page 2: ...for any problems there If you see any problems you would typically back up many steps and work your way through several different programs again You d repeat this multistep process until you d taken c...

Page 3: ...Photoshop and our other professional graphics programs The ImageReady menu structure matches that in Photoshop wherever appropriate In addition ImageReady features our popular tabbed palettes which pl...

Page 4: ...to 400 Try it 1 Choose File Open Hammer psd 2 Note that GIF is selected in the Optimize palette if necessary choose Window Show Optimize 3 Click the Optimized tab in the LiveView window to preview wh...

Page 5: ...el the Optimized option which generates slightly smaller JPEG files based on the newer version of the JPEG standard the Progressive option which is equivalent to interlaced GIF files a low resolution...

Page 6: ...ully trans parent pixels but not partial transparency Unless pixels along the edges of a graphic blend with a colour similar to the expected Web page background you may see a noticeable halo around th...

Page 7: ...nd the image Note You need to be working on a 16 bit or 24 bit display to preview browser dither 11 Double click the last colour white in the Optimized Colours palette The value is 97 not 100 which is...

Page 8: ...olour results Web safe Most Web browsers including Microsoft Internet Explorer and Netscape Navigator use a standard 216 colour Web palette to display images when a monitor is set to 8 bit colour mode...

Page 9: ...e toolbox 5 Click dominant colours in the image For example click the rust colour in the tree at the left end of the banner Note that the corresponding colour is highlighted in the Optimized Colours p...

Page 10: ...compress individual images and then animate them as frames If you want to edit the animation you have to go back to each affected frame edit it and then rebuild the file ImageReady is different It tr...

Page 11: ...er feature that makes it a snap to select the top layer at any location in an animation Just select the move tool and then make sure Auto Select Layer is selected in the Options palette to use this fe...

Page 12: ...psd 2 If necessary choose Window Show Layers 3 Click Layer 3 in the Layers palette and choose Layer Options from the Layers palette pop up menu or double click Layer 3 4 Check Use Layer As Image Map...

Page 13: ...ize and compression settings When you return to ImageReady you can export the HTML snip pet or copy it to the Clipboard to use in an HTML editor You can set up as many different browsers as you want f...

Page 14: ...he text from this dialogue box or close it to see your text in place To edit this text just double click the type layer in the Layers palette indicated by the capital T and make your changes Format yo...

Page 15: ...Web graphics production is both repetitious and labor intensive so Web developers look for any tools that can help them automate and streamline their processes One of the finest innovations in Adobe...

Page 16: ...utomatically launches Adobe ImageReady and starts compressing the images Using the Actions Palette to Automate Steps The Actions palette is a simple but powerful tool for automating repetitive multist...

Page 17: ...ith ease Just choose File Jump to Photoshop and ImageReady saves the file and opens it automatically in Photoshop Then when you re ready move the file back into ImageReady for final processing while p...

Reviews: