keyframing with the crop tool in the canvas panel
Post on 22-Dec-2015
218 views
TRANSCRIPT
![Page 1: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/1.jpg)
Keyframing with the crop toolin the Canvas Panel
![Page 2: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/2.jpg)
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
![Page 3: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/3.jpg)
Keyframing cropping in the Canvas Panel• One clip in the timeline, with wireframing turned on• Playhead is at start of clip
![Page 4: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/4.jpg)
Keyframing cropping in the Canvas Panel
• Choose the crop tool (shortcut: c)
![Page 5: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/5.jpg)
Keyframing cropping in the Canvas Panel
• In the canvas panel, drag the cropping tool from right to left, until ...
![Page 6: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/6.jpg)
Keyframing cropping in the Canvas Panel• ... until the first frame is empty• Then add a keyframe marker, making the wireframe controls green
![Page 7: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/7.jpg)
Keyframing cropping in the Canvas Panel• Then move the playhead to the last frame• The wireframe controls turn white
![Page 8: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/8.jpg)
Keyframing cropping in the Canvas Panel
• Add another keyframe marker and ...
![Page 9: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/9.jpg)
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 ...
![Page 10: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/10.jpg)
Keyframing cropping in the Canvas Panel• ... until complete frame is revealed• We have now made the picture unfold throughout the sequence
![Page 11: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/11.jpg)
Playing the sequence in the Canvas Panel
• The playhead is 1/3 across the sequence and 1/3 of the picture is revealed
![Page 12: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/12.jpg)
Playing the sequence in the Canvas Panel
• The playhead is 3/4 across the sequence and 3/4 of the picture is revealed
![Page 13: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/13.jpg)
Export the sequence as a movie• Export the sequence as a movie
![Page 14: Keyframing with the crop tool in the Canvas Panel](https://reader030.vdocument.in/reader030/viewer/2022032704/56649d805503460f94a65396/html5/thumbnails/14.jpg)
And now for an exercise
• Tackle Exercise 13http://www.cs.ucc.ie/j.bowen/cs2508/exercises/exercise13/