Selteco Software
Selteco.com > FlashDesignerZONE.com > Tutorials > T1074

Glass buttons in Flash

Create illuminated buttons by using gradients.

Download source project t1074.zip (3 kb)

  1. Launch Alligator Flash Designer and choose Blank
  2. Set movie dimensions 700 x 150 (or any desired) with Frame > Frame Size
  3. Change frame delay to "Stop".
  4. Change background color to black "Frame" > "Background Color"
  5. Draw a circle 100 x 100 pixels (Step 1). Hold Ctrl to draw circle with equal edges.
  6. Choose Item > Gradient Fill
  7. Setup the gradient: (Step 2) Radial, Scale 300%, Center Color (R: 168 G: 255 B: 155), Outer Color (R: 255 G: 255 B: 255), click Options and enter Move X: 0, Move Y: 100 and click OK. Click Add Colors check Insert Color 3 and Insert Color 6 Click Color 3 and setup (R: 200 G: 255 B: 137), Click Color 6 and setup (R: 54 G: 122 B: 42)
  8. Draw a new ellipse (Step 3) inside
  9. Choose Item > Gradient Fill
  10. Setup the gradient: (Step 4) Vertical, Top Color (R: 255 G: 255 B: 255), opacity 50%, Bottom Color (R: 255 G: 255 B: 255), opacity 0%
  11. Convert the ellipse to curve, select it and choose "Edit" > "Convert to Curve"
  12. Choose the "Edit nodes" tool and reshape the ellipse (Step 5)

  13. Hit F9 for preview.