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

Illuminated buttons.

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 an ellipse 100 x 100 pixels (Step 1)
  6. Choose Item > Line and Fill > Gradient Fill
  7. Setup the gradient: (Step 2) Custom / Radial, Scale 300%, Center Color (R: 168 G: 255 B: 155), Outer Color (R: 255 G: 255 B: 255), click Advanced and enter Delta Y: 100, under Add Colors check Point 3 and Point 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)
  9. Choose Item > Line and Fill > Gradient Fill
  10. Setup the gradient: (Step 4) Custom / Vertical, Top Color (R: 255 G: 255 B: 255), opacity 30%, 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.