CAT Project (Computer Aided Tweening) Andrew Yurovchak.

Slides:



Advertisements
Similar presentations
2.02A History of Animation 2.02 Develop Computer Animations.
Advertisements

Multimedia Authoring1 Animation What is Animation Animation is defined as the act of making something come alive. It is concerned with the visual or aesthetic.
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.
Unit 6 – Multimedia Element: Animation
Flash animation For beginners. Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation.
Computer Animation 2D Animation.
Computer Graphics Lab Electrical Engineering, Technion, Israel June 2009 [1] [1] Xuemiao Xu, Animating Animal Motion From Still, Siggraph 2008.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
3.02 Computer Animation Software and Design Guidelines
FLASH Introduction to Animation. Review: Intro to Computer Operation Information Technology Vocabulary Computer Hardware Motherboard CPU and Memory Peripheral.
Chapter 8 – Part I Interactive Multimedia Authoring with Flash: Animation “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800.
By :Juanita R. Martinez.  Competency 002: B Demonstrates knowledge of basic concepts related to computer animation.
BASIC CONCEPS OF ANIMATION The presentation source: Department of Educational Multimedia Faculty of Education, UTM MPT 1383: VIDEO AND ANIMATION TECHNOLOGY.
The Fundamental Principles
3.02 Computer Animation Software and Design Guidelines
Computer Animation Thesis “brief” Vic, CS 288, 10/22/98.
1 © Netskills Quality Internet Training, University of Newcastle Flash 8: Animation Techniques © Netskills, Quality Internet Training, University of Newcastle.
Graphics: Creating Images Chapter 8, Exploring the Digital Domain.
MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - GRAPHICS. In this chapter how the computer creates, stores, and displays graphic images how the computer creates,
Animation Techniques Guilford County SciVis V
Web Design Vocab 9 Palette, QuickTime, Tweening, Typography, XHTML.
FLASH LESSON 2: MOTION TWEEN EFFECTS MOTION GUIDE TEXT ANIMATION
Business and Computing Deanery Multimedia Week 6 Animation.
Animation Ann Ware.
WMD Creating Animations Flash-5 Zhou Hong. Contents Review 1 Frame Types 2 Frame-by-Frame Animation 3 Action & Shape Tweening 4.
Week Rob Pooley Basics of animation and Flash Lecture 1 F27EM1.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 8 This presentation © 2004, MacAvon Media Productions Animation.
Flash Macromedia Flash Introduction. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are made up.
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.
2D ANIMATION. Project Requirements Creation of basic bouncing ball Creation of an individual animation –Storyboard –Drawings/Digital frames –Export.
® 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.
 The creation of moving pictures one frame at a time Literally 'to bring to life' e.g. make a sequence of drawings on paper, in which a character's position.
Animation. History Photography around since the 19th century Realistic animation began in 1872 when Eadweard Muybridge settled a bet about a flying horse.
Flash Flash. It’s components and usage. New generation of web- design  Definition Multimedia technology developed by Macromedia to allow much interactivity.
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
Multimedia Animation. Animation Principles Persistence of vision object seen by human eye remains mapped on retina for a brief time after viewing display.
What is animation? Animation is the rapid display of a sequence of images in order to create an illusion of movement.
Autodesk VIZ Fundamentals Chapters 1-2 Ethier and Ethier PART ONE: Introduction To Computer Animation Chapters 1&2: Introduction to Three- Dimensional.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.
College of Computer and Information Science, Northeastern UniversityNovember 22, CS U540 Computer Graphics Prof. Harriet Fell Spring 2007 Lecture.
INTRODUCTION TO FLASH CS5 Understanding the Workspace (Review: Animation Key Terms)
Animation Lecture 8 Razia Nisar Noorani. Animation The rapid display of a sequence of images of 2-D or 3-D artwork or model positions in order to create.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
Chapter 18 Working with Animation, Video, & Photography.
Flash animation For beginners. homework Your homework is over two weeks so please write in each week of your planner for the next two weeks For homework.
Zhang & Liang, Computer Graphics Using Java 2D and 3D (c) 2007 Pearson Education, Inc. All rights reserved. 1 Chapter 11 Animation.
CISC 110 Day 3 Introduction to Computer Graphics.
Unit 7 – Desktop Publishing Animation Animation Skills Lesson – Overview of Adobe Flash Canvas TimeLine Tools Properties.
INTRODUCTION TO FLASH Flash is used for: Animated movies Games Website Interface (Headers, Navigation Bar buttons)
Flash Animation By Kaotip and Victoria. COLOUR TWEEN ON FLASH.
Ann Ware. A simulation of movement or the perception of motion created by displaying a series of pictures or frames.
Sci Vis I Exam Review Unit 6 Animation. Created when still images are played in rapid succession so that they appear to produce images that are constantly.
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Animation in flash. Frame-by-Frame Animation An animation is made from a series of framed images displayed one after the other to create the motion. Flash.
Feature Film Production Using 3D Computer Animation.
3.02 Explain basic motion graphic programming.
3.02 Explain basic motion graphic programming.
Scientific Visualization V106.04
Pre-Production Determine the overall purpose of the project.
Flash animation For beginners.
3.02 Explain basic motion graphic programming.
3.02 Explain basic motion graphic programming.
3.02 Explain basic motion graphic programming.
PRODUCTION PHASES CHANGES
Image Morphing using mesh warp and feature based warp
Presentation transcript:

CAT Project (Computer Aided Tweening) Andrew Yurovchak

What the hell’s tweening? Comes from the term in-betweening, the process by which an intermediate frame of animation is created by using two “key frames” (usually drawn by the head artist) as references to create smoother animation. CAT’s goal is to steal the human tweener’s job by automating (to the greatest degree possible) the process of interpolating frames.

Program Organization Two main components: CAT and the Server

Feature Descriptions CAT File – simplified model of picture used for tweening Format Extractor – converts an image into a CAT file Drawing Pad – allows the creating of CAT files directly Player – displays the animation sequence created with tweened frames at a given frames per second Tweener – core of the program, configures the point arcs that ultimately determine the interpolated frames Server – used to store and organize frame sequences, CAT files, and tweening data among different animators

Technical Target Somewhere between shape tweening and morphing Motion tweening: Shape tweening: Right about here Morphing:

Phase Progression For each phase CAT should be able to draw, extract, tween, and play the following: 1. Lines 2. Arcs 3. Colors

Implementation CAT: Java/swing CAT files: XML Server: Wishful thinking/force of will