MotionGetting StartedMotion HomePages.qxp 3/11/05 4:18 PM Page 3

10 Chapter 1 Orientation The Motion Interface Once a project is created, the Motion interface appears and is comprised of two main components:

100 Chapter 3 Your No. 2 Pencil To trim an object by setting the In or Out point:1 Select the object you want to trim.2 Move the playhead to the fr

Chapter 3 Your No. 2 Pencil 101 If you drag a single object to the Timeline, different drop options appear when you drag the file over a layer trac

102 Chapter 3 Your No. 2 Pencil The new object is inserted into the track. The original object bar is split into two bars, and the frames that foll

Chapter 3 Your No. 2 Pencil 103 Important: You can trim the Out point of the Basic Motion behaviors so that the behavior’s effect stops before the

104 Chapter 3 Your No. 2 Pencil Record button: When the Record button is enabled (in the transport controls), any change in value to a parameter—w

Chapter 3 Your No. 2 Pencil 105 3 In the Canvas, click the View menu and make sure that Animation Path is enabled.4 In the Canvas, position the obj

106 Chapter 3 Your No. 2 Pencil Note: Do not drag the actual keyframe (the red point) to move the object. Rather than creating a new keyframe, you

Chapter 3 Your No. 2 Pencil 107 To reset the control points on an animation path:mCommand-click the point. This creates a Linear point—continue dra

108 Chapter 3 Your No. 2 Pencil Using the Keyframe EditorWhile the Timeline shows an overall view of the objects and effects in your project and th

Chapter 3 Your No. 2 Pencil 109 The Keyframe Editor, located in the Timing pane, is not displayed by default. To show the Keyframe Editor:mIn the T

Chapter 1 Orientation 11 The Project pane is used to organize and reorder project elements and to control audio. The Timing pane contains the fu

110 Chapter 3 Your No. 2 Pencil You can also create and save custom curve sets. For more information, see Chapter 6, “Keyframes and Curves” in Moti

Chapter 3 Your No. 2 Pencil 111 To add a keyframe:1 Position the pointer over the animation curve you want to modify, then press Option. 2 When the

112 Chapter 3 Your No. 2 Pencil Like the control points on the Canvas animation path, you can modify the tangents of the keyframes in the Keyframe

Chapter 3 Your No. 2 Pencil 113 To record fewer keyframes:1 Choose Mark > Recording Options.The Recording Options dialog appears.2 Select from t

114 Chapter 3 Your No. 2 Pencil To animate the opacity of an object using the Dashboard:1 In the transport controls, enable Record (press A).2 Sele

Chapter 3 Your No. 2 Pencil 115 A gray diamond that represents the keyframe appears to the right of the parameter name. Whenever you are parked on

116 Chapter 3 Your No. 2 Pencil 5 Click the Animation menu icon, then choose Add Keyframe.An Opacity keyframe is created.6 Go to the frame where yo

Chapter 3 Your No. 2 Pencil 117 In the following example, the Kaleidoscope filter is applied to a single image. The filter is animated over time to

118 Chapter 3 Your No. 2 Pencil The animated filter makes it seem like you are looking at the image through a rotating kaleidoscope.Note: You can

Chapter 3 Your No. 2 Pencil 119 If a behavior can be baked, the Convert to Keyframes command appears in the Object menu when the behavior is select

12 Chapter 1 Orientation The Utility WindowThe Utility window contains the following tabs:• File Browser: Use the File Browser to select and im

120 Chapter 3 Your No. 2 Pencil The curves for the converted keyframes appear in the graph area of the Keyframe Editor.6 Edit the animation curve a

4 1214 Arts and LettersTake the powerful Motion text tools for a spin, and then introduce yourself to the amazing possibilities of particles.Crea

122 Chapter 4 Arts and Letters Text behaviors are ideal for interactively designing titles and other text animations—you don’t have to set keyframe

Chapter 4 Arts and Letters 123 3 In the Still Images & Objects group, set the Create Objects At parameter to Start of project.To add text to yo

124 Chapter 4 Arts and Letters 5 If there is no Dashboard present, press D to display the text object Dashboard.The Text Dashboard contains the fol

Chapter 4 Arts and Letters 125 mSelect the text object, and display the Inspector. In the Format pane of the Text tab, edit the text in the Text Ed

126 Chapter 4 Arts and Letters To modify characters within a text object:1 Click the Text tool (press T).2 In the text object, drag to select the c

Chapter 4 Arts and Letters 127 Note: To select a color from the Canvas (or anything on your computer’s desktop), click the Color Picker tool in th

128 Chapter 4 Arts and Letters To change gradient colors:1 Click the Gradient disclosure triangle to display the Gradient Editor.2 To change the co

Chapter 4 Arts and Letters 129 To save a custom gradient to the Library:1 Click the Gradient Library pop-up menu, then choose Save Gradient.2 In th

Chapter 1 Orientation 13 Note: Like the Mac OS X Finder, you can display the browser contents in icon or list view.Importing MediaThere are three

130 Chapter 4 Arts and Letters To apply a behavior to a text object, do one of the following:mIn the Library, select the Behaviors category. Click

Chapter 4 Arts and Letters 131 Note: For information on using filters, see “Working With Filters” on page 91. For information on animating filters

132 Chapter 4 Arts and Letters To apply the Text Tracking text behavior:1 In the transport controls, click Play (or press the Space bar).2 From the

Chapter 4 Arts and Letters 133 Text Behaviors vs. KeyframesThe Text Tracking behavior generates a range of values in the Tracking parameter without

134 Chapter 4 Arts and Letters The following example shows how to use the Sequence behavior to animate the Opacity and Scale parameters of a text o

Chapter 4 Arts and Letters 135 In the Canvas, the Sequence bounding box appears.Before any animation occurs, you must explicitly add a parameter to

136 Chapter 4 Arts and Letters The second group of parameters is the Sequence Control group, which includes options for setting the direction of th

Chapter 4 Arts and Letters 137 Note: Often, you can enter values larger than a parameter’s slider allows by typing in the value slider.4 Click the

138 Chapter 4 Arts and Letters As the animation sequences through the text object, small white lines travel with the animation. These lines represe

Chapter 4 Arts and Letters 139 Notice that each character fades in and settles before the next character’s animation begins. To create a softer tra

14 Chapter 1 Orientation 2 In the upper pane of the browser, select the location of the media file you want to bring in to your project.The content

140 Chapter 4 Arts and Letters As with any object in Motion, you can keyframe the particle emitter and particle cell parameters. For example, you c

Chapter 4 Arts and Letters 141 For even more variation, you can apply Parameter behaviors to particle cells. Combining the power of behaviors with

142 Chapter 4 Arts and Letters The selected particle system is added to your project at the center of the Canvas. If no layer is selected when the

Chapter 4 Arts and Letters 143 In the following basic example, a single, 120 x 240 pixel image called “jelly” is used as a particle source over a b

144 Chapter 4 Arts and Letters • In the Canvas, the emitter bounding box appears, which can be transformed using the onscreen controls.• The partic

Chapter 4 Arts and Letters 145 By default, 30 particles per second are emitted in all directions, and each one moves away at approximately 100 pixe

146 Chapter 4 Arts and Letters The following image shows the default Emitter settings.Note: For particle emitters with multiple cells, some Dashbo

Chapter 4 Arts and Letters 147 Emission Angle: Drag to define the direction of the Emission Range. Speed: Arrows (within the defined Emission Ran

148 Chapter 4 Arts and Letters Once the Birth Rate slider is lowered, fewer particles are emitted.Using the InspectorAs with all objects in Motion,

5 1495 Extra CreditAs the last step in your introduction to Motion, learn about keying and masking, audio, and how to export your final project.K

Chapter 1 Orientation 15 Note: To bring in multiple files, you can Shift-click or Command-click the files (in icon or list view), or drag-select (

150 Chapter 5 Extra Credit In the following example, an elephant is shot on a blue screen (or in this case, to be honest, the sky) and is to be com

Chapter 5 Extra Credit 151 Once the layers are positioned, a keying filter is applied to the blue screen element. The keying filter you select depe

152 Chapter 5 Extra Credit Adjust the Primatte RT parameters:1 In the Primatte RT Dashboard, or the Inspector > Filters tab, choose Matte from t

Chapter 5 Extra Credit 153 The matte is improved, but still has some problem areas.b Drag the Matte Density slider slowly to the left until the are

154 Chapter 5 Extra Credit Note: In the Primatte RT filter, the Matte Density and Spill Suppression values cannot be set to a value lower than Noi

Chapter 5 Extra Credit 155 Masking an ImageIn the following example, a garbage mask is added to the matte from the previous “Creating a Key” sectio

156 Chapter 5 Extra Credit Because masks are set to Add mode by default, the image outside of the closed mask is removed.To remove the image inside

Chapter 5 Extra Credit 157 To remove additional “garbage” from a key, set any additional masks to Subtract mode.Once the masks are applied, the gra

158 Chapter 5 Extra Credit To reset tangent handles:mPress Command and drag the end of a handle.To change a control point from smooth to linear:mCo

Chapter 5 Extra Credit 159 Note: Press Shift while drawing the shape to constrain the shape’s proportions.To animate the scale of the rectangular

16 Chapter 1 Orientation In addition to the Dashboard, an active bounding box appears in the Canvas around the selected object. The default onscree

160 Chapter 5 Extra Credit In the Layers tab, an image mask is added to the selected object. At this point, no mask has been applied.3 Do one of th

Chapter 5 Extra Credit 161 • In the Image Mask Dashboard, click-drag the shape that you want to use as a mask to the Mask Source well (drag the nam

162 Chapter 5 Extra Credit Since the default Mask Blend Mode is set to Add, the shape masks the stingray image and reveals the image below the stin

Chapter 5 Extra Credit 163 You can work with audio in the Audio tab (located in the Project pane), the Timeline, and the Audio Editor.Adding and Re

164 Chapter 5 Extra Credit To display the Audio tab:mIn the Project pane, click the Audio tab.All loaded audio tracks are listed. The following ima

Chapter 5 Extra Credit 165 The Audio Editor displays the waveform for the selected audio file.Transport ControlsUse the transport controls in the A

166 Chapter 5 Extra Credit To play from the start of a track:mClick the Rewind button.Note: If the file has been trimmed, Rewind takes you to the

Chapter 5 Extra Credit 167 Note: If you have installed Compressor, you can choose Export using Compressor. Using Compressor allows you to batch re

168 Chapter 5 Extra Credit • Include: Use the Include pop-up menu to choose to export video with audio, only video, or only audio with your render

Chapter 1 Orientation 17 Note: When a Photoshop file contains more layers than can be displayed in the drop menu, the Choose Layer option appears

18 Chapter 1 Orientation • Mini-Timeline: The mini-Timeline allows you to add objects to your project, to move objects in time, and to trim the du

Chapter 1 Orientation 19 The right side of the Toolbar contains icons that add filters, behaviors, and particle emitters to objects or layers, as w

 Apple Computer, Inc.© 2004 Apple Computer, Inc. All rights reserved. Under the copyright laws, this manual may not be copied, in whole or in par

20 Chapter 1 Orientation To switch the time display in a project from frames to timecode:mClick the stopwatch next to the Project Duration field or

Chapter 1 Orientation 21 Note: You can also start and stop playback by pressing the Space bar. To quickly return to the beginning of a project, pr

22 Chapter 1 Orientation To animate the position of an object using motion sketch (during playback):1 In the transport controls, enable Record (or

Chapter 1 Orientation 23 Note: You can also drag the Play Range arrows to define a playback range. As you drag the In or Out point, the new In or

24 Chapter 1 Orientation 3 Make one of the following choices from the drop menu:• Choose Composite to place the objects on top of one another. The

Chapter 1 Orientation 25 The Library categories are listed in the left column of the Library, and the subcategories appear in the right column. For

26 Chapter 1 Orientation The following table describes the Library folders, categories, and subcategories.Any modified filters, behaviors, and othe

Chapter 1 Orientation 27 Previewing Items in the LibraryYou can preview items in the stack before bringing the item into your project. For example,

28 Chapter 1 Orientation In the following steps, a play range of 60 frames is set in a 300-frame project. After that, two behaviors from the Basic

Chapter 1 Orientation 29 When the “+” (plus) sign appears next to the pointer, the behavior can be “dropped” on the object.The Fade In/Fade Out Das

3 1 Contents Chapter 1 5Orientation7 About Motion 8 Getting Started 8 Creating a New Project 10 The Motion Interface 12 The Utility Window 12

30 Chapter 1 Orientation 2 In the Toolbar, click the Add Behavior icon, then choose Basic Motion > Grow/Shrink from the pop-up menu.The Fade In/

Chapter 1 Orientation 31 Motion DashboardsWhenever an object is added to your project, or an effect is applied to an object, the Dashboard for that

32 Chapter 1 Orientation The second image shows the Emitter tab in the Inspector. The emitter contains a single particle cell (the text object “sti

Chapter 1 Orientation 33 To display the Dashboard, do one of the following:mIn the Toolbar, click the Dashboard icon.mSelect the object or effect,

34 Chapter 1 Orientation The InspectorWhile the Dashboard contains the “popular” controls, think of the Inspector as the school principal—with its

Chapter 1 Orientation 35 The Inspector contains four tabs: Properties, Behaviors, Filters, and Object. The first three tabs—Properties, Behaviors,

36 Chapter 1 Orientation Behaviors TabThe Behaviors tab contains all controls for any behaviors that are applied to the currently selected object.

Chapter 1 Orientation 37 Note: When an image is the selected object, the Image tab is empty because all of the image parameters are displayed in t

38 Chapter 1 Orientation To change values in normal increments, do one of the following:mDrag left or right in the value field.mClick the decrement

Chapter 1 Orientation 39 To reset an individual parameter:mClick the Animation menu icon, then choose Reset Parameter.DialsDrag a dial to control p

4 Contents 91 Working With Filters 92 Animating Filters With Parameter Behaviors Chapter 3 95 Your No. 2 Pencil95 Using the Timeline 96 The Timeline

40 Chapter 1 Orientation Color wellsUse the color wells to set a color for drop shadows, shape fills, text properties, and so on.To select a color,

Chapter 1 Orientation 41 mControl-click a color well to display the color picker, and drag in the color spectrum to select a color.The Animation me

42 Chapter 1 Orientation 3 In the Properties tab, click the Animation menu in the Position parameters, then choose Add Keyframe.A filled gray diamo

Chapter 1 Orientation 43 The Project PaneWhen media (such as movies, images, and image sequences) is brought into Motion, it becomes an object in a

44 Chapter 1 Orientation mChoose Window > Show Project Pane (or press F5).The Project pane appears.The Project pane contains three tabs that all

Chapter 1 Orientation 45 Audio The Audio tab allows you to control the volume (gain) and panning (balance) of an audio track, as well as turn track

46 Chapter 1 Orientation Adding Media to the Layers TabAny media you have dragged to the Canvas from the Library (or imported by choosing File >

Chapter 1 Orientation 47 • To add the file to a new layer, position the file over the lower, empty portion of the Layers list. When a black outline

48 Chapter 1 Orientation To swap media in the Layers tab:1 In the File Browser, select the file you want to use to replace the existing object.2 Dr

Chapter 1 Orientation 49 To select multiple objects, do one of the following:mTo select consecutive objects, drag in the empty space between the th

1 5 1 Orientation Allow us to introduce Motion, a new school of interactive motion graphics. The best part of this school is the time spent on

50 Chapter 1 Orientation To move an object beneath an object with an applied behavior or filter: mIn the Layers tab, click the name of the object o

Chapter 1 Orientation 51 As shown in the following image, a new layer is created from the repositioned object.Turning Layers and Objects On or OffY

52 Chapter 1 Orientation To lock and unlock a layer or object:mIn the Layers tab, click the lock icon for the object you want to lock or unlock.In

Chapter 1 Orientation 53 Note: If you do not select another layer to paste the object into, the object is pasted into its original layer.Use the E

54 Chapter 1 Orientation The grouped objects are nested into a layer within the original layer. The new layer is named “Layer” by default.Note: Yo

Chapter 1 Orientation 55 The default blend mode is Normal. An object with a Normal blend mode above another object in the list merely sits over tha

56 Chapter 1 Orientation To adjust the object opacity:mDrag the Opacity slider.To select a blend mode:mClick the Blend Mode button and choose a mod

Chapter 1 Orientation 57 2 Select a transform mode.The object transform modes are also available in the onscreen controls in the Canvas. To display

58 Chapter 1 Orientation Note: To lock the movement of the object to the X or Y axis, or to 90-degree angles, press Shift while you drag the objec

Chapter 1 Orientation 59 2 To edit the shadow Blur and Opacity parameters, use the object Dashboard. To edit all shadow properties, including color

6 Chapter 1 Orientation Behaviors are designed for creating generalized, fluid motion effects, as well as for creating animated effects that mig

60 Chapter 1 Orientation The following table briefly describes the alignment tools in the View options.While the Canvas Guides are useful for manua

2 612 The PlaygroundThe playground lets you explore the possibilities of your project. Throw objects about, or easily create complex motion with

62 Chapter 2 The Playground With the exception of the Text Sequence behaviors, the duration of a behavior is the length of the object to which it i

Chapter 2 The Playground 63 Parameter behaviors: Parameter behaviors can be applied to any object parameter, and their effects are limited to just

64 Chapter 2 The Playground Text Animation and Text Sequence behaviors: Text Animation and Text Sequence behaviors animate the parameters specific

Chapter 2 The Playground 65 mSelect the object to which you want to apply a behavior. Then, click the Add Behavior icon in the Toolbar and choose t

66 Chapter 2 The Playground Note: Generally, you can change the stacking order of the Simulation behaviors with no effect on the animation. Changi

Chapter 2 The Playground 67 For more information on duplicating, removing, locking, and renaming behaviors, see Chapter 5, “Using Behaviors,” in Mo

68 Chapter 2 The Playground 2 Set the rate and direction of the Throw.• Click in the center of the Dashboard and drag outward in the direction you

Chapter 2 The Playground 69 It is important to remember that applying a behavior to an object applies a rate of change to an object’s parameters, a

Chapter 1 Orientation 7 About Motion In Motion, you create motion graphics and basic compositing projects with imported images (such as Adobe P

70 Chapter 2 The Playground Important: As mentioned previously, changing the duration of a behavior in the Timeline does not have the same effect

Chapter 2 The Playground 71 The object stops at the frame where the Stop behavior bar starts. For more information on working with Parameter behavi

72 Chapter 2 The Playground To change the shape of the path, do one of the following:mClick either point at the end of the path to change the path’

Chapter 2 The Playground 73 To change the acceleration or deceleration at the start or end of the path:mIn the Motion Path Dashboard (or Inspector)

74 Chapter 2 The Playground The two applied behaviors work together so that the object spins as it travels along the motion path.Working With Simul

Chapter 2 The Playground 75 The motion path created by the Gravity behavior appears in the Canvas, and the object falls. Because the object is appl

76 Chapter 2 The Playground When the Edge Collision behavior is applied to a group, and the Affect Objects parameter is disabled, the entire groupe

Chapter 2 The Playground 77 When the bottom edge of each object hits the lower edge of the screen, the object is deflected and bounces upward.As th

78 Chapter 2 The Playground To use the Orbit Around behavior:1 Apply the Orbit Around behavior to the object (or group of objects) that you want to

Chapter 2 The Playground 79 2 Do one of the following:• In the Layers tab, click-drag the name of the object that you want the other objects to cir

8 Chapter 1 Orientation Getting Started The first steps in any project are to determine your project settings and bring in your media files (un

80 Chapter 2 The Playground 3 In the Orbit Around Dashboard (or Inspector), make sure Affect Objects is turned on.When Affect Objects is turned on,

Chapter 2 The Playground 81 By default, Related Objects is selected in the Vortex Affect parameter. Because the circle is the only object in the la

82 Chapter 2 The Playground To set only the circles to vortex using Specific Objects:1 In the Dashboard or Inspector, set the Vortex Affect paramet

Chapter 2 The Playground 83 Any objects that are added to the Affected Objects list swirl around the object to which the Vortex behavior is applied

84 Chapter 2 The Playground Using Parameter BehaviorsParameter behaviors are very different from the other behavior categories—they are applied in

Chapter 2 The Playground 85 In the first example, the Orbit Around behavior is applied to the upper dolphin object, and the lower dolphin object is

86 Chapter 2 The Playground In the second image, the Drag parameter of the Orbit Around behavior is adjusted in the Inspector. After the Drag param

Chapter 2 The Playground 87 For example, applying the Oscillate Parameter behavior to the Scale parameter makes the size of the object vary between

88 Chapter 2 The Playground 3 Control-click the parameter (such as Position), then choose a Parameter behavior (such as Oscillate) from the Paramet

Chapter 2 The Playground 89 4 In the Apply To parameter (the last parameter in the list), choose the property to which you want to apply the parame

Chapter 1 Orientation 9 The following example project uses the NTSC Broadcast SD (Standard Definition) project preset. For more information on c

90 Chapter 2 The Playground Where Parameter Behaviors AppearOnce a Parameter behavior has been applied to an object, the small behavior icon appear

Chapter 2 The Playground 91 To remove a Parameter behavior:mIn the Layers tab or Timeline, select the behavior, then do one of the following:• Choo

92 Chapter 2 The Playground Animating Filters With Parameter BehaviorsThis section provides a quick overview of applying Parameter behaviors to a f

Chapter 2 The Playground 93 4 Go to the last frame of the filter animation, and set the last Brightness value. This example uses a Brightness value

94 Chapter 2 The Playground 3 Click the behavior icon (Animation menu), then choose Randomize.The Behaviors tab is selected and the Randomize param

3 953 Your No. 2 PencilSharpen those pencils! It’s time to get serious with the full-featured Timeline and flexible keyframing options that allow

96 Chapter 3 Your No. 2 Pencil To display the Timeline, do one of the following:mIn the Toolbar, click the Timing icon (in the upper-right corner o

Chapter 3 Your No. 2 Pencil 97 The TimelineIn the Timeline, each object is represented by a colored bar that sits on a gray, horizontal track. The

98 Chapter 3 Your No. 2 Pencil In the second image, the Show Behaviors and Show Filters options are enabled. Each image has an applied behavior (Fa

Chapter 3 Your No. 2 Pencil 99 Slip: When an object is slipped, the content of the object is changed without affecting its location in the track o