FLASH I

Alejandra Jarabo
MAT 1161

Media Arts & Technologies Division. Santa Barbara City College
Classic MOTION TWEENS

Motion-tween is a Flash animation assistant that allow you to display a smooth transition between the scale, skew, position, or rotation values of ONE and ONLY ONE symbol, positioned with different values in an INITIAL KEYFRAME and an ENDING KEYFRAME on one layer.
  • You need to have 2 keyframes and at least one frame in between them.
  • The more frames in between, the longer duration of the transformation.
  • The content of those keyframes needs to be the same symbol in both keyframes (nothing else!)
  • Flash will animate the change in scale, position, rotation angle or complete revolution (360degrees) between those keyframes.
  • You can make consecutive Motion Tweens (keyframe 1 to keyframe 20, keyframe 20 to keyframe 25...)
Flash will interpolate the 2 values corresponding to the same object in the two(begining and ending) keyframes.
If there is anything else stored in one of those keyframes (a line or shape, another element) you will see a dotted arrow on the timeline, connecting the keyframes, and the motion tween will NOT work.
   

Flash is creating an smooth transition for the same element (Green_circle), with different scale and position values, stored in the keyframes placed on frame 1 and 20.

Blank keyframe on frame n 30, empties out the content of the layer.

Existing frames to frame n 50. There is no more time, so the swf file automatically loops back to the first frame and plays again.

 
     
   
 
     

Looking at the screen shot of the open project in flash, you realice that "Green_circle" is a library element.
LIBRARY> Green_circle is a GRAPHIC SYMBOL .

You can see the Green circle on Stage. It is selected so we see the blue rectangular outline around it, and, in this case, since scaling is selected also, we see the black rectangule with point references.

The Properties window displays information about the selected item, and we can see that the item on stage is an INSTANCE of the graphic symbol "Green_circle".

You can pull instances of library elements to the stage, and they become elements of your movie. You can scale them, Skew , rotate, or change their position. They always keep the reference to the "Original" library element. Think of it as an actor playing different roles on stage, but still the same person.

 
     
   
 
     

I have tinted and scaled our "Green_circle" placed on the first keyframe. The motion tween interpolates parameters with the second keyframe,that I have left unchanged from the previous movie.


You can select a symbol's instance onSstage and modify color attributes in the Properties window: Tint by percentages with any color, change the Brightness all the way to up to white, or down to black. Change the Alpha or opacity to make symbol-item dissapear

 
     
In this Flash movie I have kept the layer containing the previous animation (see above) and I have added another layer with another Motion-tween. This time the " green circle" living in the last keyframe, has been set to Alpha=0. The interpolation between the first keyframe with the default automatic alpha (100%) to a symbol explicitly set to apha 0, results in an animation where the object dissapears