Keyframing with the crop toolin the Canvas Panel

A movie which unfolds on the screen

• Consider this .flv moviehttp://www.cs.ucc.ie/j.bowen/cs2508/widgets/unfoldingGarden.flv

• In successive frames, more and more of the garden appears

• This was achieved by keyframing with the cropping tool

Keyframing cropping in the Canvas Panel• One clip in the timeline, with wireframing turned on• Playhead is at start of clip

Keyframing cropping in the Canvas Panel

• Choose the crop tool (shortcut: c)

Keyframing cropping in the Canvas Panel

• In the canvas panel, drag the cropping tool from right to left, until ...

Keyframing cropping in the Canvas Panel• ... until the first frame is empty• Then add a keyframe marker, making the wireframe controls green

Keyframing cropping in the Canvas Panel• Then move the playhead to the last frame• The wireframe controls turn white

Keyframing cropping in the Canvas Panel

• Add another keyframe marker and ...

Keyframing cropping in the Canvas Panel• ... and the wireframe controls turn green• Then drag the crop tool from left to right across the frame, until ...

Keyframing cropping in the Canvas Panel• ... until complete frame is revealed• We have now made the picture unfold throughout the sequence

Playing the sequence in the Canvas Panel

• The playhead is 1/3 across the sequence and 1/3 of the picture is revealed

Playing the sequence in the Canvas Panel

• The playhead is 3/4 across the sequence and 3/4 of the picture is revealed

Export the sequence as a movie• Export the sequence as a movie

And now for an exercise

• Tackle Exercise 13http://www.cs.ucc.ie/j.bowen/cs2508/exercises/exercise13/