3.02 Computer Animation Software and Design Guidelines

Slides:



Advertisements
Similar presentations
2.02D Computer Animation Software and Design Guidelines
Advertisements

INTRODUCTION TO ADOBE FLASH CS4
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Introduction to Macromedia Flash 8
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
3.02 Computer Animation Software and Design Guidelines
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
3.02 Computer Animation Software and Design Guidelines
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Chapter 4 Creating Animations.
Creating Special Effects
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
CT1514.  What is Motion Guide Layer?  Controls the movement of objects in a Motion tween animation  How to create a Motion Guide Layer?  Click on.
Twenty Questions Multimedia and Webpage Design Twenty Questions
2.02 Develop Computer Animations Review By: Adam Garcia,Christian Brown, Richard Williams, Tyler Borden.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
© 2011 Delmar, Cengage Learning Chapter 4 Creating Animations.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
 Persistence of Vision-The way our eyes retain images for a split second longer than they actually appear, making a series of quick flashes appear as.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Introduction to Flash. A Metaphor Definitions Stage is the rectangular area where you place graphic content, including vector art, text boxes, buttons,
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.
Adobe Flash CS3 Chapter 1 Spring Adobe Flash Adobe Flash is a development tool that allows you to create compelling interactive experiences, often.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Chapter1 The flash interface and action script 3.0.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
 Motion Tween allow us to move a shape on the stage from one place to another.  In order to use motion tween, the shape to be moved must be converted.
CDM105 Session 8 Macromedia FLASH MX 2004 Part 1 : The Interface, Drawing graphics, Symbols, Layers and Frame-by-frame animation 1 CDM105 Session 8.
Creating a movie clip.
2.02F Adding and Animating Text in Computer Animations
Tutorial 3 Creating Animations.
Frame(GIF) and Vector Animation
Creating Special Animations
Frame(GIF) and Vector Animation
Tutorial 3 Creating Animations.
Flash Interface, Commands and Functions
Computer presentation
Chapter Lessons Understand the Macromedia Flash workspace
CT1514 Flash-2.
Frame(GIF) and Vector Animation
Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.
INTRODUCTION TO ADOBE FLASH CS4
Animate Some more advanced concepts
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
MWD Objective 2.02 Ready?.
Final Study Guide Arts & Communications.
Develop Rich Internet Content and Applications
Let Flash do Guessing at Animation for you.
2.02D Computer Animation Software and Design Guidelines
Exercise 64 Use the Flash Movie Explorer to examine the contents of an application to quickly locate specific elements such as instances. Use the Movie.
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Flash Demonstration – Unit 5 – ActionScript 3.0
Adobe Flash CS3 Revealed
Presentation transcript:

3.02 Computer Animation Software and Design Guidelines 3.02 Explain basic motion graphic programming.

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 Short for in-betweening, the process of generating intermediate frames between two images to give the appearance that the first image evolves smoothly into the second image. 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