Animation. Basic Concepts



Similar documents
Develop Computer Animation

CURRICULUM MAP. Web Design I Mr. Gault

Teacher: Date: Test: 9_12 Business and IT BD10 - Multimedia and Webpage Design Test 1

Flash MX 2004 Animation Lesson

OCR LEVEL 3 CAMBRIDGE TECHNICAL

MMGD0203 Multimedia Design MMGD0203 MULTIMEDIA DESIGN. Chapter 3 Graphics and Animations

FLASH. Mac versus PC. Pixels versus Vectors Two kinds of images are in the digital world: bitmaps and vectors:

CURRICULUM MAP. Web Design II Mr. Gault

Flash Tutorial Part I

Working With Animation: Introduction to Flash

GRC 119 Assignment 6 Create a Flash Animation Banner Ad

Adding Animation With Cinema 4D XL

Flash MX Image Animation

The Rocket Steam Locomotive - Animation

Overview of the Adobe Flash Professional CS6 workspace

Maya 2014 Basic Animation & The Graph Editor

Fireworks 3 Animation and Rollovers

MovieClip, Button, Graphic, Motion Tween, Classic Motion Tween, Shape Tween, Motion Guide, Masking, Bone Tool, 3D Tool

Chapter 6: Project Planning & Production

Sponsorship Technical specification

Digital Video-Editing Programs

Motion tween is nothing but tweening a Symbol's movement from one position to another.

Advanced Layer Popup Manual DMXzone Advanced Layer Popup Manual

Adobe Creative Suite: Introduction for Web Design

Creative Cloud for Web Design

GRC 119 Assignment 7 Create a Flash Animation Banner Ad

RARITAN VALLEY COMMUNITY COLLEGE ACADEMIC COURSE OUTLINE. ARTS 248: Designing Motion Graphics

MODELING AND ANIMATION

Certificate Courses in Animation

Creating a Flash.swf animation

Chapter 5 Multimedia Software

Unit Dimension 234 x 60 Flash Version Flash 10/AS KB maximum file size. Flash Version Flash 10/AS 3.0

New Paltz Central School District Technology Computer Graphics 1 and 2. Time Essential Questions/Content Standards/Skills Assessments

Figure 3.5: Exporting SWF Files

Web Design Scope and Sequence Student Outcomes (Objectives Skills/Verbs)

San Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601

Advanced multimedia: Digital media in Technology subjects. Participant workbook

Blender Notes. Introduction to Digital Modelling and Animation in Design Blender Tutorial - week 9 The Game Engine

SYLLABUS & COURSE OUTLINE

Chapter 3: Animation. Creating Frames and Keyframes. After completing this module, you ll be able to:

WEST JEFFERSON HILLS SCHOOL DISTRICT THOMAS JEFFERSON HIGH SCHOOL DIGITAL DESIGN GRADES

Tutorial 13: Object Animation

Chapter 3 Input Devices

Anime Studio Debut 10 Create Your Own Cartoons & Animations!

Course Title: Multimedia Design

Recipes4Success. Animate a Rocket Ship. Frames 6 - Drawing Tools

Unit 21 - Creating a Button in Macromedia Flash

VIRGINIA WESTERN COMMUNITY COLLEGE

SketchUp Instructions

LAMBDA CONSULTING GROUP Legendary Academy of Management & Business Development Advisories

Using PowerPoint s Advanced Features. What Are Advanced Features? Basic Skills:

Functions of Software Programs

Tutorial for Tracker and Supporting Software By David Chandler

Creating Hyperlinks & Buttons InDesign CS6

Video, film, and animation are all moving images that are recorded onto videotape,

Create a new file/canvas to work with by going to the file menu and selecting new.

Within minutes you can transform your high-resolution digital image in to a DVquality movie that pans, zooms and rotates the once-still image.

CREATE A 3D MOVIE IN DIRECTOR

Designing and animating characters in Flash Part 1: Drawing tools and symbols Adobe Developer Connection

How to build text and objects in the Titler

THINKDIGITAL. ZOO Ad specifications

South Plainfield Public Schools Web Design Scope and Sequence of Curriculum Grade Date August 2011

Web and Interactive Media Design ms321 (2012/13) - Course Outline -

Adobe Dreamweaver Exam Objectives

The Keyboard One of the first peripherals to be used with a computer and is still the primary input device for text and numbers.

Revision Number: 1. CUFANM301A Create 2D digital animations

Chapter 1 Learning to Program With Alice

ADVERTISING SPECS. Base File Weight

1. INTRODUCTION Graphics 2

Quick Start Tutorial Imperial version

INDUSTRY BRIEFS FOR CREATIVE imedia

Information Technology Systems (2012)

What is Multimedia? Derived from the word Multi and Media

L2 Unit 21: Creating computer graphics (2010)

CG: Computer Graphics

Desktop Publishing. Specialized Application Software. 1 Chapter 4. 2 Introduction

IV. Student Performance Objectives: Upon successful completion of this course, the student will have met the following objectives:

Animation in ArcMap Tutorial

Introduction... Learn to insert event sounds and streaming sounds and to change the effects for a sound... 69

OPERATING INSTRUCTIONS Nikon TiE Deconvolution Microscope CCRB 1-220G

Anime Studio Debut vs. Pro

Web Design Specialist

QuickTimePro creating movies from frames

Adobe Illustrator CS6 Tutorial

MULTI-MEDIA AND THE COMPUTER GRADES THE EWING PUBLIC SCHOOLS 1331 Lower Ferry Road Ewing, NJ 08618

OCR LEVEL 3 CAMBRIDGE TECHNICAL

Digital Advertising setup guide

Quick Start Tutorial Metric version

MassArt Studio Foundation: Visual Language Digital Media Cookbook, Fall 2013

TECHNICAL SPECIFICATION OF GAZETA.PL PORTAL'S ADVERTISING PRODUCTS

CERTIFICATE COURSE IN WEB DESIGNING

Transcription:

Animation Basic Concepts

What is animation? Animation is movement of graphics or text

Some common uses of animation include: Advertising o Example: Web site advertisements that are animated to attract attention Information o Example: Kiosk for directions or information Education o Example: Tutorials using animated graphics for demonstration

Uses of animation (cont.): Games oexample: Games using animation to simulate action Websites o Example: Animated navigation button that changes when the cursor passes over it (rollover)

Types/Categories of Animation: F B d (Fli b k) Frame-Based (Flip book) Animation of a series of continuous frames, where each frame shows the graphic moved slightly in position each frame to create a continuous motion when placed together with all frames.

Types/Categories of Animation (cont.): Vector (Path) Animation where the movement is defined by computer generated formulas to create paths of movement. o Small llfile size with clean images o Utilizes tweening of keyframes 2 Dimensional (2D) Animation exists in two dimensions. Has a flat look. o Example: Cartoons such as Scooby Doo, The Simpsons or Family Guy

Types/Categories of fanimation (cont.): 3 Dimensional (3D) Animation exists in three dimensions o Has depth, and more realistic in appearance o Example: Video games like Halo or Madden or 3D movies

Common Animation Formats: Animated GIF Animated GIF SWF MOV AVI

Animation Formats Animated GIF: Pronounced je-if.gif file extension A bitmap file format often used on the Internet A series of individual GIF frames joined together to create animation Used for small animations and low-resolution film clips Easiest way to create and view simple animations Supports frame-based animation

Animation Formats SWF: Pronounced swa if Pronounced swa-if.swf file extention The dominant format for displaying animated vector graphics on the Web Used in programs and games with Actionscripting

Animation Formats MOV: Pronounced moo v Pronounced moo-v.mov file extension Developed by Apple computers for Quicktime video player Also known as Quicktime movie or movie format Used for streaming

Animation Formats AVI: Pronounced a v i Pronounced a-v-i.avi file extension Developed by Microsoft computers for Windows media video player Not good for streaming

Editing Animation Animation editing programs have features for creating animations to include: Importing resources Importing resources Drawing Scaling (Resizing) Layering Keyframing Tweening Anchor point adjustment Transitions

Creating Animation: Importing resources Bring files or images into the animation software to animate Drawing Use of mouse or graphic tablet with stylus to sketch or draw images to animate Scaling (Resizing) Changing the size of the image in width and height

Creating Animation: Layering Technique used to separate images from other images. In order to make adjustments to individual items, each item must be on a separate layer. Keyframe Intermediate frames that blend so one appears to change into the next. The point were a change occurs in the animation.

Creating Animation: Tween Animation process, or change that occurs between keyframes. Anchor point Axis or point of rotation. Spot where rotation spins from. Transition Change from one scene to the next

Creating Animation Rollover Animation of two or more images that switch when the cursor moves over that image or navigation button Morphing Transformation of one thing into another

Virtual Reality: Animation technology that allows a user to Animation technology that allows a user to immerse and interact with an artificial, realistic environment

Animation Equipment Types of equipment utilized in animation: Cameras odigital photo ovideo ostop motion omotion picture C Computers o hardware and animation editing software

Animation Equipment Types of equipment utilized in animation (cont.): Scanners Drawing tablets Used to draw images and sketches with a stylus (pen) and tablet

Animation Review What Do You Need to Know? What is animation? How is animation utilized? What are the types or categories of animation? What are the types of animation file formats? Editing features of animation software Equipment used in digital animation