Motion User Guide
- Welcome
- What’s new
-
- Intro to basic compositing
-
- Intro to transforming layers
-
- Intro to transforming layers in the canvas
- Transform layer properties in the canvas
- Transform tools
- Change layer position, scale, or rotation
- Move a layer’s anchor point
- Add a drop shadow to a layer
- Distort or shear a layer
- Crop a layer
- Modify shape or mask points
- Transform text glyphs and other object attributes
- Align layers in the canvas
- Transform layers in the HUD
- Transform 2D layers in 3D space
-
- Intro to behaviors
- Behaviors versus keyframes
-
- Intro to behavior types
-
- Intro to Parameter behaviors
- Audio behavior
- Average behavior
- Clamp behavior
- Custom behavior
- Add a Custom behavior
- Exponential behavior
- Link behavior
- Logarithmic behavior
- MIDI behavior
- Add a MIDI behavior
- Negate behavior
- Oscillate behavior
- Create a decaying oscillation
- Overshoot behavior
- Quantize behavior
- Ramp behavior
- Randomize behavior
- Rate behavior
- Reverse behavior
- Stop behavior
- Track behavior
- Wriggle behavior
-
- Intro to Simulation behaviors
- Align to Motion behavior
- Attracted To behavior
- Attractor behavior
- Drag behavior
- Drift Attracted To behavior
- Drift Attractor behavior
- Edge Collision behavior
- Gravity behavior
- Orbit Around behavior
- Random Motion behavior
- Repel behavior
- Repel From behavior
- Rotational Drag behavior
- Spring behavior
- Vortex behavior
- Wind behavior
- Additional behaviors
-
- Intro to using generators
- Add a generator
-
- Intro to image generators
- Caustics generator
- Cellular generator
- Checkerboard generator
- Clouds generator
- Color Solid generator
- Concentric Polka Dots generator
- Concentric Shapes generator
- Gradient generator
- Grid generator
- Japanese Pattern generator
- Lens Flare generator
- Manga Lines generator
- Membrane generator
- Noise generator
- One Color Ray generator
- Op Art 1 generator
- Op Art 2 generator
- Op Art 3 generator
- Overlapping Circles generator
- Radial Bars generator
- Soft Gradient generator
- Spirals generator
- Spiral Drawing generator
- Use Spiral Drawing onscreen controls
- Star generator
- Stripes generator
- Sunburst generator
- Truchet Tiles generator
- Two Color Ray generator
- Save a modified generator
-
- Intro to filters
- Browse and preview filters
- Apply or remove filters
-
- Intro to filter types
-
- Intro to Color filters
- Brightness filter
- Channel Mixer filter
- Color Adjustments filter
- Color Balance filter
- Example: Color-balance two layers
- Color Curves filter
- Use the Color Curves filter
- Color Reduce filter
- Color Wheels filter
- Use the Color Wheels filter
- Colorize filter
- Contrast filter
- Custom LUT filter
- Use the Custom LUT filter
- Gamma filter
- Gradient Colorize filter
- HDR Tools filter
- Hue/Saturation filter
- Hue/Saturation Curves filter
- Use the Hue/Saturation Curves filter
- Levels filter
- Negative filter
- OpenEXR Tone Map filter
- Sepia filter
- Threshold filter
- Tint filter
-
- Intro to Distortion filters
- Black Hole filter
- Bulge filter
- Bump Map filter
- Disc Warp filter
- Droplet filter
- Earthquake filter
- Fisheye filter
- Flop filter
- Fun House filter
- Glass Block filter
- Glass Distortion
- Insect Eye filter
- Mirror filter
- Page Curl filter
- Poke filter
- Polar filter
- Refraction filter
- Ring Lens filter
- Ripple filter
- Scrape filter
- Sliced Scale filter
- Use the Sliced Scale filter
- Sphere filter
- Starburst filter
- Stripes filter
- Target filter
- Tiny Planet filter
- Twirl filter
- Underwater filter
- Wave filter
-
- Intro to Stylize filters
- Add Noise filter
- Bad Film filter
- Bad TV filter
- Circle Screen filter
- Circles filter
- Color Emboss filter
- Comic filter
- Crystallize filter
- Edges filter
- Extrude filter
- Fill filter
- Halftone filter
- Hatched Screen filter
- Highpass filter
- Indent filter
- Line Art filter
- Line Screen filter
- MinMax filter
- Noise Dissolve filter
- Pixellate filter
- Posterize filter
- Relief filter
- Slit Scan filter
- Slit Tunnel filter
- Texture Screen filter
- Vignette filter
- Wavy Screen filter
- About filters and color processing
- Publish filter controls to Final Cut Pro
- Using filters on alpha channels
- Filter performance
- Save custom filters
-
- 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
- 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
- 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 settings and shortcuts
-
- Intro to Keyboard shortcuts
- Use function keys
- General keyboard shortcuts
- Audio list keyboard shortcuts
-
- Tools keyboard shortcuts
- Transform tool keyboard shortcuts
- Select/Transform tool keyboard shortcuts
- Crop tool keyboard shortcuts
- Edit Points tool keyboard shortcuts
- Edit shape tools keyboard shortcuts
- Pan and Zoom tools keyboard shortcuts
- Shape tools keyboard shortcuts
- Bezier tool keyboard shortcuts
- B-Spline tool keyboard shortcuts
- Paint Stroke tool keyboard shortcuts
- Text tool keyboard shortcuts
- Shape mask tools keyboard shortcuts
- Bezier Mask tool keyboard shortcuts
- B-Spline Mask tool keyboard shortcuts
- Transport control keyboard shortcuts
- View option keyboard shortcuts
- HUD keyboard shortcuts
- Inspector keyboard shortcuts
- Keyframe Editor keyboard shortcuts
- Layers keyboard shortcuts
- Library keyboard shortcuts
- Media list keyboard shortcuts
- Timeline keyboard shortcuts
- Keyframing keyboard shortcuts
- Shape and Mask keyboard shortcuts
- 3D keyboard shortcuts
- Miscellaneous keyboard shortcuts
- Touch Bar shortcuts
- Move assets to another computer
- Work with GPUs
- Glossary
- Copyright
![](https://help.apple.com/assets/6578ED9D202EA54F7003FAAA/6578ED9EBDA3B130FF0B4ED0/en_US/61af24e141c4e4e33a9f3252ac43ed64.png)
Create 3D intersection in Motion
By default in Motion, the order of layers in the Layers list determines the stacking order of layers in the canvas. In other words, layers higher up in the Layers list appear in the canvas on top of layers that are lower in the Layers list. This hierarchy of layer organization is called layer order. Even when you move a layer forward in Z space using 3D transform handles, that layer does not pass through or move in front of layers that are higher in the Layers list. Layer order prevents intersection and interaction of layers.
Important: 3D objects intersect only with like objects. In other words, 3D text objects intersect only with other 3D text objects, and 3D objects intersect only with other 3D objects. Additionally, 3D text and 3D objects use layer order: For 3D text or 3D objects to appear above other non-3D text or non-3D object layers, the 3D text or 3D object must be positioned above the other layers in the Layers list; the text’s or object’s Z position in the canvas has no effect. See 3D text intersection.
In the image below, groups “Orange A” and “Yellow B” are positioned at the same point in 3D space. But because they are layer-ordered, “Orange A” does not intersect with “Yellow B.”
![Layers list and canvas showing groups sorted in layer order](https://help.apple.com/assets/6578ED9D202EA54F7003FAAA/6578ED9EBDA3B130FF0B4ED0/en_US/782e1bbf72daefc1e8394b0fec911322.png)
To have objects intersect in the canvas, you must convert groups in your project to depth order. You do this by converting 2D groups to 3D groups.
In the image below, because the parent group has been converted to 3D, groups “Orange A” and “Yellow B” now intersect.
![Layers list and canvas showing groups sorted in depth order](https://help.apple.com/assets/6578ED9D202EA54F7003FAAA/6578ED9EBDA3B130FF0B4ED0/en_US/67c4a598c58d9f286e504e7d79a60ef1.png)
To summarize:
Groups and layers nested in 2D groups are composited in layer order.
Groups and layers nested in 3D groups are composited in depth order.
A Motion project can contain both 2D and 3D groups, and both groups can be parents or nested children of one another. And you can convert a group from 2D to 3D, and vice versa, at any time.
Convert a group from 2D to 3D to enable intersection
In the Layers list in Motion, select a 2D group, then do one of the following:
Click the 2D icon to the right of the group in the Layers list.
Choose Object > 3D Group (or press Control-D).
In the Group Inspector, click the Type pop-up menu, then choose 3D.
The 2D group icon is replaced by a 3D group icon, and layers and groups nested in the parent group are converted to depth order, allowing intersection with other depth-ordered layers and groups. To change a group from 3D to 2D, use the same method described above.
Important: Some operations, as well as the application of some filters or a mask, cause a group to be rasterized. When a group is rasterized, it’s converted into a bitmap image. Rasterization affects 2D and 3D groups in different ways, sometimes preventing 3D intersection. See Intro to rasterization.
Download this guide: PDF