Wednesday 21 September 2011

Week 10 - Interactivity & Buttons

Interactivity in Flash

  • Stop an animation using Actionscript 2.0 code. 
    • Create a motion tween of a ball on a layer called "ball"
    • Create a new layer called "actions" with a blank keyframe
    • Right-click on the blank keyframe and select Actions
    • Place stop(); code in the actions panel of the blank keyframe
    • Test your scene
  • Move the blank keyframe to another frame
    • Test your scene
  • Create a Button to Play the animation
    • Create a rectangle and type "PLAY" inside it
    • Select the rectangle and text and Convert to a Symbol (symbol type is a button)
    • Right click on the button and select Actions
    • Place play(); code in the actions panel
    • Test your scene and click your button
  • Create a Button to Stop the animation
    • Create another button the same way you created the "PLAY" button
    • Right click on the button and select Actions
    • Place stop(); code in the actions panel
    • Test your scene and click on your buttons
Resources:

Wednesday 14 September 2011

Week 9 - Panning and Basic Interactivity

Camera Panning in Flash and Animation Revision
Exercise: Create an animation of a car driving along a country road

  • The car must remain in the vertical centre of the screen (don't move left to right)
  • The car wheels must spin
  • Foreground graphics must include a fence
  • Midground graphics must include a windmill with spinning blades



Monty Python Intros - Simple but effective animation
Below is an example of a great animated film credit sequence, using only simple animation techniques.  The graphics and music are the heroes of the clip.



Monday 12 September 2011

Week 8 - Layer Masks



Introduction to Layer Masks - Disney Pixar Short - Day and Night



Demonstration: How to create a layer mask in Flash


Exercise: Create your own animation using layer masks.

Wednesday 7 September 2011

Week 7 - Traffic Lights & Finishing Touches


This week: Complete the finishing touches of your animation. 
Demonstration: Creating traffic lights (basic instructions can be found on last weeks blog)




MovieClip Revision
Create an animation of a bouncing ball using movieClips. 




Finished? If you have finished and uploaded your work, practice your animation skills on a project of your choice. Ask for assistance if you need help.