Motion 2TutorialsMotion HomePages.qxp 3/11/05 4:18 PM Page 2

10 Tutorial 1 The Motion Interface Although Motion has the depth to satisfy professional artists, the basic workflow is very easy to learn. This

100 Tutorial 2 Basic Motion BehaviorsThe further you drag the arrow around the circle, the faster the spin. You can “spin the dial” multiple times

Tutorial 2 Basic Motion Behaviors 1012 In the Timeline, click the right end of the Grow/Shrink behavior and trim it to approximately frame 100.3 If

102 Tutorial 2 Basic Motion Behaviors7 Set the End Offset to 45.When the playhead reaches frame 105 (45 frames from the end of the object), the obj

Tutorial 2 Basic Motion Behaviors 1034 When the drop menu appears, position the pointer over the “All in one file” option and release the mouse but

104 Tutorial 2 Basic Motion BehaviorsFading in the TitlesAs a final touch for the titles objects, apply a Fade In/Fade Out behavior to the layer. Y

Tutorial 2 Basic Motion Behaviors 105Adding and Animating Graphic ElementsIn this section, you add a new layer to house more graphics elements. Dra

106 Tutorial 2 Basic Motion Behaviors3 In the bigCircle Dashboard, drag the Opacity slider to 40 percent.To apply a behavior to the circle:1 With t

Tutorial 2 Basic Motion Behaviors 1073 Position the arrow/thumbnail pointer over Import All Layers, then release the mouse button.The objects are a

108 Tutorial 2 Basic Motion Behaviors4 In the File Browser, navigate to the Tutorial Media folder (default is /Users/Shared/Motion/Tutorial Media),

Tutorial 2 Basic Motion Behaviors 109To position and animate the squares:1 In the Layers tab, select the GreenSquares layer.2 In the Canvas, center

Tutorial 1 The Motion Interface 11 The basic Motion interface is comprised of the Utility window and the Canvas. The Utility window is used to im

110 Tutorial 2 Basic Motion BehaviorsNote: If the layer is selected (with the bounding box active) in step 7, the behavior is applied to the layer

Tutorial 2 Basic Motion Behaviors 111Fading Out the Center SquareTo put the finishing touch on the center square, modify a Fade In/Fade Out behavio

112 Tutorial 2 Basic Motion BehaviorsThe default motion path is applied to the object.In the Canvas, click the second point (the right point) and d

Tutorial 2 Basic Motion Behaviors 1132 Drag the control point to a new position.3 Drag the tangent handles to further adjust the shape of the curve

114 Tutorial 2 Basic Motion BehaviorsFading in the LogoAs a finishing touch on the logo object, fade in the logo over time.To apply and modify the

Tutorial 2 Basic Motion Behaviors 115Optional: Adding a Second Dolphin ClipAs a final optional step, you can add the second dolphin clip to the pr

116 Tutorial 2 Basic Motion BehaviorsChanging the Color and Blend Mode of the Circle TextYou can quickly change the blend mode of an object. In thi

Tutorial 2 Basic Motion Behaviors 117What You Have Learned• When a default project preset is defined, you can press Command+Option+N to force the F

3 1193 Working With TextText is the mainstay of motion graphics. Motion gives you the ability to create a multitude of dazzling text effects.Text

12 Tutorial 1 The Motion Interface It also incorporates several types of effects. Behaviors are used to move the colored bars and control the opa

120 Tutorial 3 Working With Text3 Select Tutorial 3 Exercise 1 Result or Tutorial 3 Exercise 2 Result, then click Open.The selected result project

Tutorial 3 Working With Text 121If the Select Project Preset dialog appears:mChoose NTSC Broadcast SD from the Preset pop-up menu, then click OK.If

122 Tutorial 3 Working With TextTo import a movie:1 In the File Browser, navigate to the Tutorial Media folder (default is /Users/Shared/Motion/Tut

Tutorial 3 Working With Text 1234 Select the movie object, then drag it so that it remains vertically centered in the top third of the Canvas.When

124 Tutorial 3 Working With TextAdding a Text ObjectIn Motion, you add text by creating a text object and typing into the text object. You can edit

Tutorial 3 Working With Text 1253 If the Dashboard is not visible, choose Window > Show Dashboard (or press D).4 In the Dashboard, do the follow

126 Tutorial 3 Working With TextTo center the text object:1 Make sure that Snap and Dynamic Guides are turned on.2 Drag the object so that a vertic

Tutorial 3 Working With Text 127To adjust the rate of text tracking:1 If it’s not already selected, select “the serengeti” text object.2 Click the

128 Tutorial 3 Working With Text3 Click the Record button (or press A) to turn on animation recording.4 In the Layers list, select “the serengeti”

Tutorial 3 Working With Text 129To apply a Fade In:1 In the Library, click the Behaviors category, then click the Basic Motion subcategory.2 Drag t

Tutorial 1 The Motion Interface 13 The Play button is part of the group of controls known as the transport controls . The transport controls let

130 Tutorial 3 Working With Text5 Use the Dynamic Guides to position the text object along the bottom edge of the Sunset object and align the left

Tutorial 3 Working With Text 1316 Click the left color tag. The color controls beneath the gradient become active.7 Click the color well to open th

132 Tutorial 3 Working With Text9 Move the pointer over the Canvas until a dark shade of orange from the Sunset object is in the crosshairs of the

Tutorial 3 Working With Text 13312 Close the Colors window.13 Move the triangle (spread control) underneath the gradient to the left to change the

134 Tutorial 3 Working With TextTo apply the text sequence behavior:1 In the Library, click the Behaviors category, then click the Text Sequence su

Tutorial 3 Working With Text 1356 Press the Space bar to play the project. Each character in the text object begins at 300 percent and completely t

136 Tutorial 3 Working With TextTo apply changes to selected text:1 In the new text object, select the word “kenya.”2 In the Format pane of the Ins

Tutorial 3 Working With Text 1375 In the Dashboard (or the Behaviors tab of the Inspector), adjust the following parameters:a Drag the Rate slider

138 Tutorial 3 Working With TextThe pasted object appears at the top of the Titles layer. 4 Double-click the word “copy” in the name of the new obj

Tutorial 3 Working With Text 13913 Click the activation checkbox next to Face to turn off the text face so this object contains only the glow effec

14 Tutorial 1 The Motion Interface In addition to the main work area of the Canvas, the Timing and Project panes (not displayed by default) allow

140 Tutorial 3 Working With Text7 Play the project to see the results.The characters glow and fade out above the main text as both elements spread

Tutorial 3 Working With Text 1415 Double-click the name of the new layer to rename it, type “Clips,” then press Return to accept the new name.6 In

142 Tutorial 3 Working With TextApplying a Throw Behavior Now you apply a Throw behavior to the “lioness” objects to move them across the screen.To

Tutorial 3 Working With Text 1437 Play the project. The lioness movie clips move from left to right across the screen. But the lioness clips are ob

144 Tutorial 3 Working With TextExercise 2: Using the Sequence Text BehaviorThe Sequence text behavior is a special kind of behavior that lets you

Tutorial 3 Working With Text 145Motion provides many different preset Text Sequence behaviors, categorized in the Library. You can adjust the param

146 Tutorial 3 Working With TextCreating the ProjectTo start, you create a new tutorial project and import a QuickTime movie as a background elemen

Tutorial 3 Working With Text 1476 Choose the Select/Transform tool and position the text in the upper-left corner of the Canvas.7 Click the Text ta

148 Tutorial 3 Working With TextThe border is set to this darker color. Although the border is barely visible in the Canvas at this moment, it beco

Tutorial 3 Working With Text 149By default, the parameter is set to 100 percent. The value you set in this parameter determines the scale that each

Tutorial 1 The Motion Interface 15To use the preset interface layouts, do one of the following:mChoose Window > Layouts > Alternate (or press

150 Tutorial 3 Working With TextTo remove a parameter from the Sequence behavior:1 Click the Remove parameter pop-up menu next to the Add Parameter

Tutorial 3 Working With Text 151Now the Sequence behavior happens much more quickly. The text object remains onscreen for the remainder of the proj

152 Tutorial 3 Working With TextSetting the Sequence SelectionIn addition to sequencing a text object letter by letter, the Sequence text behavior

Tutorial 3 Working With Text 1536 Position the text centered in the lower quarter of the Canvas.7 In the Inspector, click the Text tab, then click

154 Tutorial 3 Working With Text9 Click the Library tab and choose the Sequence Text behavior in the Text Animation subcategory of the Behaviors ca

Tutorial 3 Working With Text 1552 Click the disclosure triangle next to the Scale parameter to display the X and Y sliders.3 Set the Y slider to 25

156 Tutorial 3 Working With TextRepeating the Sequence EffectAny sequencing effect can be set to apply multiple times over the duration of the effe

Tutorial 3 Working With Text 1572 In the Behaviors tab of the Inspector, click the Animation menu next to the Scale Y parameter, then choose Add Ke

158 Tutorial 3 Working With Text6 Play the project. Finishing the EffectTo make this project look its best, a couple of Fade In/Fade Out behaviors

Tutorial 3 Working With Text 1595 Play your project one final time.6 Press Command+S to save your work. What You Have Learned• Adding a text object

16 Tutorial 1 The Motion InterfaceIn the Layers tab, you can select, reorder, lock, group and ungroup, and rename objects and layers. You can also

4 1614 Working With ParticlesParticle emitters have myriad uses. Use them to highlight text elements, as background elements, as borders—the poss

162 Tutorial 4 Working With ParticlesNote: If you changed the default path during installation, you will need to open the tutorial project and mov

Tutorial 4 Working With Particles 163The selected starting project opens and appears within the Motion interface. Adding a Particle PresetOpen the

164 Tutorial 4 Working With Particles4 In the file stack, select the Embryo particle preset.A preview of the particle system appears in the Preview

Tutorial 4 Working With Particles 1653 Control-click Blur01.png, then choose Open in Viewer from the shortcut menu.The object is displayed in a Vie

166 Tutorial 4 Working With ParticlesNote: To quickly navigate to a specific frame, click in the Current Frame field (to the left of the transport

Tutorial 4 Working With Particles 167The new gradient’s colors match the background more closely. Although the gradient is a preset, it can be cust

168 Tutorial 4 Working With ParticlesThe Gradient Editor is divided into three areas:• The thin rectangle at the top displaying the opacity bar• Th

Tutorial 4 Working With Particles 1694 Click the color picker (the magnifying glass icon) in the Colors window.The color picker appears.5 Position

Tutorial 1 The Motion Interface 17Notice the small behavior icon that appears next to the layer name. This indicates that a behavior (Fade In/Fade

170 Tutorial 4 Working With ParticlesTo change the opacity of the particles:1 In the Emitter tab of the Inspector, select the leftmost opacity tag

Tutorial 4 Working With Particles 171Now, drag the spread control toward the leftmost opacity tag until the Location value is approximately 15 perc

172 Tutorial 4 Working With ParticlesBecause the current blend mode of the Blue Lights emitter object is Normal, the background does not show throu

Tutorial 4 Working With Particles 1733 In the Blending controls, choose Add from the Blend Mode pop-up menu.Note: You can also Control-click the p

174 Tutorial 4 Working With ParticlesAdjusting the Shape of the ParticlesIn this section, adjust the shape and scale of the particles by modifying

Tutorial 4 Working With Particles 175Saving the Particle Emitter to the LibraryAfter a particle system has been adjusted to your liking, you can sa

176 Tutorial 4 Working With Particles4 Drag the Blue Lights emitter from the stack to the Canvas, on top of the letter J.The customized emitter is

Tutorial 4 Working With Particles 1774 Move the playhead to frame 150.Next, move the two particle systems into their final positions.To place the p

178 Tutorial 4 Working With ParticlesExercise 2: Using a Clip as a Particle Cell SourceIn this exercise, use a shape with a gradient as a backgrou

Tutorial 4 Working With Particles 1794 Choose NTSC Broadcast SD from the Preset pop-up menu, then click OK.A new NTSC project is created.Adding a S

18 Tutorial 1 The Motion Interface2 Once the add pointer appears, release the mouse button to drop the boxes layer.3 Play the project (press the Sp

180 Tutorial 4 Working With ParticlesModifying the GradientNext, modify the gradient to more closely resemble a sky at sunset.To modify the colors

Tutorial 4 Working With Particles 181The Canvas should look similar to the image below.With either of the color tags at the bottom of the Gradient

182 Tutorial 4 Working With ParticlesImporting a Particle Cell SourceThe Library contains a Sun particle preset, which needs no modification for th

Tutorial 4 Working With Particles 1833 Click in an empty part of the Layers list so that no objects are selected.4 Play the project (press the Spac

184 Tutorial 4 Working With ParticlesA single butterfly flaps its wings in the center of the Canvas, then disappears. A quick glance at the mini-Ti

Tutorial 4 Working With Particles 185To adjust the Butterflies emitter:1 With the Butterflies emitter selected, click the Emitter tab of the Inspec

186 Tutorial 4 Working With ParticlesNow some of the butterflies are larger than 60 percent, and some are smaller.Although the butterfly clip is on

Tutorial 4 Working With Particles 187To save a custom gradient from the shape:1 In the Layers tab, select Sky.2 In the Shape tab of the Inspector,

188 Tutorial 4 Working With ParticlesNow, over the butterfly particles’ lives, their color is tinted according to the Sunset Sky gradient.The gradi

Tutorial 4 Working With Particles 1892 In the Library, select Behaviors, then select Basic Motion.3 In the stack, select Throw.4 In the Preview are

Tutorial 1 The Motion Interface 19Motion DashboardsThe Dashboard is a floating window that provides instant access to the most commonly used parame

190 Tutorial 4 Working With Particles2 In the Dashboard, drag from the center of the circle to the right as far as you can.Notice that in the Inspe

Tutorial 4 Working With Particles 1913 In the Canvas, drag the emitter to the left until it is completely off-screen, using the screenshot below as

192 Tutorial 4 Working With ParticlesNote: If the Select Project Preset dialog does not appear, and a new project is automatically created, see “C

Tutorial 4 Working With Particles 193To use the star shape as a particle cell source:1 With the star object selected, press E.A new particle system

194 Tutorial 4 Working With ParticlesTo change the scale of the particles:1 In the Layers tab, select the 5-sided star cell source, which has the p

Tutorial 4 Working With Particles 1952 Click in the color bar at the bottom of the Gradient Editor at three different points along the range of the

196 Tutorial 4 Working With Particles5 Set Opacity to 0 percent.The right end of the opacity bar displays black as well. With these settings, the p

Tutorial 4 Working With Particles 197Emitter ShapesThe shape of the emitter plots where particles appear as they are generated. If the emitter shap

198 Tutorial 4 Working With Particles3 One at a time, select one of the two end points of the emitter, and drag to reposition it. Set a low speed w

Tutorial 4 Working With Particles 199To change the pattern of the emitter:mChoose Outline from the Arrangement pop-up menu. Next, make the circle s

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

20 Tutorial 1 The Motion Interface3 In the Layers tab, click the boxes layer to select it.Note: If the Dashboard is not visible, press D.A Dashboa

200 Tutorial 4 Working With ParticlesTo center the circle in the Canvas:1 Move the Adjust Item tool until it is either inside or outside the circle

Tutorial 4 Working With Particles 2012 Set Speed Range to 30.Some of the particles shift position slightly, because some of their individual speeds

202 Tutorial 4 Working With ParticlesThe particles all spin in different directions. In the Inspector, the Behaviors tab is automatically selected,

Tutorial 4 Working With Particles 203Exercise 4: Particles and Simulation BehaviorsThis exercise demonstrates the effects of adding Simulation beh

204 Tutorial 4 Working With ParticlesAll the particles are now generated from a single point.3 In the Dashboard, drag the dot on the edge of the Em

Tutorial 4 Working With Particles 2054 In the Dashboard, drag the arrow until the Emission Angle value is approximately 45 in the Inspector.5 In th

206 Tutorial 4 Working With Particles12 In the Canvas, drag the Stars emitter toward the bottom-right of the Canvas.13 Save your project (Command+S

Tutorial 4 Working With Particles 2073 In the stack, select Edge Collision.4 In the Preview area, click the Apply button.

208 Tutorial 4 Working With ParticlesThe particles with a long enough life now collide with the edges of the Canvas and bounce back before finally

Tutorial 4 Working With Particles 209Increasing the acceleration to that value slows the particles’ ascent, and also decreases the maximum height t

Tutorial 1 The Motion Interface 21Observe that although the Opacity of the layer is 50 percent, the Opacity of the selected box (a “child” object w

210 Tutorial 4 Working With Particles3 In the Canvas, press Shift and drag a corner of the shape’s bounding box to scale down the star, until it is

Tutorial 4 Working With Particles 211To set the particles to orbit the Big Star object:1 Press F7 or D to display the Dashboard.2 Drag the Big Star

212 Tutorial 4 Working With ParticlesBecause the default Orbit Around parameters are pulling the particles around Big Star strongly, the other simu

Tutorial 4 Working With Particles 213What You Have Learned• How to add a particle emitter from the Library to your project• How to modify the param

5 2155 The ReplicatorThe replicator creates a pattern of repeating elements from a single object, altering the duplicated objects over the course

216 Tutorial 5 The ReplicatorTo review the result project:1 Once Motion is open, choose File > Open (or press Command+O). 2 In the Open dialog,

Tutorial 5 The Replicator 2172 In the Open dialog, navigate to the Tutorial Projects folder (default is /Users/Shared/Motion/Tutorial Media/Tutoria

218 Tutorial 5 The ReplicatorThe replicator pattern can be resized by dragging the corners or edges of the replicator bounding box. Resizing the Pa

Tutorial 5 The Replicator 219To change the scale of the objects in a replicator pattern:mIn the Replicator tab of the Inspector, change the Scale E

22 Tutorial 1 The Motion InterfaceNote: You can also press D to cycle through the Dashboards for an object, or press Shift+D to cycle in reverse.3

220 Tutorial 5 The ReplicatorThe default colors of the gradient appear in the pattern, with the red starting at the center and moving toward blue a

Tutorial 5 The Replicator 221Now you can more clearly examine how the pattern is built.To change the replicator so that the objects in the pattern

222 Tutorial 5 The ReplicatorTo change the build style of the replicator:mIn the Replicator tab of the Inspector, choose By Row from the Build Styl

Tutorial 5 The Replicator 223To change the Angle End of the replicator pattern:1 In the Inspector, change Angle End to 50.Now, as the array is buil

224 Tutorial 5 The ReplicatorTo change the replicator shape and add more arms:1 Choose Burst from the Shape pop-up menu.The shape of the pattern ch

Tutorial 5 The Replicator 225To align the angles of the objects to their related arms:mTurn on the Align Angle checkbox.Now, the objects are aligne

226 Tutorial 5 The ReplicatorExercise 2: Animating the ReplicatorNow that you have a basic setup for a replicator pattern, you can animate it. Use

Tutorial 5 The Replicator 227Notice that the arms of the Burst array begin the animated sequence separated, but come together as the animation play

228 Tutorial 5 The ReplicatorThe Sequence Replicator behavior does nothing until you animate one of its parameters. In this example, animate the Ro

Tutorial 5 The Replicator 229To make the objects in the pattern rotate at the same time:mChoose all from the Unit Size pop-up menu.Now, add color t

Tutorial 1 The Motion Interface 23The Dashboard for the upper green box object appears.In addition to the Opacity and Blend Mode parameters, the sh

230 Tutorial 5 The Replicator3 In the Colors window, choose a red color.The color of each shape in the pattern moves toward the selected red color

Tutorial 5 The Replicator 231To add an opacity change to the Sequence Replicator behavior:1 In the Inspector, select the Behaviors tab.2 Choose Opa

232 Tutorial 5 The Replicator3 Move the pattern to the top-right corner of the Canvas.4 In the Layers list, select the Sequence Replicator behavior

Tutorial 5 The Replicator 233Now the pattern moves from the top-left corner of the Canvas to the bottom-right corner over the course of its life.Ad

234 Tutorial 5 The Replicator2 In the Shape tab of the Inspector, set Feather to -22.The edges of the shape are feathered inward, giving a striking

Tutorial 5 The Replicator 235To add a Simulation behavior to the replicator:1 In the Layers tab, select the pattern.2 In the Toolbar, click the Add

24 Tutorial 1 The Motion InterfaceTo use the Colors window to change the color of a shape:1 Click the color well once.The Colors window appears. Yo

Tutorial 1 The Motion Interface 25Turning Behaviors On or Off in the Layers TabAs mentioned previously, you can tell that the boxes layer has a beh

26 Tutorial 1 The Motion InterfaceTo show an object in the Inspector:1 Make sure the upper green box object is selected.2 Click the Inspector icon

Tutorial 1 The Motion Interface 27Note: The right value slider is the Y shear parameter. To see the individual X and Y parameters, click the Shear

28 Tutorial 1 The Motion Interface9 In the Save As text field, type a personalized name for the project, then choose a location to save the file.Im

Tutorial 1 The Motion Interface 29The shape object has an applied Throw behavior, so the controls for that behavior appear in the Behaviors tab. 2

3 1 Contents Preface 5 Welcome to Motion 25 Getting Started Tutorial 1 9 The Motion Interface10 Getting Started 19 Motion Dashboards 25 Using

30 Tutorial 1 The Motion InterfaceViewing the Shape (Object) TabThe fourth tab in the Inspector is the Object tab. The Object tab changes depending

Tutorial 1 The Motion Interface 31The left side of the Timeline is called the Timeline Layer list, and is similar to the Layers list in the Project

32 Tutorial 1 The Motion InterfaceWhen an object is selected, notice that a single thin bar appears below the Canvas and above the transport contro

Tutorial 1 The Motion Interface 33To modify objects in the Timeline:1 In the Timeline Layer list, click the disclosure triangle for the dolphins la

34 Tutorial 1 The Motion InterfaceThe center dolphin clip appears first, and the left and right shots appear in sequence. However, notice that the

Tutorial 1 The Motion Interface 35As in the Layers tab, you can see by the icon in the Timeline Layer list that each of the dolphin objects has a b

36 Tutorial 1 The Motion InterfaceLocating the Tutorial FilesIn this section, learn to navigate the browser by locating the tutorial files.To navig

Tutorial 1 The Motion Interface 37Note: By default, all files attempt to play in the Preview area. You can disable this feature in the File Browse

38 Tutorial 1 The Motion InterfaceObjects imported this way are placed at the playhead position. The playhead indicates which frame is currently di

Tutorial 1 The Motion Interface 397 In the Still Images & Objects section, set the Create Objects At preference to “Start of project.”Newly cre

40 Tutorial 1 The Motion InterfaceIf they are enabled, yellow Dynamic Guides appear automatically when the edges of your selection align with edges

Tutorial 1 The Motion Interface 417 Rotate the object back to a horizontal position. Press Shift to constrain the rotation to 45-degree angles.8 Re

42 Tutorial 1 The Motion InterfaceDifferent types of effects, such as shearing or anchor point adjustment can be made by selecting a new object tra

Tutorial 1 The Motion Interface 43A drop shadow is created for the object. You can position the shadow in any direction or distance from the object

44 Tutorial 1 The Motion InterfaceA drop menu containing import options appears.3 Drop the file on the Import All Layers pane.A new layer is create

Tutorial 1 The Motion Interface 454 In the Layers tab, double-click the name of the layer containing the GreenSquares layer and the National Geogra

46 Tutorial 1 The Motion InterfaceUsing BehaviorsYou can apply motion to an object in a number of ways. The easiest way to get an object in motion

Tutorial 1 The Motion Interface 47The Preview area of the Library plays a preview of the behavior and also displays a text description of the behav

48 Tutorial 1 The Motion InterfaceA pop-up menu appears containing all of the behaviors that can be applied to the selected object.2 Choose Basic M

Tutorial 1 The Motion Interface 49Note: The Zoom slider controls the magnification of the Throw control. So if you drag the arrow to be as large a

5 Preface Welcome to Motion 2 Motion is a powerful, yet easy-to-use, motion graphics application that lets you create content for broadcast an

50 Tutorial 1 The Motion InterfaceNote: Pressing Shift constrains the movement to 90-degree angles.A red path appears indicating the direction and

Tutorial 1 The Motion Interface 51Using FiltersAnother broad category of effects available in Motion is filters. Filters modify the visual characte

52 Tutorial 1 The Motion Interface4 Drag the Color Balance filter to the GreenSquares object in the Canvas.The filter is applied to the object and

Tutorial 1 The Motion Interface 53The Fade In/Fade Out behavior is applied to the graphics layer and its Dashboard appears. All of the elements wit

2 552 Basic Motion BehaviorsBehaviors are the heart of Motion. In this tutorial, learn how to use the Basic Motion behaviors to create motion wit

56 Tutorial 2 Basic Motion BehaviorsImportant: This tutorial encourages you to play back your project while working. Performance of the project va

Tutorial 2 Basic Motion Behaviors 574 Click the Play button (or press the Space bar) to play the project.5 Choose File > Close (or press Command

58 Tutorial 2 Basic Motion BehaviorsIf the Select Project Preset dialog appears:mChoose NTSC Broadcast SD from the Preset pop-up menu, then click O

Tutorial 2 Basic Motion Behaviors 59Changing the Background Color and Duration of the ProjectUse the Project Properties dialog to change the backgr

6 Preface Welcome to Motion 2 Relinking Missing Media When Motion cannot locate source files used by a project (for instance, if the project so

60 Tutorial 2 Basic Motion Behaviors5 Make sure that Frames is chosen from the pop-up menu (located below the fps text).6 Double-click in the Durat

Tutorial 2 Basic Motion Behaviors 615 In the Playback Control group, turn on “Limit playback speed to project frame rate.”Depending on your system,

62 Tutorial 2 Basic Motion BehaviorsImporting the Project FilesIn this section, you use different methods to import the media and graphics files re

Tutorial 2 Basic Motion Behaviors 633 Do one of the following:• In the Preview area of the browser, click Import.The file is imported and placed in

64 Tutorial 2 Basic Motion BehaviorsTo delete the dolphin jump object from the Layers tab:1 In the Layers tab, select Layer 1 (the object is highli

Tutorial 2 Basic Motion Behaviors 65Cropping the Dolphins ClipThere are two ways to crop objects in Motion: in the Media tab of the Inspector, or

66 Tutorial 2 Basic Motion Behaviors4 Set the following values:• Set the Left value to 22.• Set the Right value to 6.The object is cropped in the C

Tutorial 2 Basic Motion Behaviors 672 Option-drag the duplicate of the dolphins.mov object to the lower-right third of the Canvas. Note: To align

68 Tutorial 2 Basic Motion Behaviors5 Position the objects in the lower center of the Canvas.The guide appears when the group of objects is centere

Tutorial 2 Basic Motion Behaviors 693 Drag one of the crop sliders.In the Canvas, only the selected object is affected.Note: The cropping values s

Preface Welcome to Motion 2 7 Time Display Ensure that Motion Preferences are set to display time as Frames. To set the preference for time dis

70 Tutorial 2 Basic Motion BehaviorsGood HousekeepingIn the Layers tab, notice that the duplicated dolphin objects are given default “copy” names.

Tutorial 2 Basic Motion Behaviors 714 Drag the Fade In/Fade Out behavior to the dolphin-left object in the Canvas. When the green add pointer (+) a

72 Tutorial 2 Basic Motion BehaviorsTo apply the Fade In/Fade Out behavior to the second and third dolphin objects:1 In the Canvas, select the dolp

Tutorial 2 Basic Motion Behaviors 73Offsetting the Dolphin Objects in TimeUse the mini-Timeline to offset two of the dolphin objects so that the im

74 Tutorial 2 Basic Motion BehaviorsTo move the dolphin objects in time:1 In the Canvas or Layers tab, select the dolphin-center object.2 In the mi

Tutorial 2 Basic Motion Behaviors 75To move the fade behavior that is applied to the dolphin-right object:1 In the Layers tab or Timeline Layer lis

76 Tutorial 2 Basic Motion Behaviors4 Drag the bar until the In point is aligned with the dolphin-right object (frame 40).5 Click the Timing icon (

Tutorial 2 Basic Motion Behaviors 77In the Canvas, notice that a transform control for the new boxes layer appears with no surrounding bounding box

78 Tutorial 2 Basic Motion Behaviors2 Drag over the dolphin objects to create a rectangle shape.3 When you have created the shape you want, release

Tutorial 2 Basic Motion Behaviors 795 In the Colors window, click the color picker tool.6 Click a blue color in one of the dolphin images.The shape

8 Preface Welcome to Motion 2

80 Tutorial 2 Basic Motion Behaviors2 Click the blue color bar (to the right of the color picker tool), and drag a color swatch to the palette at t

Tutorial 2 Basic Motion Behaviors 813 Position the duplicated shape to the right at the bottom edge of the dolphin objects.4 In the Toolbar, choose

82 Tutorial 2 Basic Motion BehaviorsTo duplicate the two shapes and change their color:1 Select both of the shapes, press Option, then drag the obj

Tutorial 2 Basic Motion Behaviors 83In the Scale parameter, a dot appears on the slider control. This indicates that a nonproportional scale has be

84 Tutorial 2 Basic Motion Behaviors5 Finish off this section with the housekeeping rule. In the Layers tab, rename the objects using the following

Tutorial 2 Basic Motion Behaviors 854 Just as you would when dragging behaviors to objects in the Canvas, release the mouse button when the add poi

86 Tutorial 2 Basic Motion BehaviorsWhen the mouse button is released, a thin red line appears that extends from the anchor point of the object. Th

Tutorial 2 Basic Motion Behaviors 872 In the Toolbar, click the Add Behavior icon and choose Basic Motion > Throw.The Throw is applied to the th

88 Tutorial 2 Basic Motion Behaviors3 In the Timeline, click the right end of the Throw behavior that is applied to the upper green box object and

Tutorial 2 Basic Motion Behaviors 89To apply the Fade In/Fade Out behavior to the boxes layer, do one of the following:mFrom the Library, drag the

1 9 1 The Motion Interface This tutorial introduces you to creating motion graphics by exploring the Motion interface and basic workflow, incl

90 Tutorial 2 Basic Motion BehaviorsImportant: When you want to apply a behavior to a layer or group of objects in the Canvas, make sure that an i

Tutorial 2 Basic Motion Behaviors 91To add the first title:1 With the titles layer selected, click the Text tool (or press T) in the Toolbar.2 Clic

92 Tutorial 2 Basic Motion Behaviors3 In the Text Dashboard, choose Center from the Alignment pop-up menu.The position of the text object changes a

Tutorial 2 Basic Motion Behaviors 936 In the Inspector, double-click the Size value field, type 50, then press Return.7 In the Dashboard or Inspect

94 Tutorial 2 Basic Motion BehaviorsTo position the “dolphin” title:mUsing the Dynamic Guides in the Canvas, center the dolphins text object in the

Tutorial 2 Basic Motion Behaviors 956 Using the guides in the Canvas, center the aquatic acrobat text object below the dolphin text object.Tip: An

96 Tutorial 2 Basic Motion BehaviorsIn the Format pane of the Text Inspector, notice the small behavior icon in the Tracking parameter row. This in

Tutorial 2 Basic Motion Behaviors 97Add the text graphic:1 In the File Browser, navigate to the Tutorial Media folder (default is /Users/Shared/Mot

98 Tutorial 2 Basic Motion Behaviors4 Using the following image as a guide, position the circleText object in the lower-right corner of the Canvas.

Tutorial 2 Basic Motion Behaviors 993 Drag the behaviors to the circleText object in the Canvas or Layers tab.Both behaviors are applied to the cir