Milligan Project 2

April 11, 2012 |  by  |  Project Two, Student Work

Rationale of Animation Technique:

I want my project to have a scrapbook feel  – as if items are being painted in. Each scene first requires the user to click on the drip. A line is drawn and the entire scene will slides over. This offshoot of Scene 1 will be a video of my hands scrapbooking pictures, which will have some interactivity (not yet included). Once the user leaves the video by clicking on another drip on the scrapbook (not included – as a placeholder, click on the line to make the arrow appear) they are brought back to the main part of Scene 1 in which an arrow (with text) appears. Once you click the arrow, the circle animates to a new position and Scene 2 begins. Like Scene 1, a drip first appears. When you click on the drip, a line is animated that brings the user to an offshoot of Scene 2, which is another video. Once the user leaves the video and is back on the main part of Scene 2, an arrow (with text) appears that – when clicked – again moves the circle to a new position. Once in this new position, Scene 3 begins. The drip appears. When clicked, the line appears and brings the user to the offshoot of Scene 3, the final video. Once the user leaves the video, they are brought back to the main part of Scene 3 and an arrow (with text) appears that brings the user back to the beginning. I wanted the user to be forced to follow the “path” of Peter’s life by traveling along the circle. Because of this, there is no way to get back to Scene 1 without going through Scene 2 and Scene 3.

For a better idea of how the “offshoots” of Scenes 1,2, and 3 work, a PSD file is included in the ZIP.

List of Tutorials Used:

Photoshop Masking and Compositing: Fundamentals

Flash Professional CS5 Essential Training – esp. Chapters 10 (Working with Motion Tweens), 19 (Adding Interactivity with ActionScript)

ActionScript 3.0 in Flash Professional CS5 Essential Training

Movie Clip As Button Tutorial

Greensock – TweenMax – esp. onComplete

 

Milligan Project 2 ZIP