Selteco.com > FlashDesignerZONE.com > Tutorials > T1074

Glass buttons in Flash

Create illuminated buttons by using gradients.

gradient

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)
  • Draw a new ellipse (Step 3) inside
  • Choose Item > Gradient Fill
  • 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%
  • Convert the ellipse to curve, select it and choose “Edit” > “Convert to Curve”
  • Choose the “Edit nodes” tool and reshape the ellipse (Step 5)image

     

  • Hit F9 for preview.get flash