Adobe 65045315 Photoshop Elements Manual - Page 300

Optimize as PNG-24, Create an animated GIF

Page 300 highlights

USING PHOTOSHOP ELEMENTS 10 294 Optimizing for the web 8 If the image contains transparency, select Transparency to preserve transparent pixels; deselect Transparency to fill fully and partially transparent pixels with the matte color. 9 To create an animated GIF, select Animate. 10 To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save. More Help topics "About dithering" on page 297 "About transparent and matted web images" on page 295 Optimize as PNG-24 PNG-24 format is suitable for compressing photographs. However, PNG-24 files are often much larger than JPEG files of the same image. PNG-24 format is recommended only when you work with an image that includes multiple levels of partial transparency. 1 In the Edit workspace, open an image and choose File > Save For Web. 2 Choose PNG-24 for the optimization format. 3 Select Interlaced to create an image that is displayed at low-resolution in a browser while the full-resolution image is downloading. Interlacing can make downloading time seem shorter and gives viewers feedback that downloading is in progress. 4 If the image contains transparency, select Transparency to preserve transparent pixels; deselect Transparency to fill fully and partially transparent pixels with the Matte color. 5 To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save. More Help topics "Preserve background transparency in a GIF or PNG image" on page 296 Create an animated GIF 1 In the Edit workspace, place the images you want to appear in each frame of the animation on separate layers of the Layers panel. For example, to create an animation of an eye blinking, you would place an image of the open eye on one layer, and an image of the closed eye on another layer. 2 Choose File > Save for Web. Note: If your image has multiple layers, you can also open the Save For Web dialog box from the Save As dialog box by choosing CompuServe GIF Format and selecting Layers As Frames. 3 Optimize the image in GIF format. 4 Select Animate. 5 Set additional options in the Animation section of the dialog box: Loop Continuously repeats the animation in a web browser. Frame Delay Specifies the number of seconds that each frame is displayed in a web browser. Use a decimal value to specify fractions of a second. For example, use .5 to specify half a second. Last updated 1/2/2012

  • 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

294
USING PHOTOSHOP ELEMENTS 10
Optimizing for the web
Last updated 1/2/2012
8
If the image contains transparency, select Transparency to preserve transparent pixels; deselect Transparency to fill
fully and partially transparent pixels with the matte color.
9
To create an animated GIF, select Animate.
10
To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.
More Help topics
About dithering
” on page
297
About transparent and matted web images
” on page
295
Optimize as PNG-24
PNG-24 format is suitable for compressing photographs. However, PNG-24 files are often much larger than JPEG files
of the same image. PNG-24 format is recommended only when you work with an image that includes multiple levels
of partial transparency.
1
In the Edit workspace, open an image and choose File
> Save For Web.
2
Choose PNG-24 for the optimization format.
3
Select Interlaced to create an image that is displayed at low-resolution in a browser while the full-resolution image
is downloading. Interlacing can make downloading time seem shorter and gives viewers feedback that downloading
is in progress.
4
If the image contains transparency, select Transparency to preserve transparent pixels; deselect Transparency to fill
fully and partially transparent pixels with the Matte color.
5
To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.
More Help topics
Preserve background transparency in a GIF or PNG image
” on page
296
Create an animated GIF
1
In the Edit workspace, place the images you want to appear in each frame of the animation on separate layers of the
Layers panel. For example, to create an animation of an eye blinking, you would place an image of the open eye on
one layer, and an image of the closed eye on another layer.
2
Choose File
> Save for Web.
Note:
If your image has multiple layers, you can also open the Save For Web dialog box from the Save As dialog box by
choosing CompuServe GIF Format and selecting Layers As Frames.
3
Optimize the image in GIF format.
4
Select Animate.
5
Set additional options in the Animation section of the dialog box:
Loop
Continuously repeats the animation in a web browser.
Frame Delay
Specifies the number of seconds that each frame is displayed in a web browser. Use a decimal value to
specify fractions of a second. For example, use .5 to specify half a second.