|
Motion Graphics
Basics: Motion Button Programs:
Adobe Premiere, Photoshop, Macromedia Flash
|
In this
tutorial we will be describing the step by step process for creating the motion
mouse over button on the right. The movie behind the motion will be created
using the method described in the Motion Graphics Basics
tutorial. |
|
 |
|
|
Step 1:
In this case, the width and height of the movie needed to be 109 x 24. Premiere
could not go this low, due to the original aspect ratio of the movie (256 x
192), so we went as low as Premiere would allow. After exporting the movie
in Premiere, we ended up with 13 bitmap images.
Step 2:
In Photoshop, open up each of the bitmaps, resize them to 109 x 24 and Save,
retaining the original filenames. |
|
 |
|
|
Step 3:
Now we will move on to creating the Flash button. In this case, we are going
to create a motion button within a movie that has already been created. We
also know that we want the size of the button to be approximately 111 x
27. In Flash, insert a New Symbol>Movie Clip. We labeled ours Leader Tape
1. Select File>Import>filetype Bitmap and select the first bitmap
image (redleader100.bmp). You will be asked if you want to import all of the
images in the sequence. Select Yes. Allow the movie to loop. |
|
 |
|
|
Step 4:
Select Insert>New Symbol>Button. We labeled ours Motion Button 1. In
the first layer, using the rectangle tool, select the colors for the edges and
the fill, create a box approximately 111 x 27. In the second layer, add a
Keyframe in the "Over" frame. Open the Library and drag your Leader Tape 1
movie onto the stage and position it accordingly. In the Properties Window
(Flash MX), set the color to "alpha" at 40%. In Flash 5, this would be under
Effect. In the third layer, Add your text. In the fourth layer, we will
add sound for the "Over/Down" and "Hit". Find the two sounds you would like
to use and Import them. Add a Keyframe in the "Over" frame and Insert a
Frame in the "Down" frame. In the Properties Window, select your "Over"
sound. Add a Keyframe to the "Hit" frame and in the Properties Window,
select your "Hit" sound.
Step 6:
Go back to the Scene that you want the button to be in, and drag the button
from your Library onto the stage. |
|
We are listed in
Localco.com |