Computer Animation Ying Zhu Georgia State University

Slides:



Advertisements
Similar presentations
How to import and edit video clips in Windows Movie Maker
Advertisements

Animating Assembly Models and Exporting Video The Exploded Assembly Presentation can be animated to show how the components and subassemblies fit together.
Let’s Monkey Jam!. Free software we will use to create our animations: Monkey Jam Windows Moviemaker.
 Insert a picture from a file  Move and delete images  Use the Picture Tools tab  Add styles, effects, and captions to images  Resize photos  Use.
CSE 380 – Computer Game Programming Introduction ITS 102 – 3D Modeling for Games Blender's User Interface.
Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.
Powerpoint Pizzaz! Table of Contents: Linking to a WebPageAdding Narration Linking to a DocumentSlide Show Set Up Linking to Another SlideWord Art Adding.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Blender User Interface CSIS 5838: Graphics and Animation for Gaming.
UNDERSTANDING ADOBE FLASH. The Flash Interface  The flash interface provides you with:  A menu bar  Panels  A work area: stage.
Copy object PowerPoint Select the desired object with the left mouse button. To copy the object into the clipboard, press „Ctrl“ and „C“. To paste.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
Adobe Flash CS3 Revealed
Inserting an AutoShape. This is the “Drawing” toolbar, located at the bottom of the screen.
5-1 OBJ Copyright 2003, Paradigm Publishing Inc. Adding Sound, Video, and Basic Interactivity with Buttons Macromedia Flash Design & Application.
Blender 動畫基礎 I Timing, Moving, Rotating and Scaling.
MICROSOFT POWERPOINT (MICROSOFT POWERPOINT)
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
Syed ardi syed yahya kamal 2011 chapter five.  Creating in-between positions is still a hallmark of animation.  Using techniques called interpolation.
Microsoft PowerPoint Prepared by the Academic Faculty Members of IT.
SolidWorks Teacher Guide Lesson11 School’s Name Teacher’s Name Date.
Design Visualization Software Introduction / Review.
Computer Graphics Imaging Lecture 13 and 14 UV Mapping.
Computer Graphics Imaging Lectures 5 and 6 Scene Management Basic Modeling Techniques.
Computer Graphics Imaging Ying Zhu Georgia State University Lecture 30 Video Sequence Editor.
Computer Graphics Imaging Ying Zhu Georgia State University Lecture 26 Hair and fur.
Computer Graphics Imaging Ying Zhu Georgia State University Lecture 23 Walk Cycle, Action Editor, and NLA Editor.
Projection Content Creation USITT 2016 PDW. VIDEO EDITING WITH PREMIERE PRO.
Animations & Multimedia LESSON 9 #2.09 USING ANIMATION AND MULTIMEDIA.
Chapter 11 Enhancing an Online Form and Using Macros Microsoft Word 2013.
Introduction to Premiere Pro CS6
PowerPoint Presentation
Multi camera.
PowerPoint Grades 3-5.
Layers in Adobe After Effect
PowerPoint PowerPoint is used for creating slideshows that accompany speeches, lectures, or other types of presentations. Slides can include text, images,
“ – Attribution (Difficult) Animated snow scene
Lesson 6: Enhancing Presentations
Computer Animation Ying Zhu Georgia State University
Composition.
Computer Animation Ying Zhu Georgia State University
Computer Animation Ying Zhu Georgia State University
3.02 Computer Animation Software and Design Guidelines
Introducing Blender.
Chapter Lessons Understand the Macromedia Flash workspace
Computer Graphics Imaging Ying Zhu Georgia State University
Computer Animation Ying Zhu Georgia State University
Assignment 8 Chess Game.
Introducing Blender.
Introducing Blender.
Forging new generations of engineers
“Placeholder for a quote to be animated here.”
Computer Graphics Imaging Ying Zhu Georgia State University
Animating Assembly Models and Exporting Video
Computer Animation UV Mapping.
… a white peppermint world as far as the eye could see…
Computer Graphics Imaging Ying Zhu Georgia State University
Animated picture collection: left picture moves to front center
Computer Animation Ying Zhu Georgia State University
ALASKA How did the U.S. acquire Alaska?
Computer Graphics Imaging Ying Zhu Georgia State University
Introduction to PowerPoint
The work of moving ice Chapter 8 Animated snow scene (Difficult)
Computer Animation Ying Zhu Georgia State University
Using Animation and Multimedia
Open the saved project.
University of Warith AL-Anbiya’a
Lab 08 Introduction to Spreadsheets MS Excel
Edge Lights Tutorial Making the Light Shows.
Computer Animation Ying Zhu Georgia State University
Presentation transcript:

Computer Animation Ying Zhu Georgia State University Basic Animation Techniques

Key frame animation An animator creates, modifies and inserts key frames for important moments of an animation sequence Not necessarily at equal time interval Computer will generate (interpolate) frames between key frames Animator can not directly modify the in-between frames

The animation window configuration Blender has a pre-defined animation window configuration Outliner 3D view IPO curve editor Timeline Buttons window

How to insert a key frame? Specify the current frame number Right arrow key: advance 1 frame Left arrow key: go back 1 frame Up arrow key: advance 10 frames Down arrow key: go back 10 frame Or type in a specific frame number

How to insert a key frame? In 3D view, press I key to see the “Insert Key” menu Choose a parameter (or parameters) to record for the current key frame Loc(atation), Rot(ation), Scale, and their combinations … Can choose “layer” to do layer animation More about this later

How to insert a key frame? Move mouse cursor to the Shading (F5) panel, press I to see another “Insert Key” menu Choose “RGB” to animation color Choose “Alpha” to do alpha animation

How to insert a key frame? Remember the sequence Set frame number first Move the object (or change color/alpha) Press I to insert a key frame

How to play an animation? Press Alt + A in any window Drag the green line in the IPO curve editor Drag the green line in the Timeline window Press the play button in the Timeline window

How to render an animation? Go to Scene (F10) panel Set “Output” path This is where your animation files will be stored Set Sta(rt) and End frame numbers Set Format Choose PNG/TIFF/Jpeg if you want to create your video with a compositing software (e.g. MovieMake, After Effects, Shake, etc.) Otherwise, you may choose QuickTime, AVI codec, etc. Can also change image size, aspect ratio, frame rate, etc.

How to render an animation? Set image size percentage (optional) By default it’s 100% (full size) If you just want a quick preview, you may choose 75%, 50%, or 25%. Press the Preview button will set the size to 50% Press ANIM button Minimize the render window to avoid slowing down the rendering process Check video file under the “Output” path you just set Or press the “PLAY” button to play the video

Timeline See animation sequence on a time scale You can switch between frames and seconds Has VCR like buttons to play animation, fast forward, or rewind Can add markers to indicate important events on time scale Drag the green line to a certain frame (or second) Press M to add a marker Press Ctrl + M to name a marker (e.g. “jump”, etc.)

IPO Curve Editor In the IPO Curve Editor, you can see all the key parameters for key frames and the curves that interpolate the key parameters E.g. the LocX, or RotZ values for the key frames and the curves that interpolate them By default, IPO curves are Bezier curves. You can change them to linear or constant An IPO curve records the values of a parameter over the time frame of an animation sequence

IPO Curve Editor To modify an IPO curve Press Tab to enter edit mode Right click key frame point to select and then move it Right click key frame point handle to manipulate the curve (just like manipulating a Bezier curve)

IPO Curve Editor What can you do in IPO curve editor? Change key parameters by moving key frame points Insert (Ctrl + LMB) or delete (press x) key frame You can modify how the key parameters are interpolated by manipulating the curve Smooth IPO curves Clean IPO curves, etc.

IPO curve editor Different IPO types Object Material World Texture Shape, etc.

IPO curve editor How to make a cyclic motion repeats forever? Extend an IPO curve with “extend mode” Select “Curve”  Extend Mode Constant Extrapolation Cyclic Cyclic Extrapolation See the helicopter demo

IPO curve editor Most animations are recorded in the LocX, LocY, LocZ, RotX, RotY, RotZ curves You can use the Time curve to change the speed of the animation recorded in the other IPO curves A 45 degree slop: no change in speed A <45 degree slop: slow down the original motion A >45 degree slop: speed up the original motion An “up” slop: move forward An “down” slop: move backward

Layer animation You can use layer animation to make an object disappear and then (perhaps) reappear Suppose you want an object A to disappear from frame 50 to 60, and then reappear Set frame number to 49 Select A, press I and insert a “Layer” key (for frame 49) Set frame number to 50 Select A, press M to move A to another layer Switch to the new layer where A is now, Press I and insert a “Layer” key (for frame 50) Set frame number to 61, select A, move it to the old layer, Press I to insert a “Layer” key (for frame 61)

Alpha animation Use Alpha animation if you want an object to fade in and out For example, you want an object A to fade out from frame 50 and then fade in at frame 80 Select object A Move mouse cursor to the Shading (F5) panel, press I to open the “Insert Key” menu Choose “Alpha” to do alpha animation In the IPO curve editor, insert keys for frame 50, 60, 70, and 80. Change the value of key for frame 60 and 70 to 0.0 (which means A will be invisible between these two key frames) Go back to Shading panel, press “Ztransp” button or “Ray Transp” button You’ll see the effect in rendered video