2.02D Computer Animation Software and Design Guidelines 2.02 Develop Computer Animations

Common Terms in Animation Software Stage Library Timeline Frame Keyframe Playhead Frames per Second Layers

Stage The part of the animation program window where the animation’s content is composed and manipulated.

Library Stores frequently used graphics, movie clips, and buttons.

Timeline The part of the animation program window that organizes and controls an animation’s content over time using layers and frames. In video-editing software, where source clips, transitions, and audio files are arranged to create the video. Link to flash interface: http://iit.bloomu.edu/vthc/flash/mainlayout.html Link to flash timeline: http://iit.bloomu.edu/vthc/flash/Timeline.html

Parts of the Timeline

Frames Frames hold the content that the movie displays or plays at that point in time. The number of frames determines the length of the animation. The higher the number of frames, the longer the animation.

Regular Frames Contain one image or frame. Regular Frame

Keyframes Shows where the key (most important) actions occur. Shows where tweening will occur. Keyframes Image used with permission from http://facweb.cs.depaul.edu/sgrais/creating_a_motion_tween.htm

Playhead Vertical red marker in the timeline that shows which frame is the current frame.

Scrubbing Dragging the playhead across the timeline in order to preview the animation.

Frames Per Second (FPS) The number of frames that appear in one second of the animation.

Frames Per Second (continued) If the animation program creates movies at 12 fps (frames per second) by default, inserting a keyframe and change once every 12 frames results in a change in action for every second. A project with 60 frames results in a 5-second movie.

Layers Timeline is divided into layers to help organize content and allow the different layers to be edited separately. Sound would be on a separate layer. Text would be on a separate layer. A motion path would be on a separate layer. Layers

Motion Guide Layer Layer on which a motion path is drawn. Objects on different layers can be linked to the motion layer so they will follow the motion path. Once linked, they become “guided layers” Multiple objects can be linked to one motion layer. Text layers can also be linked to a motion layer. Motion Guide Layer

Screenshots from Different Animation Software Packages Teacher Note: Have the students identify the different parts of the screens for the different software packages.

Flash This Image has been used with permission from: http://glennward.co.uk/2009/09/1-1-introduction-to-adobe-flash-the-workspace-and-tools/

Synfig Image created by Ricardo Graça and used with permission from: www.ricolandia.com

Autodesk 3ds Max This image used with permission from: http://www.softpedia.com/progScreenshots/3D-Studio-Max-Screenshot-15976.html

Guidelines For Designing Frame-by-Frame Computer Animations

Guidelines For Designing Frame-by-Frame Computer Animations Insert keyframes at each change in the action Content on keyframes can be changed by: Adding and deleting objects. Replacing one object with another. Moving objects, resizing, or rotating objects. All these actions simulate some kind of motion or action.

Guidelines For Creating Frame-by-Frame Animations (continued) Add a keyframe at the point where the animation will stop. Allow sufficient time for the image to be viewed after the final content change. For example, if a new graphic is inserted at frame 35, place the final keyframe at frame 50 to allow time for the display of the final graphic.

Copyright Laws

Copyright Laws Purpose Fair use situations Public domain material *Copyright laws protect the right of intellectual property and access to possible monetary rewards for owners, which should encourage creativity. *Fair use situations apply to use in news reporting, parody, research, and education. *Public domain material do not have a copyright for the possible following reasons: no copyright issued, copyright expired, or it was not renewed. *Check out website http://www.ccsj.edu/blackboard/BB%20Copyright_Fair_Use.pdf for more information on copyright laws and multimedia.

Review Parts of Computer Animation Software Parts of the Timeline Stage Library Timeline Parts of the Timeline Frame Keyframe Playhead Frames per Second Layers

Review (Continued) Guidelines for Designing Animation Insert keyframes at each change in the action Change keyframes by: Adding and deleting objects. Replacing one object with another. Moving objects, resizing, or rotating objects. Add a keyframe at the point where the animation will stop. Allow sufficient time for the image to be viewed after the final content change.