Home » Adobe Manuals » Computer Software » Adobe 65089063 » Manual Viewer

Adobe 65089063 User Guide - Page 242

Creating background matting in GIF and, PNG images, Creating hard-edged transparency in GIF

Get Adobe 65089063 PDF manuals and user guides

Add to My Manuals
Save this manual to your list of manuals

Page 242 highlights

234 CHAPTER 11 Optimizing Images for the Web 3 Select Transparency. 4 For GIF and PNG-8 format, decide how you want to treat partially transparent pixels in the original image. You can blend partially transparent pixels with a matte color, or you can create hardedged transparency. (See "Creating background matting in GIF and PNG images" on page 234 and "Creating hard-edged transparency in GIF and PNG-8 images" on page 234.) If you deselect Transparency, fully transparent pixels are filled with the matte color, and partially transparent pixels are blended with the matte color. Creating background matting in GIF and PNG images When you know the Web page background color on which an image will be displayed, you can use the matting feature to fill or blend transparent pixels with a matte color that matches the Web page background. The results of matting GIF and PNG-8 images depend on the Transparency option. If you select Transparency, only the partially transparent pixels, such as those at the edge of an anti-aliased image, are matted. When the image is placed on a Web page, the Web background shows through the transparent pixels, and the edges of the image blend with the background. This feature prevents the halo effect that results when an anti-aliased image is placed on a background color that differs from the image's original background. This feature also prevents the jagged edges that result with GIF hard-edged transparency. GIF with Transparency option selected, and with Transparency option deselected To create a matted GIF or PNG image: 1 Open or create an image that contains transparency, and choose File > Save for Web. 2 In the Save For Web dialog box, select GIF, PNG-8, or PNG-24 as the optimization format. 3 For GIF and PNG-8 format, select or deselect the Transparency option as desired. 4 Select a color from the Matte pop-up menu: Eyedropper (to use the color in the eyedropper sample box), White, Black, or Other (to select a color using the color picker). Creating hard-edged transparency in GIF and PNG-8 images When working with GIF or PNG-8 files, you can create hard-edged transparency, in which all pixels that are more than 50% transparent in the original image are fully transparent in the optimized image, and all pixels that are more than 50% opaque in the original image are fully opaque in

Section	Page
Table of Contents	3
Installing and Learning Adobe Photoshop Elements	9
Registration	9
Installing Adobe Photoshop Elements	9
Learning Adobe Photoshop Elements	9
Using Web resources	11
Customer support	12
Overview	15
Digital Photography: Capture and Correct	15
Digital Photography: Explore and Create	17
Easy to Use and Affordable	18
Web Tools	20
Explore Your Creativity	21
Produce Outstanding Results	22
Looking at the Work Area	27
Getting familiar with the work area	27
Viewing images	32
Getting the most out of Photoshop Elements	36
Correcting mistakes	40
Reverting to any state of an image	41
Working with presets	43
Configuring Photoshop Elements	46
Closing files and quitting	50
Getting Images into Photoshop Elements	53
About bitmap images and vector graphics	53
About image size and resolution	54
Changing image size and resolution	56
Scanning images	59
Importing images from a digital camera	60
Importing images using WIA (Windows Image Acquisition) Support	61
Creating new images	62
Opening and importing images	63
Placing files	68
Working with Color	73
About color and computer graphics	73
Using color management	73
Calibrating your monitor	74
Describing color	75
Choosing a color mode	76
Choosing foreground and background colors	82
Using the Adobe Color Picker	85
Using other color pickers	87
Making Color and Tonal Corrections	91
About correcting images	91
Checking scan quality and tonal range	92
Adjusting tonal range	93
Adjusting color	99
Applying special color effects to images	103
Sharpening images	106
Selecting	111
About selections	111
Making pixel selections	111
Adjusting pixel selections	115
Softening the edges of a selection	116
Moving, copying, and pasting selections and layers	118
Deleting selections	121
Transforming and Retouching	125
Cropping images	125
Changing the size of the work canvas	126
Creating panoramic images using Photomerge	126
Using the Liquify filter	132
Rotating and straightening images	133
Transforming layers, selections, and shapes	134
Transforming objects in three dimensions	138
Retouching an image	140
Painting and Drawing	147
About painting and drawing	147
Using the painting tools	147
Erasing	148
Using the impressionist brush tool	150
Customizing brush libraries	151
Setting options for painting and editing tools	155
Using the gradient tools	158
Using the paint bucket tool	163
Drawing shapes	164
Editing shapes	165
Filling and stroking selections and layers	167
Creating and editing patterns	169
Using Layers	173
About layers	173
Using the Layers palette	174
Creating a layered image	178
Managing layered images	181
Using layer styles	183
Editing layers	185
Specifying opacity and blending options	187
Creating grouped layers	188
Using adjustment layers and fill layers	189
Applying Filters and Effects	197
Using filters	197
Using effects	200
Tips for applying special filter effects	200
Improving performance with filters	201
Choosing a filter effect	201
Artistic filters	203
Blur filters	204
Brush Stroke filters	205
Distort filters	205
Liquify filter	207
Noise filter	207
Pixelate filters	208
Render filters	209
Sharpen filters	210
Sketch filters	210
Stylize filters	211
Texture filters	213
Video filters	213
Other filters	214
Lighting Effects filter	215
About plug-in filters	218
Using Type	221
About type	221
Creating type	221
Working with type layers	222
Formatting characters	225
Setting options for Asian type	228
Optimizing Images for theWeb	233
About optimization	233
Using the Save For Web dialog box	233
Choosing a file format for optimization	235
Optimizing images	238
Making transparent and matted images	241
Previewing and controlling dithering	243
Creating animated GIFs	247
Previewing an image in a browser	248
Saving optimized images	248
Creating Web photo galleries	249
Saving Images	253
About file formats	253
Saving images	254
Saving images in specific formats	255
Adding file information	262
Setting preferences for saving files	262
Using the Batch command	264
Creating multiple-image layouts	265
Printing	269
Printing images	269
Positioning and scaling images	270
Setting output options	270
Printing part of an image	271
Choosing a print encoding method	271
Using color management when printing	272
Printing over the Web	274
Production Notes	293

Match case Limit results 1 per page

CHAPTER 11

234

Optimizing Images for the Web

Select Transparency.

For GIF and PNG-8 format, decide how you

want to treat partially transparent pixels in the

original image. You can blend partially transparent

pixels with a matte color, or you can create hard-

edged transparency. (See “Creating background

matting in GIF and PNG images” on page 234 and

“Creating hard-edged transparency in GIF and

PNG-8 images” on page 234.)

Creating background matting in GIF and

PNG images

When you know the Web page background color

on which an image will be displayed, you can use

the matting feature to ﬁll or blend transparent

pixels with a matte color that matches the Web

page background.

The results of matting GIF and PNG-8 images

depend on the Transparency option. If you select

Transparency, only the partially transparent pixels,

such as those at the edge of an anti-aliased image,

are matted. When the image is placed on a Web

page, the Web background shows through the

transparent pixels, and the edges of the image

blend with the background. This feature prevents

the halo effect that results when an anti-aliased

image is placed on a background color that differs

from the image’s original background. This feature

also prevents the jagged edges that result with GIF

hard-edged transparency.

If you deselect Transparency, fully transparent

pixels are ﬁlled with the matte color, and partially

transparent pixels are blended with the

matte color.

GIF with Transparency option selected, and with Trans-

parency option deselected

To create a matted GIF or PNG image:

Open or create an image that contains

transparency, and choose File > Save for Web.

In the Save For Web dialog box, select GIF,

PNG-8, or PNG-24 as the optimization format.

For GIF and PNG-8 format, select or deselect

the Transparency option as desired.

Select a color from the Matte pop-up menu:

Eyedropper (to use the color in the eyedropper

sample box), White, Black, or Other (to select a

color using the color picker).

Creating hard-edged transparency in GIF

and PNG-8 images

When working with GIF or PNG-8 ﬁles, you can

create hard-edged transparency, in which all pixels

that are more than 50% transparent in the original

image are fully transparent in the optimized

image, and all pixels that are more than 50%

opaque in the original image are fully opaque in