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

14

In addition, ImageReady features a handy new tool, called the magic eraser tool, which lets you create trans-
parencies instantly in GIF and PNG files. You simply select the tool and click a pixel. Any pixels of similar
color become transparent automatically.

Try it:

1. Choose File > Open > banner.ai.

2. Select the magic eraser tool.

3. Click on the background white.

All of the white background instantly becomes transparent, creating a checkerboard pattern in your on-
screen image. This checkerboard doesn’t display in the browser, but rather allows background colours and
patterns to show through.

4. Close the file without saving it.

Editing Text

In Adobe ImageReady software, you can create and edit text easily—just select the type tool, click an inser-
tion point, and enter text in the Type Tool dialogue box. You can preview the 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 your text using the Type palette. You can specify the font,
font size, kerning, leading, and tracking.

Try it:

1. Choose File > Open > Hammer.psd.

2. Choose the type tool.

3. Click an insertion point in the center along the bottom edge of the image.

4. If necessary, check Preview in the Type Tool dialogue box, and move this dialogue box so you have an unob-

structed view of the image.

5. Enter Tools That Work, specify 18-point

black type in your choice of fonts, and click
OK.

6. Select the move tool and adjust the position

of the type.

7. Click the Type palette tab to make it visible

(or choose Window > Show Type).

8. Make sure that the type layer is still selected

in the Layers palette, and then change the
font size to 22 points and press Enter or
Return.

9. Leave this file open, so that you can check out

multiple undo in the next section.

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: