Week 13 - Rotoscoping

Survey

Complete the following survey by the end of todays session -http://survey.rit.tafensw.edu.au/show_survey.aspx?PID=66


Discussion: Example of Rotoscoping:



Rotoscoped Animals:


Exercise: Create an animation of an ostrich walking (walk cycle)

1. Download the following images or locate them on the local public drive (if you are in class)
• Ostrich Walk - 1
• Ostrich Walk - 2
• Ostrich Walk - 3
• Ostrich Walk - 4
• Ostrich Walk - 5
• Ostrich Walk - 6
• Ostrich Walk - 7
• Ostrich Walk - 8
• Ostrich Walk - 9
• Ostrich Walk - 10
• Ostrich Walk - 11
• Ostrich Walk - 12
2. Import the images to the stage as a sequence (import the first image and flash will locate the rest)
3. Lock the layer of photos
4. Create a new layer for the each of the following 'left leg', 'right leg', 'body', 'neckAndHead'
5. Convert the frames of each layer to 'blank keyframes'
6. Begin tracing over each body part for each frame of the animation (its a good idea to use different colours for the legs so the action is clearer to understand.  Make the leg furthest from camera slightly darker)
7. Once you are finished, delete the photo layer and play it!

Further Reading: Importing Video to flash for Rotoscoping

Week 12 - Create a Website in Flash

Demonstration: Button Revision and Timeline Control


Exercise: Use your existing knowledge and skills to create a basic website in Flash.

•  You will need to create to create at least two buttons for navigation that allow you to swap between the pages. 
•  If you get time, apply some interesting rollover effects. 
•  Change the content on each page to make it obvious that you navigation is working.

If you are finished creating your website, you can commence creating a 'rotoscoped' animation (see next weeks post)

Week 11 - Interactivity & Buttons (continued)

Welcome back after the break!
Today we will be continue looking at Buttons in Flash.  We will start with some revision and then move onto the following exercises:


Exercise #1: Control a ball moving up, down, right, and left using button controls.  Each button will simply go to a frame that plays an animation of the ball moving in the relevant direction and returning to its original position.

Exercise #2: Apply a rollover effect by changing the hover state of the button


Once you have completed the above exercises, we will experiment with using Actionscript (AS2) to create animated rollOver (hover) effects on buttons.

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:

• Buttons - Flash Tutorial: Basic Button Properties
• Interactive Example - Jordan: History of Flight

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.

Week 8 - Layer Masks

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

Demonstration: How to create a layer mask in Flash

Resource: http://www.entheosweb.com/Flash/masking.asp

Exercise: Create your own animation using layer masks.

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.