• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 6. Using Smart Objects > Editing a Smart Photoshop object

Editing a Smart Photoshop object

Next you'll add another Smart Photoshop object to the page, and edit the image's color table to achieve a special effect—again, without ever leaving GoLive.

1.
From the Smart set of the Objects palette, drag a Smart Photoshop object icon to the top right cell of the table.

2.
In the Basic tab of the Smart Photoshop Image Inspector drag from the pick whip button to the file wheat.psd in the SmartObjects folder located in the Extras tab of the site window.

This time you'll create a customized set of values in the Optimized panel of the Save for Web dialog box.

3.
In the Save for Web dialog box, select GIF 32 No Dither from the Preset menu.

4.
Change the value of Colors to 20. (The Preset pop-up menu changes to Unnamed because this is not a predefined optimization setting.)

5.
In the Color Table tab, double-click the darkest brown color.

Double-clicking the darkest brown color

6.
In the Color dialog box (Windows) or Color Picker (Mac OS), choose a color, and click OK. (We used red.) All of the areas of the image with the dark brown color are changed to the new color.

Notice that the color table reminds you of the color change that you have made. Replacing colors using this technique is an easy way to achieve some eye-catching special effects.

Color Picker dialog box (Mac OS)

Color dialog box (Windows)

7.
Click Save in the Save for Web dialog box.

8.
In the Save the SmartObject target tile dialog box (Windows) or the Save dialog box (Mac OS), select the images folder, and click Save to save the converted image (wheat.gif) in your images folder.

Now you'll make the wheat image the same size as the cow image (our cow image was 204 by 309 pixels).

9.
Select the wheat.gif Smart Photoshop object in the top right cell of your Web page.

10.
In the Basic tab of the Smart Photoshop Image Inspector, enter the Height and Width dimensions that you noted for the cow image earlier. Press Enter or Return.

The cow and wheat images should be the same size now.

11.
In the Alt Text box, enter Wheat image.

12.
Choose File > Save to save your work.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint