Animating Titles in Flash using Classic Tweens and Easing

Assignment:

Create a 5-10 second title animation for your summative piece (you don’t actually need to include it in the final project if you don't want to)
The title should contain a classic tween and easing. Remember to keep it simple, if you really want to include it into your project, you can come back to the title later.
export it as a .swf, bring it into premier and then render it.
Hand it in to Mr.May’s hand-in folder as LastName_FirstName_FlashTitle.

Project Defaults:

Widescreen Stage size: 640X360
Frame Rate: 24fps


Tween: Classic tween

Classic tweens were introduced to flash in flash cs4 when they had created a new version of the “motion tween” which was the classic tween for flash in any version prior to this chance.
This tween is very easy to create and use as long as you follow some key rules:


1. Only symbols should be tweened
If you tween a non-symbol object, the program will create tween symbols for you. This clogs up your library and it can become very disorganized.
To create a symbol, highlight the object and press F8


2. Only one symbol on each layer can be tweened.
your symbols should be split up into their own layers to accommodate all movements


3. Key frames before and after the tween should contain instances of the same symbol in the tween.
If the instance of the symbol is missing at the beginning or end of the tween, the tween will not register.


Steps:

1. Create text and use your typography skills to create your desired title arrangement
2. If you want to add extra effects to the letters (like a gradient), break apart the text and use tools available to create the wanted effect
3.Convert all sections into separate symbols and each symbol onto separate layers using
4. Create a new keyframe at your last frame of animation
5. Back at the first frame, move all the elements to their starting position. This could mean making them smaller, larger, or moving them off the stage.
6. Once you finish this, right-click the 2nd frame and select “create classic tween”
7. Review the tween by pressing the enter key and make any adjustments to the starting position or the final position by manipulating the symbols on the appropriate frame.


Easing:

In a tween, the speed at which the symbol moves is at a uniform rate of x/fps(frames per second). This is good for creating a uniform motion, however it can become very dull after a few seconds. Easing a tween affects the rate of motion over time, creating an exponential speed rather than a constant. Not only does this produce a more eye-catching title, but it also creates a more realistic one. If done correctly it can give the illusion that gravity is actually acting on the animation, rather than having it seem like the animation is in a vacuum, and depending on what you are aiming at this could be incredibly beneficial to the final product.


There are two forms of easing:
  • Easing-in: having the motion begin slowly, then gain speed as the tween goes on.
  • Easing-out:having the motion being quickly, then slow down as the tween goes on.


To create an ease, click on a frame that has a tween and look at the properties panel. Under the TWEENING drop down menu, there should be a Easing section. Click the text field for that option and type in a numeric value from -100 to 100(%). A negative value will be an ease in and a positive value will be an ease out. This will create a nice constant ease for your animation.

To further customize the easing rate, click the pencil on the very right or the easing property and a graph will pop up. Click on any point on the graph and a tangent line will appear which you can use to change the slope and position of that point on the graph. Preview the manipulated ease with the play button on the lower left hand corner and then press ok when you are happy.You can cancel your manipulation by pressing the cancel button. To reset the ease, either bring the numeric value back to 0 or in the graph, click the reset button.

Exporting and Importing into Premier:

Once the animation is complete, under File → Export, select export movie and save it as a .swf file

Open up premier elements and import the .swf the same way you would any other footage.
Notice that the flash title as a transparent background, so put any colour background/film you need to under the title in the video editor and you are done. If you find that premier is having trouble rendering the file in the final stages, it is probably because there is no background under the flash file. For some reason, premier has issue rendering projects that have a transparent background, even if its just for a few seconds.