Animation

Computer animation - is the art of creating moving images via the use of computers. It is a subfield of computer graphics and animation.

• • • • • To create the illusion of movement, an image is displayed on the computer screen then quickly replaced by a new image that is similar to the previous image, but shifted slightly. This technique is identical to how the illusion of movement is achieved with television and motion pictures.

        •  With computer animation, objects are moved by the animator one frame at a time. 

Assignment

• • • • You will create a short animated video. 

      • Use Photoshop to prepare your transparent photos and then creating your animation in Adobe Animate.

Lesson

• • • • Scenes

Getting Started

• • • • Create a New Animate Document

        • • • Select HD 1,280 x 720 from the Presets 

            • Change the Frame Rate to 24

            • Make sure the Platform Type is Flash ActionScript 3.0 

      • The animation must have a theme, topic, or storyline.

      • Include a title, animated scenes, and end credits. 

      • Save your work often.

      • There is no set time your animation needs to be. It's quality over quantity.

      • You'll have between 5-7 classes to work on this.
        
        

Animate Shortcuts

• • • • F5 – Insert a blank frame - Extend your animation over multiple frames without changes

      • F6 – Insert a keyframe 

      • F7 – Insert a blank keyframe

      • ( . ) - move over a frame to the right.

      • ( , ) - move over a frame to the left.

      • ENTER - Plays your movie in the timeline

      • CTRL + ENTER – Previews your final movie (also creates an .swf file)

      • SHIFT + F5 - Removes frames

      • SHIFT + F6 - Removes keyframes

      • Create new layers for each new object in your animation.

      • Use scenes to break up your animation into manageable chunks Insert > Scene.

      • To display the scene panel: Window > Other Panels > Scene. 

      • Motion Tweens need to be converted to symbols

Exporting your animation

• See Note on Exporting Your Animation

Examples