Adobe 23101335 User Guide - Page 349

Making transparent and matted images, Preserving transparency in GIF and PNG, images

Page 349 highlights

ADOBE PHOTOSHOP 6.0 339 User Guide To copy a color as a hexadecimal value by dragging (ImageReady): Drag the Foreground Color from the toolbox or a selected color from the Color Table palette or the Swatches palette into the HTML file in the destination application. Note: This feature is not supported by all text and HTML editing applications. Making transparent and matted images Transparency makes it possible to place a nonrectangular graphic object against the background of a Web page. Background transparency, supported by GIF and PNG formats, preserves transparent pixels in the image. These pixels allow the Web page background to show through in a browser. Background matting, supported by GIF, PNG, and JPEG formats, simulates transparency by filling or blending transparent pixels with a matte color that you choose to match the Web page background on which the image will be placed. Background matting works better if the Web page background will be a solid color, and if you know what that color will be. The original image must contain transparent pixels in order for you to create background transparency or background matting in the optimized image. You can create transparency when you create a new layer. Note: You can use the magic eraser tool to easily create transparency in an image. In Photoshop, you can also use the background eraser tool. Preserving transparency in GIF and PNG images GIF format and PNG-8 format support one level of transparency-pixels can be fully transparent or fully opaque, but not partially transparent. PNG-24 format, on the other hand, supports multilevel transparency, letting you preserve up to 256 levels of transparency in an image. To preserve background transparency in a GIF or PNG image: 1 Open or create an image that contains transparency. 2 In the Optimize panel/palette, select GIF, PNG-8, or PNG-24 from the File Format menu. 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 339 and "Creating hard-edged transparency in GIF and PNG-8 images" on page 340.) 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 Web page background must be a solid color, not a pattern.

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422
  • 423
  • 424
  • 425
  • 426
  • 427
  • 428
  • 429
  • 430
  • 431
  • 432
  • 433
  • 434
  • 435
  • 436
  • 437
  • 438
  • 439
  • 440
  • 441
  • 442
  • 443
  • 444
  • 445
  • 446
  • 447
  • 448

339
ADOBE PHOTOSHOP 6.0
User Guide
To copy a color as a hexadecimal value by dragging
(ImageReady):
Drag the Foreground Color from the toolbox or a
selected color from the Color Table palette or the
Swatches palette into the HTML file in the desti-
nation application.
Note:
This feature is not supported by all text and
HTML editing applications.
Making transparent and matted
images
Transparency makes it possible to place a nonrect-
angular graphic object against the background of a
Web page. Background transparency, supported
by GIF and PNG formats, preserves transparent
pixels in the image. These pixels allow the Web
page background to show through in a browser.
Background matting, supported by GIF, PNG, and
JPEG formats, simulates transparency by filling or
blending transparent pixels with a matte color that
you choose to match the Web page background on
which the image will be placed. Background
matting works better if the Web page background
will be a solid color, and if you know what that
color will be.
The original image must contain transparent
pixels in order for you to create background trans-
parency or background matting in the optimized
image. You can create transparency when you
create a new layer.
Note:
You can use the magic eraser tool to easily
create transparency in an image. In Photoshop,
you can also use the background eraser tool.
Preserving transparency in GIF and PNG
images
GIF format and PNG-8 format support one level
of transparency—pixels can be fully transparent or
fully opaque, but not partially transparent.
PNG-24 format, on the other hand, supports
multilevel transparency, letting you preserve up to
256 levels of transparency in an image.
To preserve background transparency in a GIF or PNG
image:
1
Open or create an image that contains
transparency.
2
In the Optimize panel/palette, select GIF,
PNG-8, or PNG-24 from the File Format menu.
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 hard-
edged transparency. (See “Creating background
matting in GIF and PNG images” on page 339 and
“Creating hard-edged transparency in GIF and
PNG-8 images” on page 340.)
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 Web page background must
be a solid color, not a pattern.