
Touch Bar shortcuts in Motion
If your MacBook Pro has a Touch Bar, you can use familiar gestures like swipe and tap to quickly perform common tasks in Motion. Most of the Touch Bar controls are dynamic: Buttons change depending on your current selection within Motion and other applications. Related buttons and sliders appear together in groups in the Touch Bar.
Note: Depending on your MacBook Pro model, controls in the Touch Bar may vary.
For more information about the Control Strip and Esc button, see MacBook Pro Essentials. To learn more about the Touch Bar, see Use the Touch Bar on Mac in the macOS User Guide.
Project Browser

When you open the Project Browser in Motion, the following controls appear in the Touch Bar:
Icon | Tool/Item | Description |
---|---|---|
![]() | Open Other | Opens a dialog to select an existing project that doesn’t appear in the Project Browser. |
![]() | Import As Project | Opens a dialog to select media files to include in a new project. |
![]() | Cancel | Closes the Project Browser and any open dialogs while leaving the Motion application open. |
![]() | Open | Opens the project selected in the Project Browser. |
Motion project

When a Motion project is open and no object is selected, the following controls appear in the Touch Bar:
Icon | Tool/Item | Description |
---|---|---|
![]() | Tools | Opens tools for selecting and manipulating objects. See Tools, below. |
![]() | New Project | Opens the Project Browser (if Create New Project is selected in the General pane of Motion Settings). |
![]() | Import | Opens options for importing media or importing a file from Image Playground into your project. |
![]() | View | When you select a media clip in the import dialog, this button (in the Control Strip portion of the Touch Bar) activates controls to play or scrub the clip before you import it. |
![]() | Add Camera | Adds a camera to your project. |
![]() | Add Light | Adds a light to your project. |
![]() | Project Navigation | Opens project navigation controls. See Project navigation, below. |
Motion project with object selected

When you select an object in your project, the following controls appear in the Touch Bar.
Icon | Tool/Item | Description |
---|---|---|
![]() | Tools | Opens tools for selecting and manipulating objects. See Tools, below. |
![]() | Timing | Opens timing controls to change or mark In and Out points, and to play a selection. See Timing, below. |
![]() | Project Navigation | Opens project navigation controls. See Project navigation, below. |
Project navigation

When you tap the Project Navigation button , project navigation tools appear in the Touch Bar.
Icon | Tool/Item | Description |
---|---|---|
![]() | Close | Returns you to the previous Touch Bar screen. |
![]() | Project Navigation bar | Displays your project in a timeline bar with a playhead. Drag the playhead to navigate through your project. Drag the left end of the bar to mark a new play range In point; drag the right end of the bar to mark a new play range Out point. |
![]() | Snap | Activates snapping in the Project Navigation bar. When snapping is on, drag the playhead in the bar to snap to a selected object’s beginning or end, or to a project marker. (The playhead doesn’t snap to object markers.) When you drag either end of the bar, the play range snaps to the location of the playhead. |
Timing

When you tap the Timing button, the following controls appear in the Touch Bar:
Icon | Tool/Item | Description |
---|---|---|
![]() | Close | Returns you to the previous Touch Bar screen. |
![]() | Go to In Point | Positions the playhead at the beginning (In point) of the selected object. |
![]() | Go to Out Point | Positions the playhead at the end (Out point) of the selected object. |
![]() | Mark In | Sets a new In point for the selected object. |
![]() | Mark Out | Sets a new Out point for the selected object. |
![]() | Play Selection | Plays all layers as a composite based on the duration of the selected layer. |
Group

When multiple objects are selected, the following controls appear in the Touch Bar:
Icon | Tool/Item | Description |
---|---|---|
![]() | Tools | Opens tools for selecting and manipulating objects. See Tools, below. |
![]() | Group | Nests selected objects in a group. |
![]() | Project Navigation | Opens project navigation controls. See Project navigation. |
Tools

When you tap the Tools button , tools for creating objects, transforming objects, and navigating the canvas appear in the Touch Bar.
Not all tools are available for all objects. For example, the Edit Points tool is only available when a Bezier shape or a B-Spline shape is selected.
Note: To see all of the available tools, you may need to swipe in the Touch Bar.
Icon | Tool/Item | Description |
---|---|---|
![]() | Close | Returns you to the previous Touch Bar screen. |
![]() | Select/Transform | Activates the Select/Transform tool, allowing you to scale, move, or rotate objects. |
![]() | 3D Transform | Activates the 3D Transform tool, allowing you to manipulate any 2D or 3D object in 3D space. |
![]() | Anchor Point | Activates the Anchor Point tool, allowing you to reposition a layer’s anchor point. |
![]() | Drop Shadow | Activates the Drop Shadow tool, allowing you to modify the direction or offset of a layer’s drop shadow. |
![]() | Distort tool | Activates the Distort tool, allowing you to shear or distort a layer. |
![]() | Crop tool | Activates the Crop tool, allowing you to crop a layer. |
![]() | Edit Points | Activates the Edit Points tool, allowing you to adjust points and Bezier handles for complex masks, shapes, and motion paths. This button is displayed only when a Bezier or B-Spline shape is selected. |
![]() | Edit Shape (Rectangle or Circle) | Activates the Edit Shape tool, allowing you to modify the size, shape, feathering, position, or rotation of simple shapes. This button is displayed only when a simple shape is selected. |
![]() | Transform Glyph | Activates the Transform Glyph tool, allowing you to modify selected text characters (glyphs). The Transform Glyph button appears only when text is selected. |
![]() | Adjust Item | Activates the Adjust Item tool, allowing you to modify specific parameters such as the shape of a replicator or the start and end points of a gradient. |
![]() | Rectangle | Activates the Rectangle tool, allowing you to draw a rectangle shape. |
![]() | Circle | Activates the Circle tool, allowing you to draw a circle or ellipse shape. |
![]() | Line | Activates the Line tool, allowing you to draw a line shape. |
![]() | Bezier | Activates the Bezier tool, allowing you to draw a Bezier shape created with Bezier points and tangent handles. |
![]() | B-Spline | Activates the B-Spline tool, allowing you to draw a B-Spline shape created with B-Spline points. |
![]() | Paint Stroke | Activates the Paint Stroke tool, allowing you to paint shapes in the canvas. |
![]() | Text | Activates the Text tool, allowing you to add text in the canvas. |
![]() | 3D Text | Activates the 3D text tool, allowing you to create textured, dimensional text. |
![]() | Rectangle Mask | Activates the Rectangle Mask tool, allowing you to add a rectangle-shaped mask to a layer. |
![]() | Circle Mask | Activates the Circle Mask tool, allowing you to add a circle-shaped or ellipse-shaped mask to a layer. |
![]() | Freehand Mask | Activates the Freehand Mask tool, allowing you to add a hand-drawn mask to a layer. |
![]() | Bezier Mask | Activates the Bezier Mask tool, allowing you to add a mask created with Bezier points and tangent handles to a layer. |
![]() | B-Spline Mask | Activates the B-Spline Mask tool, allowing you to add a mask created with B-Spline points to a layer. |
![]() | Pan | Activates the Pan tool, allowing you to pan the canvas. |
![]() | Zoom | Activates the Zoom tool, allowing you to zoom in on the canvas. |
![]() | Walk 3D View | Activates the Walk 3D View tool, allowing you to position a camera in 3D space as you would in a computer game, using a keyboard-and-mouse navigation method. |
Text editing

When the text insertion point is active in the canvas, the following text-editing controls appear in the Touch Bar:
Icon | Tool/Item | Description |
---|---|---|
![]() | Done | Returns you to the previous Touch Bar screen. Note: The Done button does not appear in the Touch Bar on certain MacBook Pro models. |
![]() | Tools | When the Text tool is active, this control displays the tool buttons described in Tools, above. |
![]() | Text Alignment and Appearance | Activates controls for text alignment, style, and appearance. See Text alignment and appearance, below. |
![]() | Text Size | Activates a slider for text size. See Text size, below. |
![]() | Text Kerning | Activates a slider for text kerning. See Text kerning, below. |
![]() | 3D Text | Switches the selected text from 2D to 3D (and vice versa). |
![]() | Text Color | Activates color picker, hue, brightness, and saturation controls. See Text color, below. Note: To affect text color, the Fill With parameter must be set to Color (in the Appearance pane of the Text Inspector). |
![]() | Project Navigation | Opens project navigation controls. See Project navigation. |
Text alignment and appearance

When you tap the Text Alignment and Appearance button , the following controls appear in the Touch Bar:
Icon | Tool/Item | Description |
---|---|---|
![]() | Close | Returns you to the previous Touch Bar screen. |
![]() | Align Text | Aligns text to the left, center, or right. |
![]() | Bold Text | Makes the selected text object bold (if available for the selected font). |
![]() | Italic Text | Makes the selected text object italic (if available for the selected font). |
![]() | Text Face | Turns the text Face parameter on or off. |
![]() | Text Outline | Turns the text Outline parameter on or off. |
![]() | Text Glow | Turns the text Glow parameter on or off. |
![]() | Text Drop Shadow | Turns the text Drop Shadow parameter on or off. |
Text size

When you tap the Text Size button , the following controls appear in the Touch Bar:
Icon | Tool/Item | Description |
---|---|---|
![]() | Close | Returns you to the previous Touch Bar screen. |
![]() | Text Size slider | Drag the slider to change the size of the text. |
Text kerning

When you tap the Text Kerning button , the following controls appear in the Touch Bar:
Icon | Tool/Item | Description |
---|---|---|
![]() | Close | Returns you to the previous Touch Bar screen. |
![]() | Text Kerning Slider | Drag the slider to increase or decrease the space between the text characters. (The text insertion point must be positioned between text characters in the canvas to access the kerning control.) |
Text color

When you tap the Text Color button , the following controls appear in the Touch Bar:
Icon | Tool/Item | Description |
---|---|---|
![]() | Close | Returns you to the previous Touch Bar screen. |
![]() | Active Color | Displays the active color, based on your current color settings. |
![]() | Brightness | Available when the Hue color control is active, turns on a slider to adjust brightness of the selected text object. |
![]() | Saturation | Available when the Hue color control is active, turns on a slider to adjust saturation of the selected text object. |
![]() | Hue/Swatch Color | Switches between the Hue color control and Swatch color control. Drag or tap the controls to change text color. To change the color of an individual text character, select the character in the canvas (or position the text insertion point to the right of the character), then tap or drag the color control. To change the color of multiple (adjacent) text characters, select the characters in the canvas, then tap or drag the control. |
Download this guide: PDF