Using keyframes in Final Cut. Final Cut enables us to alter many aspects of a movie frame, including –opacity –scale (magnification) –position –rotation.

Slides:



Advertisements
Similar presentations
Teacher: Kenji Tachibana Digital Photography I. DSLR Crop Frame Layer Photoshop Process - 6 slides Copyright © Kenji Tachibana.
Advertisements

Windows Movie Maker Introduction to Video Editing Mindy McAdams.
BodyPaint 3D Basics Configuring and Using BodyPaint With Lightwave Mark Filanov.
Flash Raining Text. Open Project Create Project – Action Script 3 Select Text Tool Type in some text – From the Properties Menu – Choose Font, Font Size,
Animating Web Graphics Using Adobe Edge. 1. Setting up your project Create a new folder on your desktop Call it [YOURNAME]infographic INSIDE THAT FOLDER,
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.
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.
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
Making a movie from two clips. Start a new project in Final Cut Express.
Text, Masks, and Live Effects – Lesson 41 Text, Masks, and Live Effects Lesson 4.
3.02 Computer Animation Software and Design Guidelines
Keyframing rotation in the Canvas Panel. Two clips in the timeline, with wireframing turned on.
Keyframing with the crop tool in the Canvas Panel.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
3.02 Computer Animation Software and Design Guidelines
Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). You can remove normal frames from a certain layer.
Flash Lecture 3: Masks Dr. Harry Witchel. Masks Masking is a 2 layer system (like guides) in which the upper layer controls what part of the lower layer.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Foundation Flash CS Introduction Welcome to Flash CS3 Professional. You have seen a lot of the great stuff Flash can do and it is now time for.
Click your mouse for next slide Flash – Introduction and Startup Many times on websites you will see animations of various sorts Many of these are created.
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.
Click your mouse for next slide Flash - Motion Tweening Creating a movie frame by frame would be very time consuming It would also be very jerky unless.
Flash Lesson 1 Simple Animation. Get Acquainted With The Software.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
Windows Movie Maker. Before We Begin.. One of the most important parts of this business is being a product of the product so that you can market yourself.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Macromedia Dreamweaver 4.0 INTERFACE This presentation will run automatically.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
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.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Click your mouse for next slide Flash – Morphing and Shape Tweening You have designed some motion animation with the last lesson There is another type.
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.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Adobe Flash CS4 – Illustrated Unit D: Creating Animation.
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,
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.
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.
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.
ADOBE PREMIERE Filters, Effects, and Titles. Timeline: An important note DRAGGING! What’s this? You can drag your clip from either the PROJECT PANE, or.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
Open a new Flash File Action Script 2.0. Create a button like you did last lesson and name it Click to Play.
Click your mouse for next slide Flash – Fades and Alphas One useful thing you can so is to do a fade in of a picture or an image This is done by controlling.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
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.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
 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.
Macromedia Flash MX.
Flash Interface, Commands and Functions
Computer presentation
INTRODUCTION TO ADOBE FLASH CS4
INTRODUCTION TO FLASH ANIMATION
Let Flash do Guessing at Animation for you.
STARTING WITH ADOBE PREMIERe PRO
Presentation transcript:

Using keyframes in Final Cut

Final Cut enables us to alter many aspects of a movie frame, including –opacity –scale (magnification) –position –rotation –distortion By treating certain frames as keyframes, we can tween between the value of some property (say opacity) in one frame and the value of the same property in another frame Thus, we can make the values of these properties change gradually as the movie is played

Changing the opacity of frames in a clip A 10-second clip in the timeline panel

Changing the opacity of frames in a clip Toggle the Clip Overlays (alt-W) setting to on

Changing the opacity of frames in a clip Notice there is now a thin black line along the top of the clip

Changing the opacity of frames in a clip Compare the top of the clip before and after toggling clip overlays The new line denotes the opacity of the frames in the clip The fact that it is at the top means that all the frames in the clip have 100% opacity

Changing the opacity of frames in a clip We can move the opacity line First, choose the pen tool (keyboard: p)

Changing the opacity of frames in a clip Then click on the left end of the black line -- see that a small black mark appears

Changing the opacity of frames in a clip See the black mark where we clicked at the left end of the line

Changing the opacity of frames in a clip Dragging on this black mark we can pull the line down, reducing the opacity of all the frames in the clip

Changing the opacity of frames in a clip Below, we have dragged the line around halfway down, reducing the opacity of all the frames in the clip to 51%

Changing the opacity of frames in a clip Below, we have dragged the line to the bottom, reducing the opacity of all the frames in the clip to 0% As a result, the image in the canvas panel is blank

Changing the opacity of frames in a clip The pen tool is still selected Move the mouse inside the clip and you will see a small black vertical line moving along the time calibration of the timeline panel

Changing the opacity of frames in a clip Below, the small black vertical line is around 4 second on the time calibration of the timeline panel Now, making sure you hold the mouse on the black line directly underneath this small vertical line, click the mouse and...

Changing the opacity of frames in a clip... and a second black mark appears on the opacity line Now, you can increase the opacity of the frame at 4 seconds, by dragging this black mark upwards...

Changing the opacity of frames in a clip... as you drag this second black mark upwards, notice that the opacity line starts to slope between the two black marks You are actually tweening the opacity of all the frames between 0 seconds and 4 seconds

Changing the opacity of frames in a clip Drag this second black mark upwards, until it reaches 100% opacity Now, all the frames between 0 seconds and 4 seconds have opacities ranging between 0% and 100% The frames where we placed the black marks are keyframes and we have tweened opacity between these two keyframes

Changing the opacity of frames in a clip The playhead is at 0.5 seconds below, which means that the frame at the playhead should have around 12% opacity We can see the effect of this by looking at the canvas panel

Changing the opacity of frames in a clip The playhead is around 1 second below, which means that the frame at the playhead should have around 25% opacity We can see the effect of this by looking at the canvas panel

Changing the opacity of frames in a clip Let's export this sequence as a movie, so that we can see the effect we have created

Seeing the effect of what we have done Although the sequence was exported as a.mov file, the movie has been recoded to a.flv file to make it more practical for use on the web See it here Later, we will use keyframes to tween other aspects, such as scale (magnification), position, rotatio, distortion But, next, we will look at layers Meanwhile, however, tackle Exercise 6: