Keyframing rotation in the Canvas Panel. Two clips in the timeline, with wireframing turned on.

Slides:



Advertisements
Similar presentations
2.02D Computer Animation Software and Design Guidelines
Advertisements

Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Chapter 14 Sound. Sound  Sound can be used for narration, background soundtracks, rollover noises, and for sound effects to complement animations. 
Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
Video formats. When we are using Final Cut, we must remember to use the correct number of pixels for the video format chosen in our original setup. Specified.
Cropping in the Motion tab of the Viewer Panel. Cropping in the Motion tab One clip in the timeline, playhead at start of sequence.
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.
Keyframing with the distort tool in the Canvas Panel.
Macromedia Flash Cartoons & Buttons Your Presenter: Laura Silberstein
Using keyframes in Final Cut. Final Cut enables us to alter many aspects of a movie frame, including –opacity –scale (magnification) –position –rotation.
Drop shadows. A movie with a drop shadow Consider this.flv movie It contains a drop shadow.
Keyframing scale changes in the Canvas Panel. Two clips in the timeline.
Making a movie from two clips. Start a new project in Final Cut Express.
3.02 Computer Animation Software and Design Guidelines
Keyframing with the crop tool in the Canvas Panel.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
3.02 Computer Animation Software and Design Guidelines
Introduction to Flash Animation RMIK Jayasinghe (M. Sc. in Computer Science, B. Sc., SLTS)
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.
Chapter 4 Creating Animations.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
TUTORIAL. Windows Movie Maker Tools  Tasks pane  Menu bar  Contents pane  Storyboard/ Timeline  Preview monitor.
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.
Understanding the Default Editing Workspace. Tools Panel The Tools Panel stores the various editing tools you can access in the application.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
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 Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
© 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.
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Adobe Flash CS4 – Illustrated Unit D: Creating Animation.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Bringing Animation to Your Websites introducing ADOBE FLASH.
WORKING WITH SOUND & VIDEO CHAPTER 7 PART I. USING SOUNDS Mp3 & WAV files Drag the sound files from the Library panel onto Stage at different points along.
Exporting your video When finished, we will export our projects to a QuickTime file to be saved and delivered on CDs or on flash drives.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Flash Vector Illustration Animation Broadcast Media Mobile Computing Games Game Consoles Internet Edutainment Kiosks.
Macromedia Flash MX Design Professional Macromedia Flash MX GETTING STARTED WITH.
Import into Collections Open MM and select Import into Collections, to use pictures, music files and movie clips.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
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.
 Motion Tween allow us to move a shape on the stage from one place to another.  In order to use motion tween, the shape to be moved must be converted.
Tutorial 3 Creating Animations.
Business Communication Final Exam Review
Tutorial 3 Creating Animations.
Adding Buttons, Actions, and Sounds
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
Chapter Lessons Understand the Macromedia Flash workspace
Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Tool for Creating Rich Media
Windows, tools, and buttons
INTRODUCTION TO FLASH ANIMATION
So you were told to make a video
Develop Rich Internet Content and Applications
Let me introduce you to the Adobe Premiere Pro work area…
2.02D Computer Animation Software and Design Guidelines
Brief note on copyright
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Flash Demonstration – Unit 5 – ActionScript 3.0
Presentation transcript:

Keyframing rotation in the Canvas Panel

Two clips in the timeline, with wireframing turned on

Keyframing rotation in the Canvas Panel Select the Bart layer

Keyframing rotation in the Canvas Panel Move playhead to start of movie and add a keyframe We are content to use default orientation in this keyframe, so no further operation is needed here

Keyframing rotation in the Canvas Panel Move playhead to 4 seconds

Keyframing rotation in the Canvas Panel Add keyframe We want a different orientation here, so...

Keyframing rotation in the Canvas Panel... we hold the cursor over any green line in the wireframe and the cursor changes shape, indicating it can be used for rotation

Keyframing rotation in the Canvas Panel We drag the cursor to achieve the orientation we want at 4 seconds And then we release the cursor

Keyframing rotation in the Canvas Panel Move the playhead to the end of the sequence and...

Keyframing rotation in the Canvas Panel... add a keyframe and...

Keyframing rotation in the Canvas Panel... drag the cursor to achieve the orientation we want in this keyframe

Keyframing rotation in the Canvas Panel Render the sequence to see the effect we have achieved

Keyframing rotation in the Canvas Panel Export as a QuickTime movie

Seeing the effect of what we have done Although the sequence was exported as a.mov file, the file has been recoded to a.flv file to make it more practical for use on the web See it here Now tackle Exercise 10