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.
Layout Library Story line Preview screen Tool selection menu.
Jeopardy Part1Part 2Part 3Part 4 Part 5 Q $100 Q $200 Q $300 Q $400 Q $500 Q $100 Q $200 Q $300 Q $400 Q $500 Final Jeopardy.
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.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
Digital Graphics & Animation
3.02 Computer Animation Software and Design Guidelines
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Chapter 4 Creating Animations.
Creating Special Effects
4-1 OBJ Copyright 2003, Paradigm Publishing Inc. Creating Animation and Guidelines for Flash Project Design Macromedia Flash Design & Application.
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.
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
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.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
© 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.
WORKING WITH SOUND & VIDEO CHAPTER 7 PART I. USING SOUNDS Mp3 & WAV files Drag the sound files from the Library panel onto Stage at different points along.
1 Flash Basics by Dr SC Li. 2 Ordinary Movie vs. Flash Movie AnimationVector GraphicsInteractivity MPEG MovieFlash Movie.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween animation.
Windows Movie Maker Lesson 2 Adding Titles, Transitions, and still pictures to Movie Maker.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Getting Started with Flash Chapter 1 Understand the Flash workspace Lesson 1.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
1 PowerPoint Lesson 1 PowerPoint Basics Microsoft Office 2013: Introductory Pasewark & Pasewark.
Creating a movie clip.
2.02F Adding and Animating Text in Computer Animations
Tutorial 3 Creating Animations.
Tutorial 3 Creating Animations.
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
Computer presentation
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
INTRODUCTION TO FLASH ANIMATION
MWD Objective 2.02 Ready?.
Let Flash do Guessing at Animation for you.
2.02D Computer Animation Software and Design Guidelines
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 created 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 A frame is one individual image in an animation. 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

Layers Timeline is divided into layers to help organize content and allow the different layers to be edited separately. Allows more control over different elements such as sound and text Sound would be on a separate layer. Text would be on a separate layer. A motion path would be on a separate layer. Layers

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

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.

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