Adobe 65018518 User Guide - Page 135

Adjust Stroke and Fill color, Linear, Radial

Page 135 highlights

USING FLASH CS4 PROFESSIONAL 130 Creating and Editing Artwork Linear gradients change color along a single axis (horizontal or vertical). Radial gradients change color in an outward direction starting from a central focal point. You can adjust the direction of a gradient, its colors, the location of the focal point, and many other properties of the gradient. Adobe® Flash® CS4 Professional provides additional control over linear and radial gradients for use with Flash Player. These controls, called overflow modes, let you specify how colors are applied beyond the gradient. For a sample of gradients, see the Flash Samples page at www.adobe.com/go/learn_fl_samples. Download and decompress the Samples zip file and navigate to the Graphics\AnimationAndGradients folder to access the sample. 1 To apply a gradient fill to existing artwork, select an object or objects on the Stage. 2 If the Color panel is not visible, select Window > Color. 3 To select a color display mode, select RGB (the default setting) or HSB from the panel menu. 4 Select a gradient type from the Type menu: Linear Creates a gradient that shades from the starting point to the end point in a straight line. Radial Produces a gradient that blends outward in a circular path from a central focal point. Note: When you select a linear or radial gradient, the Color panel also includes two other options if you are publishing for Flash Player 8 or later. First, the Overflow menu is enabled below the Type menu. Use the Overflow menu to control the colors applied past the limits of the gradient. Second, the gradient definition bar appears, with pointers below the bar indicating the colors in the gradient. 5 (Optional) From the Overflow menu, select an overflow mode to apply to the gradient: Extend (the default mode), Reflect, or Repeat. 6 (Optional) To create an SVG-compliant (Scalable Vector Graphics) linear or radial gradient, select the Linear RGB check box. This will allow the gradient to look smooth when scaled to different sizes after it is first applied. 7 To change a color in the gradient, select one of the color pointers below the gradient definition bar (the triangle at the top of the selected color pointer will turn black). Then click in the color space pane that appears above the gradient bar. Drag the Brightness slider to adjust the lightness of the color. 8 To add a pointer to the gradient, click on or below the gradient definition bar. Select a color for the new pointer, as described in the previous step. You can add up to 15 color pointers, letting you create a gradient with up to 15 color transitions. 9 To reposition a pointer on the gradient, drag the pointer along the gradient definition bar. Drag a pointer down and off of the gradient definition bar to remove it. 10 To save the gradient, click the triangle in the upper-right corner of the Color panel, and select Add Swatch from the menu. The gradient is added to the Swatches panel for the current document. 11 To transform the gradient, such as to make a vertical gradient instead of a horizontal one, use the Gradient Transform tool. See "Transform gradient and bitmap fills" on page 134 for more information. Adjust Stroke and Fill color You can specify the stroke and fill color of graphic objects and shapes using either the Stroke Color and Fill Color controls in the Tools panel, or the Stroke Color and Fill Color controls in the Property inspector. Updated 5 March 2009

  • 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
  • 449
  • 450
  • 451
  • 452
  • 453
  • 454
  • 455
  • 456
  • 457
  • 458
  • 459
  • 460
  • 461
  • 462
  • 463
  • 464
  • 465
  • 466
  • 467
  • 468
  • 469
  • 470
  • 471
  • 472
  • 473
  • 474

130
USING FLASH CS4 PROFESSIONAL
Creating and Editing Artwork
Linear gradients
change color along a single axis (horizontal or vertical).
Radial gradients
change color in an outward direction starting from a central focal point. You can adjust the direction
of a gradient, its colors, the location of the focal point, and many other properties of the gradient.
Adobe®
Flash®
CS4
Professional provides additional control over linear and radial gradients for use with Flash Player.
These controls, called overflow modes, let you specify how colors are applied beyond the gradient.
For a sample of gradients, see the Flash Samples page at
www.adobe.com/go/learn_fl_samples
. Download and
decompress the Samples zip file and navigate to the Graphics\AnimationAndGradients folder to access the sample.
1
To apply a gradient fill to existing artwork, select an object or objects on the Stage.
2
If the Color panel is not visible, select Window
> Color.
3
To select a color display mode, select RGB (the default setting) or HSB from the panel menu.
4
Select a gradient type from the Type menu:
Linear
Creates a gradient that shades from the starting point to the end point in a straight line.
Radial
Produces a gradient that blends outward in a circular path from a central focal point.
Note:
When you select a linear or radial gradient, the Color panel also includes two other options if you are publishing
for Flash Player 8 or later. First, the Overflow menu is enabled below the Type menu. Use the Overflow menu to control
the colors applied past the limits of the gradient. Second, the gradient definition bar appears, with pointers below the
bar indicating the colors in the gradient.
5
(Optional) From the Overflow menu, select an overflow mode to apply to the gradient: Extend (the default mode),
Reflect, or Repeat.
6
(Optional) To create an SVG-compliant (Scalable Vector Graphics) linear or radial gradient, select the Linear RGB
check box. This will allow the gradient to look smooth when scaled to different sizes after it is first applied.
7
To change a color in the gradient, select one of the color pointers below the gradient definition bar (the triangle at
the top of the selected color pointer will turn black). Then click in the color space pane that appears above the
gradient bar. Drag the Brightness slider to adjust the lightness of the color.
8
To add a pointer to the gradient, click on or below the gradient definition bar. Select a color for the new pointer, as
described in the previous step.
You can add up to 15 color pointers, letting you create a gradient with up to 15 color transitions.
9
To reposition a pointer on the gradient, drag the pointer along the gradient definition bar. Drag a pointer down
and off of the gradient definition bar to remove it.
10
To save the gradient, click the triangle in the upper-right corner of the Color panel, and select Add Swatch from the
menu.
The gradient is added to the Swatches panel for the current document.
11
To transform the gradient, such as to make a vertical gradient instead of a horizontal one, use the Gradient
Transform tool. See “
Transform gradient and bitmap fills
” on page
134 for more information.
Adjust Stroke and Fill color
You can specify the stroke and fill color of graphic objects and shapes using either the Stroke Color and Fill Color
controls in the Tools panel, or the Stroke Color and Fill Color controls in the Property inspector.
Updated 5 March 2009