Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.

Slides:



Advertisements
Similar presentations
Intro to Photoshop. Learn what is Photoshop Identify different Photoshop Work Areas Understand the use of Bridge and Mini-Bridge Learn how to open and.
Advertisements

Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.
Changing the anchor point for rotation, when keyframing in the Canvas Panel.
Keyframing in the Canvas Panel in Final Cut. Keyframing in the Canvas Panel We have already seen that we can set keyframes in the timeline panel in order.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX DRAWING IN.
Macromedia Flash MX 2004 – Design Professional Animations CREATING.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
CIS 205—Web Design & Development Flash Chapter 4 Creating Animations.
Text Boxes and WordArt Guided Lesson.
Transparency Transparency (alpha, opacity) defines a pixel color’s visibility in a layer Every element imported into AE contains an opacity channel If.
InDesign CS3 Lessons 1 and 2. Work Area When First Opened.
Chapter 3 Working with Symbols and Interactivity.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
Microsoft Word 2010 Chapter 1 Creating, Formatting, and Editing a Word Document with Pictures.
Dm11 – Flash Creating Animations Animations CREATING.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Chapter 4 Creating Animations.
Creating Special Effects
CDM105 Session 9 Macromedia FLASH MX 2004 Part 2 : Animation with Motion Tweening and Shape Tweening.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
Chapter Lessons Create frame-by-frame animations
Lesson 5: Applying Effects CMM204 – Digital Media Effects.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
Working with Symbols and Interactivity
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Rendering. Rendering is the process of computing frames of video and sections of audio so that they can be played smoothly in Final Cut Pro. Once rendered,
Filters and Blend Modes. Filters Filters are a method that processes the pixels of a graphic object to produce a specific visual effect Filters can only.
© 2010 Delmar, Cengage Learning Chapter 2: Drawing Objects in Adobe Flash.
Introduction to Flash. Topics What is Flash? What can you do with it? Simple animation Complex interactive web application, such as an online store. Starting.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
Tutorial 1 Introducing Adobe Flash CS3 Professional
Chapter 2 Drawing Objects in Adobe Flash. 1.Use the Flash drawing and alignment tools 2.Select objects and apply colors 3.Work with drawn objects 4.Work.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
EYEGLASSES SHINE EFFECT. IN THIS LESSON, YOU WILL SEE HOW TO APPLY SHINE EFFECT ON EYEGLASSES ON THE PICTURE USING THE COLOR MIXER PANEL AND MASK.
Adobe Flash CS3 Revealed
Getting to Know InDesign
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Refining Original Illustrations Lesson 9.
© 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.
Practical 1 (2012) Move actor around. Objective Able to move actor to walk forward to a particular position Able to move actor backward to the original.
Lesson 1: Introduction to After Effects CMM204 – Digital Media Effects.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
Lesson 6: Drawing, Painting and Puppetry CMM204 – Digital Media Effects.
PLACING AND LINKING GRAPHICS
Strategy Using Strategy1. Scan Path / Strategy It is important to visualize the scan path you want for a feature before you begin taking points on your.
Lesson 4: 3D Space CMM204 – Digital Media Effects.
Working with Shapes Guided Lesson. Objective  In this lesson you will learn how to insert a shape and format it by changing its fill color, outline color,
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
* Bitmap images are based on a grid of pixels * Each pixel is assigned a specific location and color value * Bitmaps contain a limited number of pixels,
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
ADOBE INDESIGN CS3 Chapter 4 WORKING WITH FRAMES.
Introduction to Tool Panel. The tools in the Tools panel let you draw, paint, select, and modify artwork, as well as change the view of the Stage If the.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Adobe Photoshop CS5 Chapter 3 Working with Layers.
Adobe Premiere interface overview
Layers in Adobe After Effect
Composition.
Flash Interface, Commands and Functions
Adobe Flash Professional CS5 – Illustrated
Computer presentation
Chapter 7 Vector Editing
Computer Graphics Imaging Ying Zhu Georgia State University
Working with Symbols and Interactivity
Computer Animation Ying Zhu Georgia State University
Presentation transcript:

Lesson 2: Compositions and Animations CMM204 – Digital Media Effects

Chapter Objectives Learn how to create a composition Add source footage as layers Navigate in both space and time Learn concepts such as safe area, grid guide and ruler overlay in the composition panel

Topics to be covered Adding a new composition The different panels Adding footage to a composition Layers Navigating in space Navigating in time Animating position Animating scale

Adding a new composition There are several ways to creating a new composition –Select Composition then select New Composition –Press Ctrl+N –Click New Composition from the bottom of the project panel

The Composition Panel Displays the image you are creating at the current point of time in sync with the timeline panel Center region of the panel is the stage Grey area around the panel is the additional working area

The Timeline Panel Control animations Contains a number of columns that displays various parameters for the layers used in a composition

Adding footage to a comp There are several ways to add footage to a comp –Drag the footage in the project panel to the desired comp in the project panel –Drag the footage in the project panel to the comp panel, you can position it to your liking here –Drag the footage in the project panel to the timeline panel

Layers Source in a composition are known as layers Comps can have an unlimited number of layers Layers typically stack in the topmost item in the timeline panel

Keeping Tabs on Multiple Comps When you have more then one comp in your project you will see them in tabs in the timeline panel Click on the tabs will bring that particular comp forward in the comp panel

Navigating in space You can zoom in/out in the comp panel using the zoom tool (Shortcut key: Z) You can move the image using the Hand Tool ( Shortcut key: H) You can click on the selection tool when you are done (Shortcut key: V)

Resolutions It tells After Effects how many pixels to render when calculating the images to shoe in the comp/layer panels Different resolutions available –Full –Half –Third –Quarter Reducing resolution frees up more RAM for preview

Quality Set on a layer-by-layer basis in the timeline panel Has three options –Best –Draft –Wireframe

Navigating in Time Live update is the behavior where dragging the current time indicator will change the current frame in the comp panel You can click on the time ruler in the timeline panel to go to that particular time You can zoom in/out in the timeline panel with the slider at the bottom of the panel

The work area Is a resizable bar in the timeline bar that resides directly below the time ruler Used as a section to foretaste the animation

Safe Areas Are areas where the images can be projected without being over scanned A.Grid B.Title-Safe Zone C.Action-Safe Zone D.Overscan

Animating Position Open a comp Turn on the animation stopwatch under position Set a keyframe at the start of the timeline Move to the ending timeline that you want and set a keyframe In the ending timeline change the position values to the preferred values

Keyframes Auto Bezier Keyframe –Creates smooth angle in & out of a keyframe Continuous Bezier Keyframe –Better control of the curves of the motion path Bezier Keyframe –Able to create any combination of straight lines and smooth curves Linear Keyframe –Straights and hard angles in the motion

Pen Tool Used to break and retract handles in motion Create mask and shape paths Shortcut key is G

Navigating Keyframes Keyframe navigators consist of a left and a right arrow and a diamond-shaped checkbox in the center Prevents new keyframes from being created when trying to edit keyframes

Transformations There are 5 different transformations –Anchor point Starting position of the object –Position Current position of the object –Scale Size of the object –Rotation Degree of rotation of the object –Opacity Transparency of the object

Animating Scale Open a comp Turn on the animation stopwatch under Scale Set a keyframe at the start of the timeline Move to the ending timeline that you want and set a keyframe In the ending timeline change the scale values to the preferred values

Thank You!