Welcome
- What’s new in Motion 5.5
- What’s new in 5.4.6
- What’s new in 5.4.4
- What is Motion?
- Motion workflow
- Motion interface
- Basic components of Motion
- Using input devices
- Intro to creating projects
- Create a new project
- Open an existing project
- Search for projects from the Finder
- Bypass the Project Browser
- Create and modify project presets
- Save, autosave, and revert projects
- Intro to adding and managing content
- Intro to project playback
- Define the play range
- Project playback performance
- Intro to basic compositing
- - Modify layer opacity
- Intro to 3D compositing
- - Intro to 3D coordinates
  - Relative coordinates
- Transform layers in 3D space
- - Create 3D intersection
  - 2D and 3D group properties
- Intro to the Timeline
- Display or resize the Timing pane
- Navigate in the Timeline
- Show and modify keyframes in the Timeline
- - Intro to the Timeline ruler
  - Edit a range of frames in the Timeline
- Edit in the mini-Timeline
- Intro to behaviors
- Behaviors versus keyframes
- - Browse for behaviors
- - Intro to adjusting behaviors
  - Adjust behaviors
- Intro to keyframing
- Add keyframes
- - Add an animation path in the canvas
  - Modify animation paths
- Animate from the HUD
- - Apply keyframes to behaviors
  - Combining keyframes and behaviors
- Use the mini-curve editor
- Animate on the fly
- Simplify a keyframe curve
- Intro to Final Cut Pro templates
- - Template workflow
  - Placeholders vs. drop zones
- - Create a generator template
  - Modify a Final Cut Pro generator
- - Convert a Motion project to Final Cut Pro
  - Convert a template to another type
- Use placeholder images in templates
- Set template resolution
- Add multiple aspect ratios to templates
- Override the Final Cut Pro color space
- Where are templates saved?
- Using masks in templates
- Guidelines for better templates
- Intro to rigging
- How does rigging work?
- Build a simple rig
- Work with widgets
- Control rigs from Animation menus
- Publish rigs to Final Cut Pro
- Intro to Particles
- - Add a particle system
  - Anatomy of a particle emitter
- Create 3D particles
- Particle system timing
- Using graphics in particle systems
- Using filters and masks with particles
- Save custom particle effects
- Intro to replicators
- Replicators vs. particle systems
- - Add a replicator
  - Anatomy of a replicator
- Work with 3D replicators
- Replicator timing
- Using filters and masks with replicators
- Save custom replicators
- Intro to basic text
- Select and modify text in the canvas
- Preview and apply fonts
- Use preset text styles
- - Intro to editing text
  - Display the Text Inspector or HUD
- Convert standard text to 3D text
- Check spelling
- Find and replace text
- Using filters with text
- Intro to 3D text
- 3D text workflow
- - Add 3D text
  - Convert 2D text to 3D text
- Apply a preset 3D text style
- Move and rotate 3D text
- Add a glow or drop shadow to 3D text
- 3D text intersection
- Intro to animated text
- Apply a text behavior
- - Use the Scroll Text behavior
  - Scroll Text controls
- - Use the Text Tracking behavior
  - Text Tracking controls
- - Use the Type On behavior
  - Type On controls
- Animate individual text glyphs
- Animating 2D text in 3D space
- When to use keyframes to animate text
- Adding nontext behaviors to text
- Save a modified text behavior
- Intro to shapes, masks, and paint strokes
- - Intro to complex shapes and masks
  - Draw complex shapes and masks
- Edit fill, outline, and feathering
- Keyframe shape control points
- Convert between shapes and masks
- Using filters and masks with shapes
- Copy shape styles
- Save custom shapes and shape styles
- Intro to using generators
- Add a generator
- - Modify or animate a generator
  - Controls common to all generators
- Save a modified generator
- Intro to filters
- Browse and preview filters
- Apply or remove filters
- - Animate filter parameters with keyframes
  - Animate filters using behaviors
- Publish filter parameters to Final Cut Pro
- Using filters on alpha channels
- Filter performance
- Save custom filters
- Intro to color keying
- - Intro to the Luma Keyer filter
  - Luma Keyer filter controls
- Intro to 3D objects
- Add a 3D object
- Move and rotate a 3D object
- Reposition a 3D object’s anchor point
- Exchange a 3D object file
- 3D object intersection and layer order
- - Intro to 3D object timing
  - Modify 3D object timing in Motion
- Using cameras and lights with 3D objects
- Save custom 3D objects
- Guidelines for working with 3D objects
- Working with imported 3D objects
- Intro to 360-degree video
- 360-degree projects
- Create 360-degree projects
- Add 360-degree video to a project
- - View 360-degree projects
  - View 360-degree video in a VR headset
- - Intro to graphics in 360-degree projects
  - Use graphics in 360-degree projects
- Create a tiny planet effect
- Reorient 360-degree media
- Creating 360-degree templates for Final Cut Pro
- 360-degree-aware filters and generators
- Export and share 360-degree projects
- Guidelines for better 360-degree projects
- Intro to tracking
- How does motion tracking work?
- Motion tracking behavior types
- Analyze motion in a clip
- Stabilize a shaky clip
- Unstabilize a clip
- Use a range of frames for analysis
- Load existing tracking data
- Track shapes, masks, and paint strokes
- Track a filter’s position parameter
- Adjust onscreen trackers
- Save tracks to the Library
- Intro to audio
- View audio files
- Add audio files
- Play audio files
- Intro to exporting projects
- Export a QuickTime movie
- Export audio only
- Export a still image
- Export an image sequence
- Export to Apple devices
- Export to email
- Export using Compressor
- Create share destinations
- Render settings
- View the status of shared items
- Share notifications
- Intro to preferences and shortcuts
- Touch Bar shortcuts
- Move assets to another computer
- Work with GPUs
Glossary
Copyright

Gradient editor controls in Motion

When you click the disclosure triangle to the left of the basic gradient controls, the expanded controls of the gradient editor become available. You can use these expanded controls to add keyframes and create animated gradient effects.

Gradient preset pop-up menu: An unlabeled pop-up menu at the top of the gradient controls used to apply preset gradients or to save custom gradients.

Graphical controls: Three horizontal bars that let you set and preview the opacity, color, and spread of a gradient.
The narrow, white top bar (the opacity bar) controls opacity and transparency in the gradient. Adjust the spread of opacity across the gradient by dragging one of the small box-shaped opacity tags horizontally along the bar. Click in the opacity bar to add opacity tags, creating a gradient with varying levels of transparency. Delete an opacity tag by dragging it away from the color bar. Change the value of an opacity tag by selecting it and dragging the Opacity slider (described below).
Opacity tags have a value range of 0% (completely transparent) to 100% (completely opaque). Adjust the transition between two opacity tags by dragging the middle control—a small triangle between adjacent tags, available when Interpolation is set to Continuous (described below). By default, the opacity of a gradient applied to text is 100%.
The wide middle bar shows a preview of the current gradient.
The narrow bottom bar (the gradient bar) controls color in the gradient. Adjust the spread of color across the gradient by dragging one of the small box-shaped color tags horizontally along the bar. Click in the gradient bar to add more color tags. Delete a color tag by dragging it away from the gradient bar. Change the value of a color tag by selecting it and choosing a color from the color well below, or by double-clicking the tag and choosing a color from the Colors window. Adjust the transition between color tags by dragging the middle control—a small triangle between adjacent tags, available when Interpolation is set to Continuous (described below).
Selecting a color tag activates the Color and Location controls (described below). Selecting an opacity tag activates the Opacity slider (described below). Selecting a middle control activates the Middle slider (described below).
Color: A color well and eyedropper that sets the hue of a selected color tag in the gradient bar. For more information about color wells, see Use basic color controls in Motion.
Opacity: A slider that sets the transparency of a selected opacity tag in the opacity bar. Values range from 0% (completely transparent) to 100% (completely opaque).
Interpolation: A pop-up menu that sets the interpolation of a selected color tag or opacity tag. There are three options:
- Linear: Creates a uniform distribution of opacity or color between the tags.
- Continuous: Sets an adjustable rate of change between adjacent opacity or color tags. Adjust the rate of change by dragging a middle control in the opacity bar or gradient bar, or by dragging the Middle slider (described below).
- Constant: Creates a constant color distribution from the color or opacity tag, moving from left to right in the gradient. For example, if the left color tag is set to Constant, the area of the gradient between that tag and the next one to the right is a single, solid color.
Middle: A slider that duplicates the function of the middle controls in the opacity bar and gradient bar, adjusting the transition point between opacity tags or color tags. When you select a middle control, the Middle slider becomes available.
Location: A slider that adjusts the location of a selected opacity tag or color tag.
Type: A pop-up menu that lets you choose a linear or radial gradient.
Start: Value sliders that set the start position of the gradient in the selected object. This parameter affects the gradient as a whole—colors and opacity. Clicking the disclosure triangle stacks the X and Y value sliders vertically instead of horizontally.
- X: Controls the X start position of the gradient.
- Y: Controls the Y start position of the gradient.
End: Value sliders that set the end position of the gradient in the selected object. This parameter affects the gradient as a whole—colors and opacity. Clicking the disclosure triangle stacks the X and Y value sliders vertically instead of horizontally.
- X: Controls the X end position of the gradient.
- Y: Controls the Y end position of the gradient.
Note: The Start and End parameters do not appear in text gradients.
Angle: When the Type pop-up menu is set to Linear, this dial specifies the direction of a linear gradient. This parameter only appears for text gradients.

Kasulik?

Motion User Guide

Gradient editor controls in Motion