Lesson 09 - Actions and Interactions
 
Lesson 9
Reading

REQUIRED:

  • Foundation Flash MX
    Read and do the work for the "Advanced Animation and Commands"(MX 2004 edition) and the "Actions and Interactions"(MX & MX 2004 edition) .

 

Lesson 9
Practice Work
  1. Start Flash
  2. Save the file as TWEEN1
  3. Set the Width to 300px the Height to 200px, leave the background as white.
  4. Rename the layer to "shapetween"
  5. Create a circle shape in the upper left corner of the stage, approximately 50 pixels by 50 pixels
  6. Insert a keyframe at frame 10, delete the circle shape and replace it with a square shape, move it to the horizontally to the center of the stage
  7. Insert a keyframe at frame 20, delete the square shape and replace it with a circle shape that has a different fill pattern than the circle shape in frame 1, then move it to the upper right corner of the stage.
  8. Return to frame 1 and use the frame panel to create a shape tween.
  9. Return to frame 10 and use the frame panel to create a shape tween
  10. Add a new layer and rename it "motiontween"
  11. Create a circle shape at the center of the stage and group the shape
  12. Add a keyframe at frame 20 and move the circle shape slightly to the right.
  13. Return to frame 1 and use frame panel to create a motion tween.
  14. Add a guide layer to the motiontween layer, by right-clicking over the motiontween layer and clicking on Add motion guide
  15. On the Guide layer use the oval tool to create an empty circle that the motion tween will follow. (use the image below as a reference)
  16. Use the eraser tool to make a break in the circle.
  17. Return to frame 1 of the motiontween layer and "snap" the circle shape to the beginning of the circle
  18. Return to frame 20 of the motiontween layer and "snap" the circle shape to the end of the circle
  19. Hit Enter on your Keyboard to see the animation
  20. Save the File and compare to the image below

    with onion skin turned on

 

Lesson 9
Assignment
  1. Create a new file and use the necessary tools to replicate the image below.

    Screenshot with Onion Skin turned on


    actual animation (.swf file)

  2. You will need to use the rotation tool to have the blue arrow properly rotate throughout the motion tween.
  3. You will need to use the rotation tool as well as the "orient to path" option for the red arrow tween that uses the motion guide.
  4. The shape tween should remain centered and tween from a circle shape to a square shape back to a circle shape, with the square shape also having a different fill pattern.
  5. Movie Properties
    • Movie Width: 400px
    • Movie Height: 275px
  6. Save the file as CIS120DC09

Send in Your Assignment to be Graded

After you have read these instructions, click on the link "Submit my assignment for grading" below. This will create a message for you to use to send in your assignment to the CIS120DC grader. It already will have the message address and the subject line filled in. DO NOT CHANGE THE ADDRESS OR THE SUBJECT LINE. Enter the following required information as the message text:

  • your full name
  • your palette account username
    • If you do not know your palette username, use your student ID card at a palette account lookup station in HTC1 or HTC2. If you are off campus, call the Student Help Desk at 623.845.HELP (4357) or send an email message to student-helpdesk@student.gc.maricopa.edu to request your palette username.
  • you email address
  • course section number
  • Attach the CIS120DC09.FLA file to the email.

To review, watch the How to submit your assignment for grading video (RealPlayer - 685kb)
*If you do not have RealPlayer, you can install it from the CD in your book

Only by following this process can you be guaranteed that your assignment will get graded and the score recorded correctly.

Submit my assignment for grading

 


  Back to Top