Preserving and previewing transparency

Now you will confirm that the transparent areas in the image will be included as transparent pixels in the optimized GIF file. Then, you'll preview the transparency in your browser.

Because the ImageReady preview feature displays the image on a Web page with a white background, you'll change the matte color of the image so that you can see the transparency.

1 On the Optimize palette, make sure that the Transparency check box is selected. (If you don't see that check box, choose Show Options on the Optimize palette menu.)

~| x

J i Optimize \_

Show Options [JM

Settings: |[Unnamed] _*J ^

Create Droplet...

|GIF J Lossy: |o > | Q|

Save Settings...

Delete Settings

|Perceptual _*J 0| Colors: |-|J32 _l|

[Diffusion Dither: |lOO¬ę > | Q|

Optimize to File Size...

Repopulate Views

Auto Regenerate Regenerate

Selecting Transparency converts areas in the original image with less than 50% opacity to background transparency in the optimized image.

2 Choose Select > Deselect, and then choose File > Save.

3 Click the Matte swatch in the Optimize palette to open the color picker, and then select any color except white. Click OK to close the color picker.

4 Choose File > Preview In, and choose a Web browser from the submenu.

Note: To use the Preview In command, you must have a Web browser installed on your system.

If it is not already open, the browser first starts and then displays the optimized image in the upper-left corner of the browser window. The browser also displays the pixel dimensions, file size, file format, and optimization settings for the image, along with the HTML code used to create the preview.

Transparency option selected Transparency option deselected

5 Quit your browser when you're done previewing the image.

Understanding Adobe Photoshop Features You Will Use

Understanding Adobe Photoshop Features You Will Use

Adobe Photoshop can be a complex tool only because you can do so much with it, however for in this video series, we're going to keep it as simple as possible. In fact, in this video you'll see an overview of the few tools and Adobe Photoshop features we will use. When you see this video, you'll see how you can do so much with so few features, but you'll learn how to use them in depth in the future videos.

Get My Free Video


Post a comment