Adobe 38039927 User Guide - Page 160

s, Layers, Masking, and Blending

Page 160 highlights

155 Chapter 9: Pages, Layers, Masking, and Blending Fireworks CS3 added the capability to create a single PNG file that contains multiple pages. Each page contains its own settings for canvas, size, color, image resolution, and guides. These settings can be set on a per-page basis, or globally across all pages in the document. You can also create a master page for common elements. Layers and pages can be used together if you have elements that you want to appear on more than one page. Layers can apply to a single page, or can be shared across multiple pages. Once shared, the layers are displayed in yellow to differentiate from unshared Layers. Only the top most parent layer can be shared across pages. Layers divide a Fireworks document into discrete planes, as though the components of the illustration were drawn on separate tracing paper overlays. A document can be made up of many layers, and each layer can contain many sub-layers or objects. In Fireworks, the Layers panel lists layers and the objects contained in each layer. Fireworks layers are similar to layer sets in Adobe Photoshop. Photoshop layers are similar to individual Fireworks objects. Masking gives you creative control over layers and objects. You can apply masks and blending modes from the Layers panel. You can also create masks using options on the Select and Modify menus. You can use a vector object or a bitmap object to block out part of the underlying image. For example, if you want to block out part of a photograph so that it appears to have an elliptical frame around it, you can paste an elliptical shape as a mask on top of the photograph. All areas outside the ellipse disappear as if cropped, showing only the part of the picture inside the ellipse. Blending techniques give you another level of creative control. You can create unique effects by blending the colors in overlapping objects. Fireworks has several blending modes to help you achieve the look you want. This chapter contains the following topics: • "Working with pages" on page 155 • "Working with layers" on page 159 • "Masking images" on page 164 • "Blending and transparency" on page 179 Working with pages A Fireworks CS3 document (PNG) file can contain one or more pages. You can either create all of the pages before you start to draw, or you can add pages as needed. If you do not create any new pages, all of the elements of your file reside on a single page (Page 1). You can view the pages in your file in the Pages panel. Pages are added in the order in which they are created. The name of the active page is highlighted in the Pages panel and shown in the pages pop-up menu in the active document bar below the active document. The objects on each page are displayed in a thumbnail next to the page name in the Pages panel. Each page has an independent hierarchy including the Web layer and general layers, which can be shared across different pages. You can also create a master page to hold common elements. The objects and layer hierarchy on the master page are inherited by all other pages.

  • 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

155
Chapter 9: Pages, Layers, Masking,
and Blending
Fireworks CS3 added the capability to create a single PNG file that contains multiple pages. Each page contains its
own settings for canvas, size, color, image resolution, and guides. These settings can be set on a per-page basis, or
globally across all pages in the document. You can also create a master page for common elements.
Layers and pages can be used together if you have elements that you want to appear on more than one page. Layers
can apply to a single page, or can be shared across multiple pages. Once shared, the layers are displayed in yellow to
differentiate from unshared Layers. Only the top most parent layer can be shared across pages.
Layers divide a Fireworks document into discrete planes, as though the components of the illustration were drawn
on separate tracing paper overlays. A document can be made up of many layers, and each layer can contain many
sub-layers or objects. In Fireworks, the Layers panel lists layers and the objects contained in each layer. Fireworks
layers are similar to layer sets in Adobe Photoshop. Photoshop layers are similar to individual Fireworks objects.
Masking gives you creative control over layers and objects. You can apply masks and blending modes from the Layers
panel. You can also create masks using options on the Select and Modify menus. You can use a vector object or a
bitmap object to block out part of the underlying image. For example, if you want to block out part of a photograph
so that it appears to have an elliptical frame around it, you can paste an elliptical shape as a mask on top of the photo-
graph. All areas outside the ellipse disappear as if cropped, showing only the part of the picture inside the ellipse.
Blending techniques give you another level of creative control. You can create unique effects by blending the colors
in overlapping objects. Fireworks has several blending modes to help you achieve the look you want.
This chapter contains the following topics:
“Working with pages” on page 155
“Working with layers” on page 159
“Masking images” on page 164
“Blending and transparency” on page 179
Working with pages
A Fireworks CS3 document (PNG) file can contain one or more pages. You can either create all of the pages before
you start to draw, or you can add pages as needed. If you do not create any new pages, all of the elements of your file
reside on a single page (Page 1).
You can view the pages in your file in the Pages panel. Pages are added in the order in which they are created.
The name of the active page is highlighted in the Pages panel and shown in the pages pop-up menu in the active
document bar below the active document. The objects on each page are displayed in a thumbnail next to the page
name in the Pages panel.
Each page has an independent hierarchy including the Web layer and general layers, which can be shared across
different pages. You can also create a master page to hold common elements. The objects and layer hierarchy on the
master page are inherited by all other pages.