1. Launch Flash MX 2004

2. Create new Flash file. Click File > New…

3. Select Flash Document in a new window

4. Create new layer and name it "rectangle". With the "rectangle tool" create simple rectangle shape as shown on the picture below

5. Convert this shape to movie and change its instance name to: "rectangle"

6. Create new layer, name it “button1”. Inside that layer draw the rectangle shape. Set the background color of that shape to blue.

7. Convert the shape you made to button. With the "Text Tool" make a text label for that button:"Click here to change to blue"

8. Select the button and add the following action script code to the "Action Panel"
on (release)
{
colorchange = new Color("/rectangle");
colorchange.setRGB(0x0000FF);
}

9. Now press "Ctrl+Enter" to test the movie. You can see that the color of the rectangle changed to blue. Create new layer, name it "button2" then draw rectangle shape with the black background inside new layer and convert it to button. Make the label for that button: "Click here to change to black"

10. Add the following Action script code to the button:
on (release)
{
colorchange = new Color("/rectangle");
colorchange.setRGB(0x000000);
}

11. Press "Ctrl+Enter" to see the movie. Play with the buttons. If you would like to make other colors then change YourRGBValueHere to any RGB digits in the 4th line of the code: colorchange.setRGB(0xYourRGBValueHere)
That's all folks! Thanks for reading!

Click here to download source fla file.

About the Author: Oleg Lazarenko
Production manager of
Metamorphosis Website Design Studio -
Custom design, Website Templates,
Web design Articles and Tutorials.

You may reprint this tutorial for free as long as the content, About the Author sections and all links remain unchanged.