Computer Graphics Imaging Ying Zhu Georgia State University

Slides:



Advertisements
Similar presentations
Tutorial 4 Creating Complex Animations. XP Objectives Modify an animation’s motion path Modify motion tweens using the Motion Editor Create an animation.
Advertisements

Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.
Sketchify Tutorial Graphics and Animation in Sketchify sketchify.sf.net Željko Obrenović
Basic Manipulations / Transformations Nomar Arredondo & Michael Sexstella B L E N D 3 RB L E N D 3 R With There’s SPARKY!!
A Prezi presentation is like creating a mind map. It is created on a blank canvas and you decide where the information goes on this canvas.
Adobe Illustrator CS2 — Revealed GRADIENTS CREATING TEXT AND.
Modeling and Animation with 3DS MAX R 3.1 Graphics Lab. Korea Univ. Reference URL :
Creating Special Effects
EEC-693/793 Applied Computer Vision with Depth Cameras Lecture 13 Wenbing Zhao
Main Navigation  Similar to Unity 3D  Unlike Unity it is a right handed coordinate system  Used to determines whether a positive rotation is clockwise.
© 2010 Delmar, Cengage Learning Chapter 2 Working with Text and Gradients.
Business and Computing Deanery 3D Modelling Tools Week 13 Animation.
1 Flash Basics Exercise Guide Making Animated Text  1.1 Open Flash 5.0 working environment frame 1  1.2 Highlight frame 1 of the first layer Insert.
Business and Computing Deanery 3D Modelling Tools Week 14 – Animating cameras.
ADOBE INDESIGN CS3 Chapter 4 WORKING WITH FRAMES.
 The terms LMB, MMB, RMB, and mouse wheel (MW).
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 29 Soft Bodies and Rigid Bodies.
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.
Computer Graphics Imaging Ying Zhu Georgia State University Lecture 19 and 20 Character Animation with Armature.
Creating a movie clip.
Lectures 4 and 5 Scene Management Basic Modeling Techniques
EEC-693/793 Applied Computer Vision with Depth Cameras
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,
Computer Modeling Fundamentals Using Inventor
Computer Modeling Fundamentals Using Inventor
Computer Graphics Imaging
Computer Animation Ying Zhu Georgia State University
Computer Animation Ying Zhu Georgia State University
EEC-693/793 Applied Computer Vision with Depth Cameras
Learn Animations in Fireworks
Flash Interface, Commands and Functions
Computer Animation Ying Zhu Georgia State University
Computer Animation Ying Zhu Georgia State University
3.02 Computer Animation Software and Design Guidelines
Introducing Blender.
Computer Graphics Imaging Ying Zhu Georgia State University
Computer Animation Ying Zhu Georgia State University
Prezi.
Assignment 8 Chess Game.
Introducing Blender.
EEC-693/793 Applied Computer Vision with Depth Cameras
Computer Modeling Fundamentals Using Inventor
Introducing Blender.
Computer Graphics Imaging Ying Zhu Georgia State University
NOTES for S1. Start by drawing a LINE. Move MOUSE POINTER (MP) over INSERT TAB of TOP MENU and Left.
Economist Report (Advanced)
NORMA Lab. 2 Revision: Unary and Binary Fact Types Ternary Fact Types
Computer Animation Ying Zhu Georgia State University
Computer Animation UV Mapping.
Key Applications Module Lesson 12 — Word Essentials
Computer Animation Texture Mapping.
Computer Animation Ying Zhu Georgia State University
Computer Graphics Imaging Ying Zhu Georgia State University
Computer Graphics Imaging Ying Zhu Georgia State University
European Computer Driving Licence
对 话 无 界 限 “对话是两个集合出现交集的一个刹那。” “对话是发现共同点的捷径。”.
EEC-693/793 Applied Computer Vision with Depth Cameras
Computer Animation Ying Zhu Georgia State University
Key Applications Module Lesson 12 — Word Essentials
Open the saved project.
University of Warith AL-Anbiya’a
Computer Modeling Fundamentals Using Inventor
Computer Animation Ying Zhu Georgia State University
Computer Animation Ying Zhu Georgia State University
Presentation transcript:

Computer Graphics Imaging Ying Zhu Georgia State University Lecture 18 Path Animation

Path animation Make an object follow a path Path animation steps Benefit: may save the time of key framing Path animation steps Create a path, give it a name Select the object Add a “Follow Path” constraint to the object Adjust parameters so that the object is aligned with the path orientation Use “Speed” curve to control the path animation speed

Create a path In 3D view, press Space bar, add Curve  Path You can also add a Bezier curve and then make it a path Give the path a meaningful name To extend a path Go to Edit mode, select an end point on path Either press E key (to extend), or ctrl + LMB Can manipulate a path like any Bezier or NURBS curve

Create a path In Editing (F9) panel, under “Curve and Surface”, you can change the number of frames for the path in “PathLen”

Add constraint Select Object, in the Object (F7) panel, add a “Follow Path” constraint In “Target OB” field, type in the name of the path Press “CurveFollow” button

Align object with the path Press N to bring up the “Transform Properties” window Set LocX, LocY, and LocZ to 0.0, 0.0, 0.0 Set RotX, RotY, and RotZ to 0.0, 0.0, 0.0 This is important. Otherwise, the object may not be placed on the path. In the “Constraint” panel, select the appropriate “Fw” and “Up” axis so that the object is aligned with the path For example, the front end of the object should point to the forward direction of the path

Control the speed of path animation By default the object will travel on the path at the same speed You can add a Speed curve to vary the speed of path animation For example, slow down the animation for uphill motion and speed up the animation for downhill motion (e.g. a roller coaster)

Speed curve Select the path in the 3D view Go to IPO Curve editor, set IPO type to Path (default is Object), you’ll see a Speed curve The vertical axis represents the percentage of the path 0.2 means 20% of the path, 1.0 means 100%, etc.

Speed curve How to speed up the animation for certain segment of the path? Drag the green vertical line to find the percentage number for the start point and end point of the segment Add key points on the Speed curve for the start and end point of the segment In edit mode, move these two key points closer to each other along the horizontal axis (don’t change their vertical values) This means that it takes fewer frames to cover this segment of the path

Speed curve How to slow down the animation for certain segment of the path? Drag the green vertical line to find the percentage number for the start point and end point of the segment Add key points on the Speed curve for the start and end point of the segment In edit mode, move these two key points away from each other along the horizontal axis (don’t change their vertical values) This means that it takes more frames to cover this segment of the path

Rotate the object on the path You may want to rotate the object at certain point of the path Play the animation with right arrow () key until the object reach the target location Select and rotate the object Press I to insert a key frame, and so on …

Camera path animation You can animate a camera along a path to create dramatic camera motion The process is the same as path animation with an object Create a path Add a “Follow Path” constraint to the camera Press N, set LocX, LocY, LocZ to all 0, set RotX, RotY, RotZ to 0 Give camera an aim to track to (usually an empty object)