310 likes | 449 Views
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 to control opacity We can also set keyframes in the canvas panel With these we can control several other aspects of a movie.
E N D
Keyframing in the Canvas Panel • We have already seen that we can set keyframes in the timeline panel in order to control opacity • We can also set keyframes in the canvas panel • With these we can control several other aspects of a movie
Two clips in the timeline • The bottom layer is a clip based on the still of the field • The upper layer is a clip based on a still of Bart on a transparent background
Turning on the wireframe in the canvas panel • Normally, the canvas panel shows just the image under the playhead • But, to set keyframes, we must ...
Turning on the wireframe in the canvas panel • ... we must first turn on the wireframe in the canvas panel • which results in a view like ...
Turning on the wireframe in the canvas panel • ... which results in a view like this in the canvas panel
Turning on the wireframe in the canvas panel • The wireframe in the canvas panel is on the upper layer because • That is the layer selected in the timeline
Turning on the wireframe in the canvas panel • If we select the lower layer in the timeline, ... • a wireframe appears on that layer in the canvas
Notice the colour of the crossbar and control points in the wireframe • Initially, the crossbar and control points are white • This will change when we set keyframes
Dragging layers in the canvas panel • In the canvas panel, we can drag the layer with the wireframe • But, to see what we are doing, we should ...
Dragging layers in the canvas panel • To see what we are doing when we are dragging in the canvas panel, • we should reduce the scale of the view, so ...
Dragging layers in the canvas panel • ... so that we can the bigger content • Now, we can ...
Dragging layers in the canvas panel • ... we can see what we are doing when we drag a wireframed layer in the canvas panel
Using keyframes to animate Bart • Start by wireframing the Bart layer in the canvas panel • Notice the crossbar and control points are white
Using keyframes to animate Bart • Then drag the Bart layer to the right of the garden • The crossbar and control points are still white
Using keyframes to animate Bart • Then add a motion keyframe (shortcut: ctrl-K)
The crossbar and control points turn green after we add a motion keyframe
Using keyframes to animate Bart • After we have inserted a motion keyframe at first frame (notice green crosshair and points), ...
Using keyframes to animate Bart • Move the playhead to the end of the clip • Notice that, when you have done this, the crosshair and control points are white again, because there is no keyframe at this new position
Using keyframes to animate Bart • Now, using the central control point (which turns green while the others remain white), drag the wireframed layer across to ...
Using keyframes to animate Bart • ... to left side of the garden
Using keyframes to animate Bart • ... to left side of the garden (notice that the crossbar+points are white as we drag) • then ...
Using keyframes to animate Bart • ... add another motion keyframe to contain these settings • Notice that the crosshair and control points turn green
We must render after we adding motion keyframes • If we now try to view the sequence, we find that we must render after adding motion keyframes
We must render after we adding motion keyframes • So render the video in all parts of the sequence
Viewing the rendered animation • Below, the playhead is one quarter way across the timeline • And, in the canvas, Bart is one quarter way through his movement
Viewing the rendered animation • Below, the playhead is three quarters across the timeline • And, in the canvas, Bart is three quarters through his movement
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 http://www.cs.ucc.ie/j.bowen/cs2508/widgets/bartMovingAcrossGarden.flv • Now tackle Exercise 8 http://www.cs.ucc.ie/j.bowen/cs2508/exercises/exercise08/