Creating An Interactive 3D Text Effect In Flash Using Microsoft Word
Move your mouse over the text.
Stage One- Making the 3D text
In Microsoft Word use the Word Art command to create
the 3D text you want to use.
Now you have to get familiar with the "Tilt Buttons" Make sure
that you have your WordArt Selected. It will have small boxes surrounding
it.
You have to make a continues motion for this effect, so start by rotating
the object to one extreme.
I had used that tilt button until no further rotation is possible. You accomplish
this by continually hitting the circled button below.
Stage Two- Starting the conversion to flash
Now go to flash and create an new graphic symbol by pressing ctrl+F8. Name
it "3D_Text"
Go back to Word and copy the object you had created. (Just press ctrl +
c to copy it)
Paste the image in the first frame of the symbol "3D text".
Go back to Word and tilt the 3D text one step to the opposite extreme (click
right tilt one time)..
Now go to flash, create a new blank keyframe (right click>Insert
Blank Keyframe) after the one you had put your first image in, then paste
the second image.
Keep tilting the image one step at each time, copy it, then paste it in
flash after adding a blank keyframe, do this until you reach the other extreme.
In this example my animation came out to be 36 frames, press enter to see
how the text moves. You will know when you have your last frame when the tilt
right is no longer available to click on.
Stage Three- Tweening the Animation.
All the Word part had finished now, in this stage we have to make the animation
fades in and out. To do this you have to do the following.
Create a new Movie Clip by pressing ctrl + F8. Name it "Animation".
Make sure you select movie clip as your behavior.
Show the library panel by pressing ctrl+L then drag a copy of the "3D
text" symbol into the center of the the "Animation Symbol".
You will center it over the + sign in the center of the stage.
Now click on frame 36 (or the last frame in your movie) in the time
frame of the "Animation" symbol and press F5 to make a continues
frame from 1 to 36. ( I choose 36 because it was the length of the "3D
text" symbol.
Now right click frame 36 (or your last frame) and use the command from
the menu "Create Motion Tween".
Insert a keyframe at frame 36. (Right click that frame and use "Insert
Keyframe")
Create another two keyframes at frames 5 and 31. (Right click that frame
and use "Insert Keyframe")
Now click on the first keyframe.
Right click the 3D text object in that frame, navigate to panels, then select
effect.
Make that object completely transparent by setting the alpha property as
zero.
Do the same thing at the last keyframe. So that the first and last stages
of the animation are transparent. Now press Enter to see how the animation
had become.
Stage Four - Action Script
Go the Timeline of the main movie (clicking on Scene 1 on the upper left
corner of the stage).
Insert a copy of the "Animation" Movie clip (From the Library,
drag the movie clip onto the stage).
Now highlight the symbol "Animation" the press ctrl + A to view
the Action Panel.
Make sure that you are giving actions to the object not the frame!
We are going now to give the object the following action:
onClipEvent (enterFrame) {
value = Math.round(getProperty (this,_xmouse)/10)+15;
gotoAndStop (value);
if (value>36) {
value = 36;
}
if (value<0) {
value = 0;
}
}
First Step: click on the plus sign, then go to Actions > set variable
Type the name value in the variable field.
Set the value as the following exactly:
Math.round(getProperty(this, _xmouse)/10)+15
(Copy and paste it if necessary)
Make sure that you check the expression box next to the value
field.
Click on the plus sign, go to Basic Actions, then choose the Go To action.
Set the type as expression (drop down the drop-down menu), then type
the frame as value, replacing the value of 1).
Now click the plus sign once more, then chose actions > if
Type this in the condition field:
value<0
Now back to the plus sign > Actions > set variable
Type the variable as value , and let the value of it as 0 ( this is not
an O it is a zero)
Now click on the onClipEvent action at the top right hand side of the dialog
box before clicking the plus sign this time (You might have to extend the
Actions list by clicking on the plus sign), then go the plus sign > Actions
> if
Type this in the condition field:
value>36 (the number should be the number of your last frame)
Now back to the plus sign > Actions > set variable
Type the variable as value, and let the value of it as 36.
Finally click on the onClipEvent action, you should see a radio button chosen
to be "load" change it to"EnterFrame".
This should make all the actions functional now. Go to control then Test Movie
to see it working!
Some additional tips:
Trace all the images that you get from Word. This will decrease the fill size,
it will make the movie run faster, and this will make the drawings much sharper.
Increase the frame rate, this will make the animation change smoother.
Add other effects like the random change in size or transparency.
Tilt the shape into different positions while in Word.