Using Adobe GoLive CS, Part 3 - Even More on Rollovers
(Page 4 of 15 )
There is one instance in which it is necessary to first place the Smart Object placeholder on the page, and then link to the source file—and that is when you want to use a file type besides the native Adobe file formats. The supported file types are BMP, PCX, Pixar, Amiga IFF, TIFF, TARGA, PDF, EPS, JPEG, JPEG 2000, PNG, and PICT (Mac OS only).
To resize a target file, simply select one of its corner handles and drag. To size proportionately, hold down the Shift key as you drag. When you release the mouse, GoLive will re-render the target file for you.
Photoshop transparency is recognized by GoLive CS as well, so if you create a Photoshop file with a transparent background and save it as a GIF with transparency, the transparent areas will be retained. If the matte color, which is the color on which the image was created, of the Photoshop image does not match the color of your GoLive page, you can re-matte the target file using the tools in the Inspector palette. This feature comes in handy, for example, when an image using transparency was matted on a white background, but the GoLive page color is blue. In such an instance the image would have a white halo around its edges. Re-matting the image on a blue background allows it to seamlessly blend in with the GoLive page.
To change the matte color of the target image, select the image on the page, click the Matte color well in the Inspector, either click a color in the Color or Swatches palette, or use the Eyedropper tool in the Color palette to pick up the background color on the page, and then click Apply in the Inspector palette. GoLive re-renders the target file with the new Matte color. Alternatively, you could click the Settings button in the Inspector palette and use the Matte color options in the Save for Web dialog box.
See Figure 9.67 for examples of how a source Photoshop file with a transparent background layer will appear as a target file.
Figure 9.67 Smart Objects with various transparency
and matte settings.
Finally, you can crop a Smart Object using the new Crop tool in the Inspector palette. Select the target file on your page, and then click the Crop tool. Drag over the image to select the portion you want to keep, and the part that will be cropped becomes dimmed. If your selection is not quite right, you can move it around, or drag a corner point to resize it. To accept the crop, either double-click inside the crop marks or click the Crop Image button in the toolbar.
There are additional crop options in the toolbar (see Figure 9.68) that allow you to crop the transparent pixels at the top, bottom, right, or left side of the image. Also in the Main toolbar when the Crop tool is active is a pop-up menu called Scaling, which offers the following options:
Keep Scaling—Crops the image to the size of the crop marks.
Keep Object Size—Crops the image, but fills the space used by the original image. This works when you're cropping an image larger or smaller than the original.
Scale to Source File—Crops the image to the size of the original file.
If, after all that cropping, you'd like to return the target image to its first incarnation, select it on the page, click the Crop tool in the Inspector palette, and then click the Use Original Image button in the Main toolbar.
Figure 9.68 The cropping tools.
 This chapter is from Teach Yourself Adobe Creative Suite, by Mordy Golding (Sams, 2004, ISBN: 067232752X). Check it out at your favorite bookstore today.
Buy this book now. |
Next: Photoshop Integration >>
More Web Authoring Articles
More By Sams Publishing
