Acive Button . Animated Line .
Blurring Text . Bouncing Balls
Drawing a Sun . Fading Text .
Morphing Objects . Motion Guides
Motion Kern . Moving Clouds .
Moving Objects . Rollout Menu
Web Buttons . Water Ripples
Active Button You’ll need to make up a grouped object to practice with when doing this tutorial. I just made a square and filled it in with red color, selected everything and then group it. If you’re ready lets begin. To make any button , we'll first need to make our object a Symbol: Hold down Ctrl-A to Select All. Now go to Insert>Create Symbol. You’ll now see the Symbol Properties. Name it "My Button" and for Behavior, choose button and click ok. Now lets edit our symbol we’ve made. Make sure you have the button selected (Ctrl-A), go to Edit>Edit Symbols. By making our object/button a symbol, it now has a brain, we are inside it and can make it fully interactive and add effects to it. Our button can be edited to do numerous commands when pressed, such as: Animation, opening Browser windows, mouse over effects, turning off music, navigating thru out your site and more. Our button already has a beginning state such as the Up position witch looks like a red box. So lets go right to the "Over" state of the button. Right click in the Over area and choose "Insert Keyframe" like shown. Lets change the color of the button for this state. Ungroup the button by holding down Ctrl-Shift-G (Mac: Command-Shift-G) Now select the Paint Bucket and fill it in with another color, I choose blue. To fill it, just click in the middle of the box. Ok group the button again by holding down Ctrl-G (Mac: Command-G) Now we are already done with the Over state. Lets move over to the Down position. The down state is what happens when you click on the button. First right click on the Down area and choose Insert Keyframe like we did for the Over position. We are going to make the scale of the button smaller to look as though it was pushed in a little bit. The button should be selected. Go to Modify>Transform>Scale and Rotate. Enter 75 in the scale area and click OK. You should see the button about 25% smaller for the effect. Before we move on, lets try out the button so far. Go to Control>Test Movie. The movie in its own window should pop up, go ahead and try it out. I have posted mine on the left. Go ahead and push it. Ok on to the Hit state of the button. This will be the button's active area. This frame is invisible when in a Movie, you can leave this part as is for this tutorial. Assigning commands to the
button. Opening Web page in a new
window (by request) Switch back to Edit Movie mode by clicking on where it says "My Button" a shown. Ok sense we’ve made our button a symbol, it’s stored in the Library in that movie file. So now any time we need this button, just drag it out of the Library right on to the work area. Now open the Library: Windows>Library. You should see "My Button" inside. I have a screen shot of mine. Ok I've decided to put together a Drag and Drop exercise. While the Library is still open. Make a New file right now buy going to File>New. While it’s open, drag your button from the library to the New file like I have demonstrated below. You can even drag it out of the library into another Movie if you want to. This is cool if you wanted to make some buttons in a separate file, then move them to where ever you like. That button will be the same where ever you drag it too. You can even edit the symbol/button in the new file buy choosing "Edit Symbols" under the Edit menu. |