Adobe 38039927 User Guide - Page 210

Making slices interactive

Page 210 highlights

ADOBE FIREWORKS CS3 205 User Guide The pointer changes to the guide movement pointer. 2 Drag the slice guide to the desired location. The slices are resized, and all adjacent slices are automatically resized as well. To reposition a slice guide to the far edge of the canvas, ❖ Use the Pointer or Subselection tool to drag the slice guide beyond the edge of the canvas. To move adjacent slice guides: 1 Shift-drag a slice guide across adjacent slices guides. 2 Release the slice guide in the desired location. All slice guides that you dragged across are moved to this location. You can cancel this operation by releasing the Shift key before you release the mouse button. All slice guides that were picked up snap back to their original positions. Using tools to edit slice objects You can use the Pointer, Subselection, and Transform tools to reshape or resize a slice. You can skew and distort only polygon slices. Note: Resizing and reshaping slices using these tools can create overlapping slices, because the size of adjacent slice objects is not automatically adjusted. When slices overlap, the topmost slice takes precedence if interactivity is involved. To avoid overlapping slices, use slice guides to edit slices. For more information, see "Moving slice guides to edit slices" on page 204. To edit the shape of a selected slice, do one of the following: • Select the Pointer or Subselection tool and drag the slice's corner points to modify its shape. • Use a transformation tool to perform the desired transformation. For more information on using the transformation tools, see "Transforming and distorting selected objects and selections" on page 54. Note: Transforming a rectangular slice may change its shape, position, or dimensions, but the slice itself remains rectangular. About using the Property inspector or Info panel to edit slice objects You can also change a slice object's position and size numerically using the Property inspector. For more information about changing an object's dimensions numerically, see "Transforming objects numerically" on page 57. For more information about changing an object's position numerically, see "Editing selected objects" on page 53. Making slices interactive The basic building blocks for creating interactivity in Fireworks are slice objects. Fireworks offers two ways to make slices interactive: • The drag-and-drop rollover method is the easiest way to make a slice interactive. By merely dragging a slice's behavior handle and dropping it onto a target slice, you can quickly create simple interactivity.

  • 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

ADOBE FIREWORKS CS3
User Guide
205
The pointer changes to the guide movement pointer.
2
Drag the slice guide to the desired location.
The slices are resized, and all adjacent slices are automatically resized as well.
To reposition a slice guide to the far edge of the canvas,
Use the Pointer or Subselection tool to drag the slice guide beyond the edge of the canvas.
To move adjacent slice guides:
1
Shift-drag a slice guide across adjacent slices guides.
2
Release the slice guide in the desired location.
All slice guides that you dragged across are moved to this location.
You can cancel this operation by releasing the Shift key before you release the mouse button. All slice guides that
were picked up snap back to their original positions.
Using tools to edit slice objects
You can use the Pointer, Subselection, and Transform tools to reshape or resize a slice. You can skew and distort
only polygon slices.
Note:
Resizing and reshaping slices using these tools can create overlapping slices, because the size of adjacent slice
objects is not automatically adjusted. When slices overlap, the topmost slice takes precedence if interactivity is involved.
To avoid overlapping slices, use slice guides to edit slices. For more information, see “Moving slice guides to edit slices”
on page 204.
To edit the shape of a selected slice, do one of the following:
Select the Pointer or Subselection tool and drag the slice’s corner points to modify its shape.
Use a transformation tool to perform the desired transformation.
For more information on using the transformation tools, see “Transforming and distorting selected objects and
selections” on page 54.
Note:
Transforming a rectangular slice may change its shape, position, or dimensions, but the slice itself
remains rectangular.
About using the Property inspector or Info panel to edit slice objects
You can also change a slice object’s position and size numerically using the Property inspector. For more infor-
mation about changing an object’s dimensions numerically, see “Transforming objects numerically” on page 57. For
more information about changing an object’s position numerically, see “Editing selected objects” on page 53.
Making slices interactive
The basic building blocks for creating interactivity in Fireworks are slice objects. Fireworks offers two ways to make
slices interactive:
The drag-and-drop rollover method is the easiest way to make a slice interactive. By merely dragging a slice’s
behavior handle and dropping it onto a target slice, you can quickly create simple interactivity.