Chapter 15. Motion

Unlike filters or generators, motion properties are already present on every clip. You can access them by loading a clip or sequence into the Viewer and then selecting the Motion tab.

A few of the controls you find on the Motion tab, such as Opacity, Crop, Distort, and Drop Shadow, don’t have any obvious connection to movement.

The first part of this chapter introduces motion properties as static image modification tools that can be used in either static or animated compositions. The second part of the chapter, “Animating Clip Motion with Keyframes,” discusses motion paths: the time-based uses of motion properties.

Setting Motion Properties

The motion properties listed here are present automatically on every clip, and their controls can be adjusted on the clip’s Motion tab in the Viewer (Figure 15.1) or on the clip’s Image + Wireframe mode overlay in the Canvas (Figure 15.2).

Use the controls on the Viewer’s Motion tab to adjust motion properties.

Figure 15.1. Use the controls on the Viewer’s Motion tab to adjust motion properties.

You can also adjust motion properties graphically, using the Canvas wireframe overlay.

Figure 15.2. You can also adjust motion properties graphically, using the Canvas wireframe overlay.

  • Scale: Adjusts the size of the clip to make it smaller or larger than the sequence frame size.

  • Rotation: Rotates the clip around its anchor point without changing its shape.

  • Center: The x,y coordinates specify the center point of the clip.

  • Anchor Point: The x,y coordinates specify another point relative to the clip’s center point to use as a pivot point for rotating, scaling, or animating the motion path of the clip.

  • Crop: Crops (removes) a portion of the clip from the side you specify.

  • Distort: Changes the shape of the clip by adjusting its corners. The Aspect Ratio parameter sets the clip’s height:width proportions.

  • Opacity: Makes a clip opaque or translucent; 100 percent is completely opaque, and 0 percent is completely transparent.

  • Drop Shadow: Places a drop shadow behind the selected clip, with a color, softness, and opacity you specify.

  • Motion Blur: Blurs moving images by a specified percentage, by combining the images of adjacent frames to create the effect.

Locating x,y coordinates

Final Cut Express uses x,y coordinates to specify a clip’s position in the frame. For example, in the DV-NTSC frame size (720 by 480 pixels), you can specify locations outside the visible frame by using coordinate values greater than plus or minus 360 on the x axis, or plus or minus 240 on the y axis. You’ll often see x,y coordinates specified like this: (50,25). The first number (50) is the x coordinate; the second number (25) is the y coordinate. Figure 15.3 illustrates x,y coordinate locations in a DV-NTSC frame (720 by 480 pixels).

The x,y coordinate locations for a DV-NTSC frame size (720 by 480 pixels).

Figure 15.3. The x,y coordinate locations for a DV-NTSC frame size (720 by 480 pixels).

Using Wireframes

Enabling Image+Wireframe mode in the Canvas or the Viewer activates a wireframe overlay that appears on your clip image. You must be in Image+Wireframe mode to graphically manipulate a clip’s motion properties in the Canvas or the Viewer.

The elements of the wireframe aren’t just indicators; they’re also controls you can use to manipulate the size, shape, and position of your clip’s image. Select the appropriate tool from the Tool palette; then drag a handle on the clip’s wireframe. Figure 15.6 offers a key to wireframe handles and tools.

To manipulate motion properties in Image+Wireframe mode, select a tool; then drag the appropriate handle on the clip’s wireframe.

Figure 15.6. To manipulate motion properties in Image+Wireframe mode, select a tool; then drag the appropriate handle on the clip’s wireframe.

Tip

Tip
  • While you work in Image+Wireframe mode, note that the selected track’s number appears just above the clip’s center point. The track number helps you remember which layer you’ve selected. If you’re working on an effects sequence with many layered elements, that’s a big help.

Wireframe keyframe indicators

Wireframe mode uses green highlighting to indicate whether a keyframe is present on a frame and what type of keyframe it is (Figure 15.7).

Wireframe mode uses highlighting to indicate the presence of keyframes.

Figure 15.7. Wireframe mode uses highlighting to indicate the presence of keyframes.

To enable Wireframe mode:

Do one of the following:

  1. Press W once to place the Viewer or the Canvas in Image+Wireframe mode. (Press W again to return to Image mode.)

  2. Choose Image+Wireframe from the View pop-up menu at the top of the Viewer or the Canvas (Figure 15.8).

    Choose Image+Wireframe from the View pop-up menu at the top of the Viewer or Canvas.

    Figure 15.8. Choose Image+Wireframe from the View pop-up menu at the top of the Viewer or Canvas.

  3. Choose View > Image+Wireframe.

Using Motion Properties to Change a Clip’s Appearance

In Final Cut Express, when you want to make a clip’s image larger or smaller, tilted or skewed, opaque or transparent, you adjust the clip’s motion properties—even if the clip’s not moving. Not very intuitive, is it?

As long as you’re not animating the clip (changing the size and shape of the clip’s image over time), you don’t need to add any motion keyframes. Simply open the clip and adjust the clip’s default motion properties settings. FCE offers two ways to modify a clip’s motion properties: by adjusting the controls and entering numerical values on the clip’s Motion tab in the Viewer, or by using the Tool palette’s image modification tools to manipulate the clip’s image directly in the Canvas wireframe overlay. When you’re going for precision and consistency, you’ll probably end up working both numerically and graphically.

All operations described in this section can be performed in both places. Start each operation by following the general setup procedure for each respective mode; the setup tasks are described in the sections that follow.

To set up for motion properties adjustment in the Canvas Wireframe mode:

  1. In the Timeline, select the clip you want to reposition (Figure 15.9). If you are working with a layered composition, be sure to choose the layer you want to affect.

    In the Timeline, select the clip you want to reposition.

    Figure 15.9. In the Timeline, select the clip you want to reposition.

  2. From the Tool palette, choose the appropriate image modification tool for the motion property you want to adjust. Refer to the key to wireframe handles and tools in Figure 15.6.

  3. If the Canvas’s Image+Wireframe mode is not already activated, press W to turn it on.

    The outline of the wireframe overlay appears on the selected clip’s image (Figure 15.10).

    Press W to activate Image+Wireframe mode, and the wireframe overlay appears on the selected clip’s image.

    Figure 15.10. Press W to activate Image+Wireframe mode, and the wireframe overlay appears on the selected clip’s image.

To set up for motion properties adjustment on the Viewer’s Motion tab:

  1. Double-click the clip in the Timeline or the Browser to open it in the Viewer.

  2. In the Viewer, click the Motion tab.

Positioning clips

Clips start out positioned at the center of the Canvas or the Viewer. You can reposition a clip’s center point by dragging it to a new position in the Canvas or in the Viewer, or you can specify new center point coordinates on the clip’s Motion tab. You can position a clip partially or completely outside the sequence frame.

To adjust a clip’s center point using Wireframe mode:

  • Follow the setup steps for Wireframe mode presented earlier; then click anywhere inside the clip’s image and drag it to a new position (Figure 15.11).

    Click anywhere in the clip’s wireframe and then drag the wireframe to a new position.

    Figure 15.11. Click anywhere in the clip’s wireframe and then drag the wireframe to a new position.

To adjust a clip’s center point on the Viewer’s Motion tab:

Follow the setup steps for the Motion tab mode described earlier; then do one of the following:

  1. Enter new x,y coordinates for the clip’s center location. Enter the x coordinate in the left value field and the y coordinate in the right value field.

  2. Click the Point Select (+) button (Figure 15.12) (located to the left of the Center value field) and then specify new center coordinates by clicking the new center location in the Canvas (Figure 15.13) or on the Video tab of the Viewer.

    Click the Point Select button, which is located to the left of the Center value field.

    Figure 15.12. Click the Point Select button, which is located to the left of the Center value field.

    Click a new center location in the Canvas to specify new center coordinates.

    Figure 15.13. Click a new center location in the Canvas to specify new center coordinates.

Scaling clips

A clip placed in a Final Cut Express sequence plays at the same frame size at which it was captured, regardless of the sequence frame size. A clip whose native size is smaller than the sequence frame size appears in the center of the sequence frame; a clip whose native size is larger than the sequence frame size shows only the portion of the clip that fits inside the sequence frame dimensions.

You can adjust the scale of a clip to change its frame size (for the current sequence only). If you want to create a media file of your clip at a different size that does not need to be rendered before it can be played back, you should export a copy of the clip at the frame size you need.

To scale a clip in Wireframe mode:

  1. Follow the setup steps for Wireframe mode presented earlier.

  2. Drag a corner handle to scale a clip while maintaining its proportions (Figure 15.14).

    Dragging a corner handle scales a clip while maintaining its proportions.

    Figure 15.14. Dragging a corner handle scales a clip while maintaining its proportions.

Tips

Tips
  • Smooth your keyframes with Bézier curves when you animate scale. Curve type keyframes produce a change in the rate of scale at the beginning and the end of the scaling animation, making the movement less mechanical. To learn how to convert a keyframe to a Bézier curve type, see “To refine a motion keyframe” later in this chapter.

  • When you’re scaling a clip, it’s easy to drift away from the clip’s original aspect ratio, but not easy to find the control that resets your clip to its native proportions. Go to the clip’s Motion tab and scroll down to the Distort controls. That’s where you’ll find the Aspect Ratio parameter. Reset the value to 0, and you’ll restore height:width sanity to your scaled clip.

To scale a clip on the Viewer’s Motion tab:

Follow the setup steps for Motion tab mode presented earlier; then do one of the following:

  1. Adjust the Scale slider (Figure 15.15).

    Adjust the Scale slider on the Motion tab to scale the clip.

    Figure 15.15. Adjust the Scale slider on the Motion tab to scale the clip.

  2. Enter a percentage in the text field located to the right of the slider; 100 percent is equal to the clip’s native size.

Rotating clips

Rotation is an important part of modern video effects (as you know if you’ve watched a TV commercial break recently).

A clip rotates around its anchor point. The default anchor point location matches the clip’s center point, but you can rotate a clip around a different pivot point by changing the location of the anchor point. You can position a clip at the edge of your sequence frame and rotate your clip partially or completely outside the Canvas, so it appears on the screen for only a portion of its rotation. You can also rotate a clip up to 24 revolutions in either direction or use the Rotation control to angle a clip as part of a static composition.

To adjust a clip’s rotation angle in Wireframe mode:

Follow the setup steps for Image+Wireframe mode presented earlier; then do one of the following:

  1. Click an edge of the border and drag in an arc around the clip’s center point (Figure 15.16).

    To rotate a clip in Wireframe mode, drag in an arc around the clip’s center point.

    Figure 15.16. To rotate a clip in Wireframe mode, drag in an arc around the clip’s center point.

  2. Click a border edge and then drag farther away from the clip’s center point to get more precise control over the rotation.

  3. Hold down the Shift key while dragging to constrain the rotation positions to 45-degree increments.

  4. Drag around the clip multiple times without releasing the mouse to specify a number of rotations.

To adjust a clip’s rotation angle on the Viewer’s Motion tab:

Follow the setup steps for the Motion tab mode described earlier; then do one of the following:

  1. Drag the black rotation needle around the dial to set a rotation position (Figure 15.17); the red needle indicates the number of complete revolutions.

    Drag the rotation control dial needle to set a rotation position. The black hand indicates the current angle of the clip, and the small red hand indicates the total number of rotations forward or backward that have been specified.

    Figure 15.17. Drag the rotation control dial needle to set a rotation position. The black hand indicates the current angle of the clip, and the small red hand indicates the total number of rotations forward or backward that have been specified.

  2. Enter a new value in the text box.

    The clip realigns at the new rotation angle for the selected frame.

Tip

Tip
  • To create an animated rotation effect on the Motion tab, you must set individual keyframes for each rotation angle value (see “Animating Clip Motion with Keyframes” later in this chapter).

Cropping clips

You can crop a clip either by dragging with the Crop tool or by specifying the number of pixels to crop from the borders. Use the Edge Feather option to create a soft border at the crop line.

When you use the Crop tool to remove part of a clip’s image, the selected parts are hidden, not deleted. You can restore the cropped sections to view by clicking the Reset button next to the Crop controls on the Viewer’s Motion tab.

To crop a clip in Wireframe mode:

  1. Follow the setup steps for the Image+Wireframe mode presented earlier; then select the Crop tool from the Tool palette.

  2. Do one of the following:

    1. Drag from the edges of the clip to hide elements in the image (Figure 15.18).

      Drag from the edges of the clip to crop out elements in the image.

      Figure 15.18. Drag from the edges of the clip to crop out elements in the image.

    2. Shift-drag to constrain the clip’s aspect ratio as you crop.

    3. Command-drag to trim both horizontal edges or both vertical edges simultaneously.

    4. Use Option in combination with Shift and Command to force rendering while you perform a crop operation.

To crop a clip on the Motion tab:

  1. Follow the setup steps for the Motion tab mode described earlier; then open the Crop control bar by clicking the expansion triangle on the left (Figure 15.19).

    Open the Crop controls by clicking the Crop expansion triangle.

    Figure 15.19. Open the Crop controls by clicking the Crop expansion triangle.

  2. To crop the clip from a specific side, do one of the following:

    1. Drag the slider for that edge to a new value (Figure 15.20).

      Crop a clip by dragging the slider for the side you want to crop and setting it to a new value.

      Figure 15.20. Crop a clip by dragging the slider for the side you want to crop and setting it to a new value.

    2. Enter a new value in the corresponding text field.

  3. To soften the cropped edges of the clip, do one of the following:

    1. Adjust the Edge Feather slider to specify the width of the feathered edge.

    2. Specify a value in the Edge Feather text field.

Distorting a clip’s shape

Use the Distort tool to make independent adjustments to each corner point of a clip’s wireframe, or use the Viewer’s Motion tab to numerically specify x,y coordinates for the location of each corner point.

To distort the shape of a clip in Wireframe mode:

  1. Follow the setup steps for the Wireframe mode presented earlier; then select the Distort tool from the Tool palette (Figure 15.21).

    Select the Distort tool from the Tool palette.

    Figure 15.21. Select the Distort tool from the Tool palette.

  2. To distort the clip’s image, do one of the following:

    1. Drag a corner handle of the clip’s wireframe (Figure 15.22).

      Drag a corner handle of the clip’s wireframe to distort it.

      Figure 15.22. Drag a corner handle of the clip’s wireframe to distort it.

    2. Shift-drag to change the perspective of the image.

To distort a clip on the Viewer’s Motion tab:

  1. Follow the setup steps for the Motion tab mode presented earlier; then open the Distort control bar by clicking the expansion triangle.

  2. To specify new locations for the corner points, do one of the following:

    1. Enter new values for the corner points you want to move.

    2. Adjust the Aspect Ratio parameter to change the clip’s height:width ratio, relocating all four corner points. A clip’s original aspect ratio has a value of zero.

Adjusting opacity

Final Cut Express clips start out 100 percent opaque (Figure 15.23). If you superimpose a clip over another clip in the base track of your sequence, the background image will be completely hidden until you adjust the opacity of the superimposed clip to less than 100 percent, making it semitransparent (Figure 15.24).

The title is 100 percent opaque and completely obscures the background.

Figure 15.23. The title is 100 percent opaque and completely obscures the background.

The superimposed title with opacity set to less than 100 percent appears semitransparent.

Figure 15.24. The superimposed title with opacity set to less than 100 percent appears semitransparent.

Layering multiple, semitransparent images is a basic compositing technique, and one you may be familiar with if you have ever worked with Adobe Photoshop.

You can adjust a clip’s opacity on the Viewer’s Motion tab or with the opacity clip overlay in the Timeline.

To set a clip’s opacity on the Viewer’s Motion tab:

  1. Follow the setup steps for the Motion tab mode described earlier; then open the Opacity control bar by clicking the triangle.

  2. To set the opacity level, do one of the following:

    1. Use the slider control.

    2. Enter a value between 0 and 100 in the Opacity text field (Figure 15.25).

      Type a value between 0 and 100 in the Opacity text field.

      Figure 15.25. Type a value between 0 and 100 in the Opacity text field.

Setting a clip’s opacity in the Timeline

A clip’s opacity can be adjusted directly in the Timeline using the clip overlay for opacity, a level line graph that appears over the clip icon in the Timeline. To display clip overlays, click the Clip Overlays control in the lower-left corner of the Timeline.

For information on adjusting clip overlays in the Timeline, see “Working with Keyframes in the Timeline” in Chapter 14.

Use the Modify > Levels command to adjust opacity levels for a group of Timeline clips in a single operation.

To adjust opacity levels on a group of clips:

  1. In the Timeline, select a group of clips whose levels you want to adjust (Figure 15.26).

    Select a group of Timeline clips whose opacity levels you want to adjust.

    Figure 15.26. Select a group of Timeline clips whose opacity levels you want to adjust.

  2. Choose Modify > Levels.

  3. In the Opacity Adjust dialog box, do one of the following:

    1. Choose Relative from the pop-up menu. Adjust each clip’s opacity relative to its current level by specifying a percentage value (Figure 15.27).

      Choose Relative in the Opacity Adjust dialog box to adjust the opacity of all the selected clips by the percentage you specify.

      Figure 15.27. Choose Relative in the Opacity Adjust dialog box to adjust the opacity of all the selected clips by the percentage you specify.

    2. Choose Absolute from the pop-up menu; then set an absolute value for all clips’ opacity by specifying a percentage value.

  4. Click OK.

Tip

Tip
  • Choose Relative to adjust the opacity percentage but maintain the curves of any sculpted opacity levels. Choose Absolute to remove all keyframes and flatten all the opacity levels to the specified percentage value.

Adding a drop shadow to a clip

Drop shadows add the illusion of dimensional depth to the 2D television screen (Figure 15.28). Titles pop out from the backgrounds, or clips softly float over other clips; complex silhouettes can add a special depth to your sequences. You can add a drop shadow to any clip whose display size is smaller than the sequence frame size.

Drop shadows add depth to a superimposed title.

Figure 15.28. Drop shadows add depth to a superimposed title.

You can apply drop shadows to clips that were captured at a smaller frame size and to clips that have been scaled, cropped, moved, or distorted. You can also add a drop shadow to a full-size clip with an alpha channel.

To add a drop shadow to a clip:

  1. Double-click the clip in the Timeline or the Browser to open it in the Viewer.

  2. In the Viewer, click the Motion tab; then check the Drop Shadow check box (Figure 15.29).

    Check the box to enable the Drop Shadow option.

    Figure 15.29. Check the box to enable the Drop Shadow option.

  3. To adjust your drop shadow settings, do any of the following:

    1. Enter Offset settings to specify the shadow’s distance from the clip.

    2. Enter Angle settings to specify the position of the shadow relative to the clip edge.

    3. Enter Softness settings to specify the degree of blending in the shadow’s edge.

    4. Enter Opacity settings to specify the shadow’s degree of transparency.

  4. In the Color control bar, click the expansion triangle; then pick a color by doing one of the following:

    1. Drag the hue, saturation, and brightness sliders to new values.

    2. Enter numeric color values in the text fields.

    3. Click the eyedropper and click in the Canvas to sample a color.

    4. Click the color swatch and use one of the color pickers to choose the desired color (Figure 15.30).

      Click the color swatch; then choose a color from one of the color pickers.

      Figure 15.30. Click the color swatch; then choose a color from one of the color pickers.

Adding a motion blur effect

The motion blur effect enhances the illusion of movement by compositing the images of adjacent frames (Figure 15.31). This is definitely one control to experiment with, particularly for creating interesting, animated, soft-focus background textures. If you’re using graphics or stills, you must combine motion blur with other motion effects—scaling, rotation, or motion paths, for example—to see the motion blur effect, but you can use it to create a lot of action in your composition, even with static elements (Figure 15.32).

Motion blur produces soft-focus effects based on movement within your video image.

Figure 15.31. Motion blur produces soft-focus effects based on movement within your video image.

You can apply motion blur to a static graphic as well, but you must animate the graphic with a motion path first.

Figure 15.32. You can apply motion blur to a static graphic as well, but you must animate the graphic with a motion path first.

Tip

Tip
  • Nest a clip containing an element you want to blur. By increasing the frame size when you nest, you can create a roomier bounding box that will accommodate the larger size of your blurred element.

To add motion blur to a clip:

  1. Double-click the clip in the Timeline or the Browser to open it in the Viewer.

  2. In the Viewer, click the Motion tab; then check the Motion Blur check box near the bottom of the tab (Figure 15.33).

    Check the Motion Blur check box to enable motion blurring.

    Figure 15.33. Check the Motion Blur check box to enable motion blurring.

  3. Click the Motion Blur expansion triangle to reveal the controls for blurring motion.

  4. Use the % Blur slider or enter a value in the text field. Values range from 1000%, which blurs a frame’s image across 10 frames, to 100%, which blurs the image on a single frame.

  5. To change the quality of the motion blur, adjust the sample rate by choosing a value from the Samples pop-up menu (Figure 15.34).

    Specify a number of samples by selecting a value from the Samples pop-up menu. The sample rate changes the quality of the motion blur. Fewer samples creates more visible intermediate steps.

    Figure 15.34. Specify a number of samples by selecting a value from the Samples pop-up menu. The sample rate changes the quality of the motion blur. Fewer samples creates more visible intermediate steps.

    The sample rate is the number of in-between images FCE calculates when it compares two adjacent frames to calculate motion blur. A low sample rate produces more visible intermediate steps; a high sample rate produces a smoother look but takes longer to render.

Animating Clip Motion with Keyframes

The previous section explained how to use motion properties to alter a clip’s shape, size, and transparency in a static composition. In this section, you’ll finally learn how to use motion properties to actually move clips around.

Working with basic motion keyframe commands

The best place to use motion keyframes to animate a motion path is either the Canvas or the Viewer when it is in Image+Wireframe mode—all the operations described in this section are performed in Wireframe mode.

You can work with motion keyframes in both the Canvas and the Viewer, but because keyframing more commonly happens in the Canvas, the directions in this section mention only the Canvas.

To set a motion keyframe:

  1. In the Canvas, position the playhead at the frame where you want to set the keyframe.

  2. Click the Add Motion Keyframe button (Figure 15.35); or press Control-K.

    Click the Add Motion Keyframe button on the Canvas to set a keyframe.

    Figure 15.35. Click the Add Motion Keyframe button on the Canvas to set a keyframe.

  3. To set an additional keyframe, move the playhead to the next location where you want to set a keyframe; then do one of the following:

    1. Add another keyframe; then adjust the Motion tab parameter control or make a graphical adjustment to the clip’s wireframe.

    2. Make an adjustment to a Motion tab parameter control or make a graphical adjustment to the clip’s wireframe.

    Final Cut Express adjusts the values and then automatically adds the keyframe (Figure 15.36).

    Move the playhead to the next location; then adjust a parameter control, and FCE adds the next keyframe automatically.

    Figure 15.36. Move the playhead to the next location; then adjust a parameter control, and FCE adds the next keyframe automatically.

Tip

Tip
  • Clicking the Add Motion Keyframe button in the Canvas sets a motion keyframe across all motion parameters for the current frame.

To navigate between motion keyframes:

  1. Press Shift-K to move to the next motion keyframe.

  2. Press Option-K to move to the previous keyframe.

    The playhead moves to the next keyframe in the appropriate direction, and the Canvas updates to show the new position of the clip.

Tip

Tip
  • Toggle the Auto Select control off for any track you want to exclude from your keyframe review. FCE will ignore the keyframes on that track.

To delete a motion keyframe:

In the Canvas wireframe overlay, do one of the following:

  1. Control-click the keyframe and choose Delete Point from the shortcut menu (Figure 15.37).

    To delete the keyframe, Control-click it and choose Delete Point from the shortcut menu.

    Figure 15.37. To delete the keyframe, Control-click it and choose Delete Point from the shortcut menu.

  2. Option-click the keyframe with the Selection tool or the Pen tool (Figure 15.38).

    Another way to delete a motion keyframe is to Option-click it with the Selection tool or the Pen tool.

    Figure 15.38. Another way to delete a motion keyframe is to Option-click it with the Selection tool or the Pen tool.

To delete all keyframes:

  • On the clip’s Motion tab, click the Reset button to delete all keyframes for that parameter and return the parameter to its original setting (Figure 15.39).

    Click the Reset button next to a motion property on the clip’s Motion tab to delete all keyframes for that motion property.

    Figure 15.39. Click the Reset button next to a motion property on the clip’s Motion tab to delete all keyframes for that motion property.

To refine a motion keyframe:

  1. Control-click the keyframe and choose Ease In/Ease Out from the shortcut menu (Figure 15.40).

    To smooth a corner type keyframe to a Bézier curve type, Control-click the keyframe and choose Ease In/Ease Out from the shortcut menu.

    Figure 15.40. To smooth a corner type keyframe to a Bézier curve type, Control-click the keyframe and choose Ease In/Ease Out from the shortcut menu.

    The keyframe changes into a curve type, and Bézier handles appear.

  2. Drag the small blue circle at the end of the Bézier handle to adjust the motion path leading up to (or away from) the keyframe (Figure 15.41).

    Drag the small blue circle at the end of the Bézier handle to adjust the motion path leading away from the keyframe.

    Figure 15.41. Drag the small blue circle at the end of the Bézier handle to adjust the motion path leading away from the keyframe.

Tip

Tip
  • Refine opacity and audio level overlay keyframes in the Timeline by Control-clicking the overlay keyframe and selecting Smooth from the shortcut menu.

To move a motion keyframe:

  • In the Canvas wireframe overlay, click the motion keyframe with the appropriate selection tool and drag it to a new location.

Setting motion keyframes with timecode entry

Evenly spaced keyframes are essential for smooth, even changes in your effects and for precision synchronization to music or other effects. This is especially true for motion effects. When you animate a program element, using timecode ensures that your keyframes will be set at precise intervals. This task shows you how to rotate a clip using timecode entry to set keyframes.

To set keyframes using timecode entry:

  1. In the Timeline, double-click the clip you want to rotate to open it in the Viewer.

  2. In the Viewer, click the Motion tab; then press the Home key to jump the playhead to the first frame of your clip.

  3. In the Canvas, click the Add Keyframe button (Figure 15.42); or press Control-K.

    To add the first keyframe, click the Add Keyframe button on the Canvas.

    Figure 15.42. To add the first keyframe, click the Add Keyframe button on the Canvas.

    The clip’s first Rotation keyframe is set on the first frame.

  4. Verify that the Rotation control is set to zero.

    This establishes the clip’s orientation at the beginning of the rotation.

  5. Click the Current Timecode field at the bottom left of the Motion tab; then type +30 to move the playhead 30 frames forward (Figure 15.43).

    Click the Current Timecode field at the bottom left of the Motion tab; then type +30 to add 30 frames to the playhead location.

    Figure 15.43. Click the Current Timecode field at the bottom left of the Motion tab; then type +30 to add 30 frames to the playhead location.

    The playhead advances 30 frames.

  6. Click the Add Keyframe button again; then do one of the following:

    1. In the Rotation control dial, drag the needle clockwise to set the keyframe value to 180 (Figure 15.44).

      Set the keyframe value to 180 by dragging the Rotation dial needle to the right.

      Figure 15.44. Set the keyframe value to 180 by dragging the Rotation dial needle to the right.

    2. Enter 180 in the Rotation text field.

  7. Repeat steps 5 and 6, increasing the Rotation value to 360.

    You have set three keyframes, exactly 30 frames apart, causing your clip to complete one full 360-degree rotation in 2 seconds (Figure 15.45).

    You have set three keyframes, exactly 30 frames apart, that program your clip to complete one full 360-degree rotation in 2 seconds.

    Figure 15.45. You have set three keyframes, exactly 30 frames apart, that program your clip to complete one full 360-degree rotation in 2 seconds.

  8. Press Option-K to step backward through your three keyframes, noting that the clip flips and the Rotation value updates at each keyframe. Press Shift-K to step forward through the keyframes.

  9. You must render your rotating clip before you can play it back. Select the clip; then choose Sequence > Render Selection.

  10. Play back your rotation effect.

Tip

Tip
  • Strictly speaking, it’s not necessary to click the Add Keyframe button to set the second and third keyframes; you need only change the keyframe’s value on the Motion tab. However, rotation keyframes don’t show up in the wireframe overlay even when they are present. Pressing the Add Keyframe button sets a keyframe across all motion parameters, so the green highlighting is visible.

Creating Motion Paths

If you are new to motion paths, try one—if your FCE system is powerful enough to support real-time previewing, you can play back a moving clip without rendering, and you will get a feel for how the Canvas function changes when you are working in Image+Wireframe mode. You can work in Image+Wireframe mode in the Viewer as well.

When you animate the center point, you move the whole clip. The following section explains the basic steps for animating a simple motion path.

Tip

Tip
  • Motion paths are limited to single sequence clips; you must nest sequence clips if you want to create a motion path that includes two or more clips that have been edited together. For more information on nesting items, see Chapter 4, “Projects, Sequences, and Clips.”

To create a motion path in the Canvas:

  1. In the Timeline, select a sequence clip; then position the playhead on the first frame in your clip.

  2. Make the Canvas active; then choose 12% from the Zoom pop-up menu and Image+Wireframe from the View pop-up menu (Figure 15.46).

    Choose Image+Wireframe from the View pop-up menu.

    Figure 15.46. Choose Image+Wireframe from the View pop-up menu.

  3. To add the first keyframe, click the Add Motion Keyframe button in the Canvas.

    Final Cut Express sets the first keyframe across all motion parameters for that sequence frame.

  4. In the Canvas, drag the wireframe’s center handle to the left until the right side of the wireframe aligns with the left edge of the black background. Hold down the Shift key while you drag to constrain the motion path. This makes it easier to drag in a straight line.

    Your clip is now positioned just off the screen, at the left (Figure 15.47).

    Your clip is positioned just off the screen, at the left.

    Figure 15.47. Your clip is positioned just off the screen, at the left.

  5. In the Timeline, position the playhead on the last frame in your sequence clip.

  6. In the Canvas, click inside the wireframe and Shift-drag the wireframe to the right. Drag the wireframe across the black background until its left side aligns with the right edge of the black background.

    As you drag, the motion path appears across the center of the screen. The white line indicates the motion path of your clip’s center point (Figure 15.48).

    The white line indicates the motion path of your clip’s center point.

    Figure 15.48. The white line indicates the motion path of your clip’s center point.

  7. To preview your motion path, hold down the Option key while you scrub the Canvas Scrubber bar from side to side.

  8. If your computer supports real-time previewing, you can play your moving clip immediately. If not, you must render before playback. Select the clip; then choose Sequence > Render Selection > Video.

Tip

Tip
  • When your clips and motion paths are so spread out that you need to make the Canvas or the Viewer view smaller than the smallest level listed on the Zoom control (12%), choose Fit All, which will zoom the view out enough to fit all elements of your multilayered composited sequence within the window.

To add curves to a motion path:

  1. If you don’t already have a sequence clip with a motion path applied, follow steps 1 through 6 in the previous task, “To create a motion path in the Canvas.”

  2. To create a curve in your straight motion path, click the motion path and drag in the direction you want the path to curve.

    As you drag the motion path into a curve, additional keyframes appear on the motion path automatically; the keyframes have little handles, called Bézier handles, which you use to sculpt the motion path’s curves (Figure 15.49).

    As you drag the motion path into a curve, additional keyframes appear with Bézier handles; drag the handles to sculpt the motion path’s curves.

    Figure 15.49. As you drag the motion path into a curve, additional keyframes appear with Bézier handles; drag the handles to sculpt the motion path’s curves.

  3. Click the Canvas Play button to play back the first draft of your edited motion path.

  4. To adjust the curve, click a keyframe’s Bézier handle; then do any of the following:

    1. Drag the handle away from the keyframe to deepen the curve.

    2. Drag the handle toward the keyframe to reduce the curve.

    3. Rotate the handle to change the direction of the curve relative to that keyframe (Figure 15.50).

      Rotate the handle to change the direction of the curve relative to that keyframe.

      Figure 15.50. Rotate the handle to change the direction of the curve relative to that keyframe.

    4. Command-drag to restrict rotation to one side of the curve (Figure 15.51). Release the Command key to set the new relationship between the two curves.

      Command-drag to restrict rotation to one side of the curve.

      Figure 15.51. Command-drag to restrict rotation to one side of the curve.

To reposition an entire motion path:

  1. Choose the Selection tool from the Tool palette.

  2. In the Canvas, hold down the Command and Shift keys; then place the pointer near the motion path that you want to reposition.

    The Selection tool turns into a Hand pointer when you position it correctly (Figure 15.52).

    Hold down the Command and Shift keys; then place the Selection pointer near the motion path that you want to reposition. The pointer turns into a Hand pointer when you’re in the right spot.

    Figure 15.52. Hold down the Command and Shift keys; then place the Selection pointer near the motion path that you want to reposition. The pointer turns into a Hand pointer when you’re in the right spot.

  3. Drag the motion path to a new position.

    The entire motion path repositions but does not change its shape or timing (Figure 15.53).

    Drag the entire motion path to a new position without changing its shape or timing.

    Figure 15.53. Drag the entire motion path to a new position without changing its shape or timing.

Editing a Motion Path

Once you have created it, you can adjust a motion path directly in the Canvas (or Viewer) by moving or deleting motion path keyframes. When you’re working with a motion path in the Canvas, the playhead doesn’t need to be over a keyframe for you to move or delete it, nor does the playhead location prohibit you from adding a motion path keyframe.

Remember that a keyframe is like an edit point: It signals a change in an effect. In a motion path, keyframes are placed automatically only when a motion path changes direction. A straight motion path requires only two keyframes: a start keyframe and an end keyframe.

The two motion path variables you are adjusting are your clip’s speed of travel (determined by the ratio of duration to distance between keyframes) and the path’s route (indicated by the shape of the white line that connects the start and end keyframes). The little dots that appear between the keyframes indicate the duration between path points.

Adjusting motion path curves and corners

Final Cut Express features two types of motion path keyframes: corners and curves. The default motion path keyframe is a corner, which creates an instant change in direction. If you want a smoother motion effect, the curve keyframes have Bézier handles, which you can use to fine-tune the shape of the path’s curve, as well as ease handles, which you can use to fine-tune your clip’s speed immediately before and after the keyframe location.

You switch a corner type motion path keyframe to a curve type as the first step in smoothing your motion path and finessing its timing.

Tip

Tip
  • You can use the Shift and Command keys while dragging a Bézier or ease handle to influence the connections between the angles of the curve.

To toggle a keyframe between corner and curve types in Wireframe mode:

With your clip displayed in Wireframe mode in the Canvas, Control-click a keyframe and choose one of the following options:

  1. Make Corner Point toggles the keyframe from a curve type to a corner type (Figure 15.54).

    Control-click a keyframe on the Canvas; then choose Make Corner Point to toggle the keyframe from a curve type to a corner type.

    Figure 15.54. Control-click a keyframe on the Canvas; then choose Make Corner Point to toggle the keyframe from a curve type to a corner type.

  2. Ease In/Ease Out accesses the ease handles, which are discussed later in this section.

  3. Linear applies a constant rate of speed to the path immediately before and after the keyframe location.

  4. Delete Point deletes the keyframe.

Adjusting speed along a motion path

You can increase the speed of a clip’s movement by shortening the timecode duration between two keyframes without changing their spatial coordinates. The clip’s speed increases, since it takes less time to travel between the two locations on your motion path. Or keep the time interval the same and move the keyframes farther apart on the motion path, so the clip travels farther in the same amount of time. Other timing factors in your sequence composition will dictate your choice.

Ease handles, located in the Canvas between the Bézier handles and the keyframe’s position point (Figure 15.55), fine-tune the rate of speed at which a clip approaches and leaves a curve keyframe. The default Ease In and Out setting slows the speed on the motion path by 33 percent before and after the keyframe, but you can customize that setting. Drag both handles to set the clip’s ease in and ease out to the same rate, or drag the handles separately to set different ease-in and ease-out rates.

Ease handles are located about midway between the Bézier handles and the keyframe’s position point.

Figure 15.55. Ease handles are located about midway between the Bézier handles and the keyframe’s position point.

To make a clip ease in and out of a keyframe:

  1. With the Canvas in Image+Wireframe mode, start with a curve motion path keyframe.

  2. Choose the Selection tool.

  3. Click the curve keyframe; then do one of the following:

    1. Drag the ease handle away from the keyframe to increase the clip’s speed as it passes through the keyframe’s location on the motion path (Figure 15.56).

      Drag the ease handle away from the keyframe to increase a clip’s speed as it passes through the keyframe’s location on the motion path.

      Figure 15.56. Drag the ease handle away from the keyframe to increase a clip’s speed as it passes through the keyframe’s location on the motion path.

    2. Drag the handle toward the keyframe to slow the clip’s speed as it passes through the keyframe’s location on the motion path (Figure 15.57).

      Drag the ease handle toward the keyframe to decrease a clip’s speed as it passes through the keyframe’s location on the motion path.

      Figure 15.57. Drag the ease handle toward the keyframe to decrease a clip’s speed as it passes through the keyframe’s location on the motion path.

    3. Drag either ease handle to adjust the path’s timing on both sides of the keyframe equally.

    4. Shift-drag one ease handle to adjust the path’s timing only on the selected side.

  4. Play back in Image+Wireframe mode to see your results.

Tip

Tip
  • You can copy and paste motion paths between clips or sequences by using the Paste Attributes command on the Edit menu. Check the Scale Attributes box when you paste attributes onto your destination clip, and you can reuse a motion path on a different clip that’s shorter or longer than the original.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.145.76.250