New flash file > Document (shortcut key: Ctrl+J ). Set the width of your document to 300 pixels and the height to 180 pixels.
Select any color as background color and set your Flash movie’s frame rate to 25 fps.
Change the layer name to Image
Import your Photo: File > Import > Import to stage (Ctrl+R) and import any photo into a flash stage.
Create a new layer above the layer image and name it text .
Now Select the Text Tool (T) and type any text on flash stage.
While the Text is still selected, press F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.
While the new made Movie Clip is still selected, go to the Properties Panel 0n the right side (up) and change the Instance name input field to flash_text
Step 2
Select the first frame of layer text and go to the AS panel (F9) and paste this code:
Then go to Modify>Movie and change the width and height to whatever your prefference might be. (Width: 200 Height: 50.)
Make a new symbol (Button) go to Insert>New Symbol and name it Button1 and behavior as a button.
On the white screen, draw what you want the button to look like, just as I have and make sure you have text in it.
step 2
After you have made the graphic in the “Up Frame”, right click on “Over” near the top left hand side and chose Insert Keyframe. Everything should remain the same except there should be a dot inside the “Over” at the top and your image should be highlighted in blue.
Step 3
Go to : Insert>Convert to Symbol. Name can be called Movie1 and behavior is as a Movie Clip.
Right click on your image, which should now be a movie clip, and choose Edit In Place.
Here is where we will make our animation which will occur when you put your mouse over the button. (You can click on the left image to see a larger version:)
Step 4
We need to separate the text from the rest of the button
select the text and Edit>Cut.
Press the New Layer button and press Edit>paste Name the layer “Text” by double clicking on the left where it says “Layer 2″.
Now, lock the other layer which contains all the other graphics besides the text.
Step 5
Now comes the most tedious part of the tutorial.
Select the text and press Modify>Break Apart. All the letters are separate now. You may want to zoom in, but now you must select each text character, press Edit>Cut, start a new layer and Edit>paste, just like we did ealier in Step 4, but after pasting each letter, you must also press Modify>Group so each letter stands on its own.
Step 6
add a keyframe in the tenth and twentieth frames on all the layers inside there.
go to the tenth frame, zoom in, and revert all the charachters by clicking on each charachter, pressing the scale button and having a mirror image of each text while keeping it aligned so it looks like the image on the left.
Step 7
Next, create a motion tween from the 1st to the 10th and then from the the 10th to the 20th frame on all the layers which have letters in them. You do this by going to each layer’s first frame and going to the Frame Tab in Flash 5 and setting it up to look like the figure on the left. Make sure you select CW (Clockwise). You want to go through and do the same thing on frame 10 on all the layers.
last step is to Press File>Publish Preview>Default(HTML) and make sure it works
This a tutorial for how to make a cartoonish boom effect in Flash CS4. This can be used for a lot of Flash animations/movies. The font used in the video is called ‘Ravie’.
