Site hosted by Angelfire.com: Build your free website today!

 

 


S ometimes you might want to have an element, like the red ball to the left, seem to fade in or fade out. You might want to use this "alpha fade" characteristic in combination with another change, as the change of scale or size here, or with a change in movement, position, color, or rotation. These effects are easy to accomplish with motion tweens.

We'll start with one object and one change. Follow the steps below.

  • Click a layer name to make it the current layer, and select an empty keyframe in the layer where you want the animation to start. If you're starting fresh, layer one, frame one will be your keyframe automatically after you've drawn your ball.
  • Draw your circle on the stage. (You may create an instance, such as the red ball, a group, or a text block OR drag an instance of a symbol from the library window.)
  • Convert your ball to a symbol (Insert > convert to symbol). (Remember, to motion tween an object you have drawn, you must convert it to a symbol.)
  • Create a second keyframe where you want your animation to end. ( I used frame 15)
  • Modify the instance in this new keyframe. (Move the item, if you wish. Change its size, using the transform panel, if you want. Change its opacity by choosing effect > alpha in the effects panel, clicking on the arrow to the right of the !00% and moving the slider close to zero.
  • Choose Window > Panels > Frame. For tweening, select Motion.
  • If you modified the size of the ball, select Scale to tween the size of the ball.
  • If you want the ball to begin to move or fade in slowly and accelerate toward the end of the animation, click and drag the arrow next to the Easing value to -1 to -100. To begin rapidly and decelerate toward the end of the animation, use a positive value.
  • The timeline should indicate a completed motion teen ( solid arrow on light purple background). Hit enter, select Control > play, or drag the red rectangular player head across the timeline to preview your animation. To see it actually play, choose test movie to preview it in your browser.

 

basics: the toolbox | name | jitters | changing shape | shape to text | shape hints | face | gradient glow | animating a gradient | bouncing ball | motion path | text fade | alpha fade | da boat | 5 masks | effects | button 9-1 | button 9-2

projects: drawing | haiku | portfolio site | commercial | worst case | band site |

links and resources: sound | showcase | Flash doodles | Flash links | web design | home | flash home

Computer Education, Wheeler High School, 298 Norwich Westerly Road, North Stonington, CT 06378
email wevenski@northstonington.k12.ct.us