Adobe 38039927 User Guide - Page 228

Converting Fireworks rollovers into buttons, Inserting buttons into a document

Page 228 highlights

ADOBE FIREWORKS CS3 223 User Guide 3 In the pop-up menu that appears, do one of the following: • Select Bevel and Emboss > Inner Bevel. • Select Bevel and Emboss > Outer Bevel. 4 In the pop-up window that appears, select a button preset filter. These are described below. Button preset filter Raised Description The bevel appears to rise from the underlying objects. Highlighted The button's colors lighten. Inset The bevel appears to sink into the underlying objects. Inverted The bevel appears to sink into the underlying objects, and the colors lighten. 5 Repeat steps 1 through 4 for the remaining button states, giving each state a different button preset filter. Converting Fireworks rollovers into buttons You can create buttons from rollovers that you created in previous versions of Fireworks. The components convert to a button, and the new button is placed in the library. For more information about rollovers, see "Making slices interactive" on page 205. To convert a Fireworks rollover into a button: 1 Delete the slice or hotspot covering the rollover images. 2 Select Show All Frames from the Onion Skinning pop-up menu in the Frames panel. 3 Select all the objects to be included in the button. Use the Select Behind tool to select objects that are hidden behind others. For more information, see "Using the Select Behind tool" on page 42. 4 Select Modify > Symbol > Convert to Symbol. The Symbol Properties dialog box opens. 5 Enter a name for the symbol in the Name text box. 6 Select the Button symbol type. 7 Click OK. The new button is added to the library. You can also convert four-frame animations to buttons. Simply select all four objects, and each is placed on its own button state. Inserting buttons into a document You can insert instances of button symbols into a document from the Library panel.

  • 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
223
3
In the pop-up menu that appears, do one of the following:
Select Bevel and Emboss > Inner Bevel.
Select Bevel and Emboss > Outer Bevel.
4
In the pop-up window that appears, select a button preset filter. These are described below.
5
Repeat steps 1 through 4 for the remaining button states, giving each state a different button preset filter.
Converting Fireworks rollovers into buttons
You can create buttons from rollovers that you created in previous versions of Fireworks. The components convert
to a button, and the new button is placed in the library.
For more information about rollovers, see “Making slices interactive” on page 205.
To convert a Fireworks rollover into a button:
1
Delete the slice or hotspot covering the rollover images.
2
Select Show All Frames from the Onion Skinning pop-up menu in the Frames panel.
3
Select all the objects to be included in the button.
Use the Select Behind tool to select objects that are hidden behind others. For more information, see “Using the
Select Behind tool” on page 42.
4
Select Modify > Symbol > Convert to Symbol.
The Symbol Properties dialog box opens.
5
Enter a name for the symbol in the Name text box.
6
Select the Button symbol type.
7
Click OK.
The new button is added to the library.
You can also convert four-frame animations to buttons. Simply select all four objects, and each is placed on its own
button state.
Inserting buttons into a document
You can insert instances of button symbols into a document from the Library panel.
Button preset filter
Description
Raised
The bevel appears to rise from the underlying objects.
Highlighted
The button’s colors lighten.
Inset
The bevel appears to sink into the underlying objects.
Inverted
The bevel appears to sink into the underlying objects, and the colors
lighten.