Graphics & design
Motion Template designer
Design layered graphics, animation, and fields that an operator can change live.
Before you start
Select the intended collection or item before changing its settings.
Where to find it
Tools > Motion Templates > open a template.
Use it
- Choose the template canvas size.
- Add a layer.
- Add elements such as text, shapes, image, image sequence, ticker, or QR code.
- Set position, size, opacity, text, and appearance in Properties.
- Add effects to the selected element.
- Choose an animation event/target and add an animation.
- Expose fields in Data when they need live values.
- Play the preview.
- Choose File > Save.
Controls and additional tasks
Layers and groups organize elements. Lock/Unlock prevents editing; Show/Hide changes visibility. Alignment, Arrange, Dock, and Transform place elements. Effects run in the shown order and support reset, rename, duplicate, and enable. Animation includes easing, delay, duration, reverse, loop, and preview. Fit To Text resizes shapes with text; Follow Transform follows a selected target. Text 3D, Ticker, and QR Code have dedicated controls. Import PSD imports artwork. Save As creates another saved template. See the designer shortcut table.
Control reference
| Control | Use |
|---|---|
| Add | Add the selected item. |
| Reset | Restore the selected controls to their defaults. |
| X | Horizontal coordinate. |
| Y | Vertical coordinate. |
| Browse... | Choose a file or folder. |
| Category | Set category for this item. |
| Search | Set search for this item. |
| Cancel | Close without saving the pending edits. |
| Create Group | Create group. |
| Action Safe | Turn this option on or off for this item. |
| Title Safe | Turn this option on or off for this item. |
| Center H | Turn this option on or off for this item. |
| Center V | Turn this option on or off for this item. |
| Animation event | Set animation event for this item. |
| Target | Set target for this item. |
| Add | Add selected animation |
| Duplicate selected animation | Duplicate animation. |
| Remove selected animation | Remove animation. |
| Move selected animation up | Move animation up. |
| Move selected animation down | Move animation down. |
| Toggle selected animation preview | Turn this option on or off for this item. |
| Stop selected animation preview | Stop lane animations. |
| Loop | Loop selected animation preview |
| Enable or disable animation | Turn this option on or off for this item. |
| Field | Set field for this item. |
| Value | Set value for this item. |
| File | Use this action for the selected item. |
| Change Canvas Size | Change canvas size. |
| Import PSD | Import psd. |
| Open from Library | Execute designer. |
| Save | Save the edited settings. |
| Save As | Execute designer. |
| Exit | Exit. |
| Edit | Edit the selected item. |
| Undo | Execute designer. |
| Redo | Execute designer. |
| Add Layer | Execute designer. |
| Add Element | Use this action for the selected item. |
| Add Empty | Add element. |
| Add TextBlock | Add element. |
| Add Rectangle | Add element. |
| Add Ellipse | Add element. |
| Add Triangle | Add element. |
| Add Image | Add element. |
| Add Image Sequence | Add element. |
| Add Text 3D | Add element. |
| Add Ticker | Add element. |
| Add QR Code | Add element. |
| Add Group | Execute designer. |
| Rename | Execute designer. |
| Duplicate | Make a separate copy of the selected item. |
| Delete | Remove the selected saved item. |
| Move Up | Move the selected item earlier or above other items. |
| Move Down | Move the selected item later or below other items. |
| Lock / Unlock | Execute designer. |
| Show / Hide | Execute designer. |
| Alignment | Use this action for the selected item. |
| Align Left | Execute designer. |
| Horizontal Center | Execute designer. |
| Align Right | Execute designer. |
| Align Top | Execute designer. |
| Vertical Center | Execute designer. |
| Align Bottom | Execute designer. |
| Top Left | Apply transform action. |
| Top Right | Apply transform action. |
| Bottom Left | Apply transform action. |
| Bottom Right | Apply transform action. |
| Center | Apply transform action. |
| Transform | Use this action for the selected item. |
| Fit to Screen | Apply transform action. |
| Center to Screen | Apply transform action. |
| Reset Transform | Apply transform action. |
| Zoom In | Execute designer. |
| Zoom Out | Execute designer. |
| Fit View | Execute designer. |
| Actual Size | Execute designer. |
| Arrange | Use this action for the selected item. |
| Bring to Front | Execute designer. |
| Bring Forward | Execute designer. |
| Send Backward | Execute designer. |
| Send to Back | Execute designer. |
| Dock | Use this action for the selected item. |
| Dock Top | Apply transform action. |
| Dock Bottom | Apply transform action. |
| Dock Left | Apply transform action. |
| Dock Right | Apply transform action. |
| Fill Surface | Apply transform action. |
| Text | Use this action for the selected item. |
| Align Left | Apply text action. |
| Align Center | Apply text action. |
| Align Right | Apply text action. |
| Align Top | Apply text action. |
| Align Middle | Apply text action. |
| Align Bottom | Apply text action. |
| Vertical Text | Apply text action. |
| Masking | Use this action for the selected item. |
| Add Mask Effect | Add mask effect. |
| Invert Mask | Toggle selected mask invert. |
| Clear Mask | Clear selected mask. |
| Help | Use this action for the selected item. |
| Motion Template Help | Execute designer. |
| Shortcut Reference | Execute designer. |
| Designer Surface / Canvas Help | Execute designer. |
| About this Designer | Execute designer. |
| Open template from library | Open template from library (Ctrl+O) |
| Save template | Save template (Ctrl+S) |
| Add layer | Add layer (Ctrl+Shift+L) |
| Add element | Add element (Ctrl+Shift+E) |
| Add group | Add group (Ctrl+G) |
| Duplicate selection | Duplicate selection (Ctrl+D) |
| Delete selection | Delete selection (Delete) |
| Undo | Undo (Ctrl+Z) |
| Redo | Redo (Ctrl+Y) |
| Align left | Align left (Ctrl+Alt+Left) |
| Horizontal center | Horizontal center (Ctrl+Alt+H) |
| Align right | Align right (Ctrl+Alt+Right) |
| Align top | Align top (Ctrl+Alt+Up) |
| Vertical center | Vertical center (Ctrl+Alt+V) |
| Align bottom | Align bottom (Ctrl+Alt+Down) |
| Bring forward | Bring forward (Ctrl+PageUp) |
| Send backward | Send backward (Ctrl+PageDown) |
| Fit view | Fit view (Ctrl+0) |
| Zoom in | Zoom in (Ctrl++) |
| Zoom out | Zoom out (Ctrl+-) |
| Stop preview | Stop preview (Ctrl+Alt+Space) |
| Loop | Loop full template animation preview |
| Fill | Use this action for the selected item. |
| Image Fill | Use this action for the selected item. |
| Stroke | Use this action for the selected item. |
| Gradient | Use this action for the selected item. |
| Crop | Use this action for the selected item. |
| Corner | Use this action for the selected item. |
| Skew | Use this action for the selected item. |
| Reflection | Use this action for the selected item. |
| Feather | Use this action for the selected item. |
| Texture Flip | Use this action for the selected item. |
| Shadow | Use this action for the selected item. |
| Glow | Use this action for the selected item. |
| Bounding | Use this action for the selected item. |
| Fit To Text | Use this action for the selected item. |
| Follow Transform | Use this action for the selected item. |
| Shape | Use this action for the selected item. |
| Mask | Use this action for the selected item. |
| Move selected effect up | Move selected effect up. |
| Move selected effect down | Move selected effect down. |
| Duplicate selected effect | Duplicate selected effect. |
| Rename selected effect | Rename selected effect. |
| Remove selected effect | Remove selected effect. |
| Reset selected effect | Reset selected effect to defaults |
| Layer | Use this action for the selected item. |
| Element | Use this action for the selected item. |
| Add Empty | Use this action for the selected item. |
| Add TextBlock | Use this action for the selected item. |
| Add Rectangle | Use this action for the selected item. |
| Add Ellipse | Use this action for the selected item. |
| Add Triangle | Use this action for the selected item. |
| Add Image | Use this action for the selected item. |
| Add Image Sequence | Use this action for the selected item. |
| Add Text 3D | Use this action for the selected item. |
| Add Ticker | Use this action for the selected item. |
| Add QR Code | Use this action for the selected item. |
| Group | Use this action for the selected item. |
| Create Group | Use this action for the selected item. |
| Ungroup | Ungroup. |
| Remove From Group | Remove from group. |
| Move selected item up | Execute designer. |
| Move selected item down | Execute designer. |
| Group selected elements | Use this action for the selected item. |
| Duplicate selected item | Execute designer. |
| Rename selected item | Execute designer. |
| Remove selected item(s) | Execute designer. |
| Z | Depth coordinate where supported. |
| W | Set w for this item. |
| H | Set h for this item. |
| Opacity % | Set opacity % for this item. Minimum: 0; Maximum: 100. |
| Opacity % | Set opacity % for this item. |
| Type | Set type for this item. Choices: Text, Countdown, Count-Up, Date Time, Stopwatch. |
| Range Seconds | Set range seconds for this item. Minimum: 0; Maximum: 86400. |
| Range Seconds | Set range seconds for this item. |
| Start Seconds | Set start seconds for this item. Minimum: 0; Maximum: 86400. |
| Start Seconds | Set start seconds for this item. |
| Timer Format | Set timer format for this item. Choices: Auto, mm:ss, m:ss, hh:mm:ss, h:mm:ss, d.hh:mm:ss, ss, Custom. |
| Custom Timer | Set custom timer for this item. |
| Date/Time Format | Set date/time format for this item. Choices: d, D, f, F, g, G, M, O, R, s, t, T, u, U, Y, yyyy-MM-dd HH:mm:ss, yyyy-MM-dd, HH:mm:ss, Custom. |
| Custom Date/Time | Set custom date/time for this item. |
| Time Zone | Set time zone for this item. |
| Source | Set source for this item. |
| Source | Browse image source |
| Flip H | Turn this option on or off for this item. |
| Flip V | Turn this option on or off for this item. |
| Content | Set content for this item. |
| Vertical Text | Turn this option on or off for this item. |
| Preview Text | Set preview text for this item. |
| Background | Turn this option on or off for this item. |
| Color | Choose the appearance color. |
| Background Opacity | Set background opacity for this item. Minimum: 0; Maximum: 100. |
| Corner Radius | Set corner radius for this item. Minimum: 0; Maximum: 256. |
| Corner Radius | Set corner radius for this item. |
| Padding | Inset inside the boundary. Minimum: 0; Maximum: 256. |
| Padding | Inset inside the boundary. |
| Max Lines | Set max lines for this item. |
| Line Spacing | Set line spacing for this item. Minimum: 0.6; Maximum: 3. |
| Line Spacing | Set line spacing for this item. |
| Enabled | Enable this item without removing its saved settings. |
| Mode | Set mode for this item. Choices: Word, Character, Phrase, Line, Progressive, Pop, None. |
| Active Index | Set active index for this item. Minimum: 0; Maximum: 50. |
| Active Index | Set active index for this item. |
| Progress | Set progress for this item. Minimum: 0; Maximum: 1. |
| Progress | Set progress for this item. |
| Highlight Radius | Set highlight radius for this item. Minimum: 0; Maximum: 256. |
| Highlight Radius | Set highlight radius for this item. |
| Duration Seconds | Set duration seconds for this item. Minimum: 1; Maximum: 86400. |
| Duration Seconds | Set duration seconds for this item. |
| Font | Choose the text font. |
| Select Font... | Open the font picker |
| Replace with brand font | Turn this option on or off for this item. |
| H Align | Set h align for this item. Choices: Left, Center, Right. |
| V Align | Set v align for this item. Choices: Top, Center, Bottom, Middle. |
| Word Wrap | Turn this option on or off for this item. |
| Auto Shrink | Turn this option on or off for this item. |
| Auto Size | Turn this option on or off for this item. |
| Depth | Set depth for this item. Minimum: 0; Maximum: 512. |
| Depth | Set depth for this item. |
| Extrude Angle | Set extrude angle for this item. Minimum: 0; Maximum: 360. |
| Extrude Angle | Set extrude angle for this item. |
| Bevel | Set bevel for this item. Minimum: 0; Maximum: 64. |
| Bevel | Set bevel for this item. |
| Perspective | Set perspective for this item. Minimum: 0; Maximum: 100. |
| Perspective | Set perspective for this item. |
| Shading | Set shading for this item. Choices: Flat, Depth Fade, Glossy. |
| Light Angle | Set light angle for this item. Minimum: 0; Maximum: 360. |
| Light Angle | Set light angle for this item. |
| Light Intensity | Set light intensity for this item. Minimum: 0; Maximum: 200. |
| Light Intensity | Set light intensity for this item. |
| Extrusion Color | Set extrusion color for this item. |
| Bevel Highlight | Set bevel highlight for this item. |
| Direction | Direction used for the selected movement/effect. Choices: Left, Right, Up, Down. |
| Speed | Set speed for this item. Minimum: 0; Maximum: 600. |
| Speed | Set speed for this item. |
| Gap | Spacing between grid slots. Minimum: 0; Maximum: 600. |
| Gap | Spacing between grid slots. |
| Loop | Repeat the content or sequence. |
| Paused | Turn this option on or off for this item. |
| Toggle Ticker preview | Turn this option on or off for this item. |
| Stop Ticker preview | Stop selected ticker preview. |
| Payload | Set payload for this item. |
| Foreground | Set foreground for this item. |
| Background | Set background for this item. |
| Error Correction | Set error correction for this item. Choices: L, M, Q, H. |
| Finder Style | Set finder style for this item. Choices: Square, Rounded, Dots. |
| Quiet Zone | Set quiet zone for this item. Minimum: 0; Maximum: 16. |
| Quiet Zone | Set quiet zone for this item. |
| Module Style | Set module style for this item. Choices: Square, Rounded, Dots. |
| Center Logo | Set center logo for this item. |
| Center Logo | Browse QR logo |
| Logo Size | Set logo size for this item. Minimum: 0; Maximum: 30. |
| Logo Size | Set logo size for this item. |
| Logo Backing | Set logo backing for this item. |
| Logo Shape | Set logo shape for this item. Choices: Rounded, Square, Circle. |
| Frame Rate | Number of animation/video frames per second. Minimum: 1; Maximum: 240. |
| Frame Rate | Number of animation/video frames per second. |
| Frame Count | Set frame count for this item. |
| Toggle Image Sequence preview | Turn this option on or off for this item. |
| Stop Image Sequence preview | Stop selected image sequence preview. |
| Delete effect | Delete. |
| Expand or collapse effect | Toggle expanded. |
| Size | Set the size of the selected text/tool/effect. Choices: None, Small, Half, Full. |
| Opacity | Transparency: lower values reveal content behind the item. Minimum: 0; Maximum: 100. |
| Opacity | Transparency: lower values reveal content behind the item. |
| Distance | Set distance for this item. Minimum: -512; Maximum: 512. |
| Distance | Set distance for this item. |
| Fade | Set fade for this item. Minimum: 0; Maximum: 100. |
| Fade | Set fade for this item. |
| Flip Horizontal | Turn this option on or off for this item. |
| Flip Vertical | Turn this option on or off for this item. |
| Shape | Set shape for this item. Choices: Rectangle, Square, Circle, Oval, Triangle, Star, From Mask. |
| Mask Image | Set mask image for this item. |
| Mask Image | Select shape mask image |
| Type | Set type for this item. Choices: Linear, Radial. |
| Wrap | Set wrap for this item. Choices: Clamp, Mirror, Repeat. |
| Start Color | Set start color for this item. |
| End Color | Set end color for this item. |
| Angle | Set angle for this item. Minimum: -360; Maximum: 360. |
| Angle | Set angle for this item. |
| Start Pos | Set start pos for this item. Minimum: -1; Maximum: 1. |
| Start Pos | Set start pos for this item. |
| End Pos | Set end pos for this item. Minimum: -1; Maximum: 1. |
| End Pos | Set end pos for this item. |
| Offset | Set offset for this item. Minimum: -1; Maximum: 1. |
| Offset | Set offset for this item. |
| Size | Set the size of the selected text/tool/effect. Choices: Stretch, Original, Fit, Fill. |
| Wrap X | Turn this option on or off for this item. |
| Wrap Y | Turn this option on or off for this item. |
| Scale X | Horizontal scale. Minimum: 0.01; Maximum: 4. |
| Scale X | Horizontal scale. |
| Scale Y | Vertical scale. Minimum: 0.01; Maximum: 4. |
| Scale Y | Vertical scale. |
| Stroke Style | Set stroke style for this item. Choices: Solid, Dashes, Dotted, Dash Dot, Dash Dot Dot. |
| Position | Place the selected item. Choices: Normal, Inside, Outside. |
| Thickness | Set thickness for this item. Minimum: 0; Maximum: 100. |
| Thickness | Set thickness for this item. |
| Spacing | Set spacing for this item. Minimum: 0; Maximum: 8. |
| Spacing | Set spacing for this item. |
| Pattern Offset | Set pattern offset for this item. Minimum: 0; Maximum: 100. |
| Pattern Offset | Set pattern offset for this item. |
| Trim Start | Set trim start for this item. Minimum: 0; Maximum: 100. |
| Trim Start | Set trim start for this item. |
| Trim End | Set trim end for this item. Minimum: 0; Maximum: 100. |
| Trim End | Set trim end for this item. |
| Trim Offset | Set trim offset for this item. Minimum: -360; Maximum: 360. |
| Trim Offset | Set trim offset for this item. |
| Size | Set the size of the selected text/tool/effect. Minimum: 0; Maximum: 256. |
| Size | Set the size of the selected text/tool/effect. |
| Power | Set power for this item. Minimum: 0; Maximum: 100. |
| Power | Set power for this item. |
| Position | Place the selected item. Choices: Outer, Inner. |
| Blur | Set blur for this item. Choices: Gaussian, Box. |
| Threshold | Level where this processor begins changing the signal. Minimum: 0; Maximum: 100. |
| Threshold | Level where this processor begins changing the signal. |
| Padding | Inset inside the boundary. Choices: None, Auto, Manual. |
| Amount | Set amount for this item. Minimum: 0; Maximum: 512. |
| Amount | Set amount for this item. |
| Ignore Source Border | Turn this option on or off for this item. |
| Distance | Set distance for this item. Minimum: 0; Maximum: 512. |
| Blur | Set blur for this item. Minimum: 0; Maximum: 512. |
| Blur | Set blur for this item. |
| Spread | Set spread for this item. Minimum: 0; Maximum: 512. |
| Spread | Set spread for this item. |
| Left | Set left for this item. Minimum: 0; Maximum: 512. |
| Left | Set left for this item. |
| Right | Set right for this item. Minimum: 0; Maximum: 512. |
| Right | Set right for this item. |
| Top | Set top for this item. Minimum: 0; Maximum: 512. |
| Top | Set top for this item. |
| Bottom | Set bottom for this item. Minimum: 0; Maximum: 512. |
| Bottom | Set bottom for this item. |
| Target Text | Set target text for this item. |
| Resize | Set resize for this item. Choices: Both, Width, Height. |
| Fixed anchor | Set fixed anchor for this item. Choices: Text, Top Left, Top, Top Right, Left, Center, Right, Bottom Left, Bottom, Bottom Right. |
| Keep the original minimum size | Turn this option on or off for this item. |
| Adjust elements in the same layer | With a fixed anchor, move the other elements and expand backgrounds in this layer as the text grows. |
| Offset X | Horizontal displacement. Minimum: -512; Maximum: 512. |
| Offset X | Horizontal displacement. |
| Offset Y | Vertical displacement. Minimum: -512; Maximum: 512. |
| Offset Y | Vertical displacement. |
| Invert | Turn this option on or off for this item. |
| Mask Opacity | Set mask opacity for this item. Minimum: 0; Maximum: 100. |
| Mask Opacity | Set mask opacity for this item. |
| Reduce Mode | Set reduce mode for this item. Choices: All, Individual. |
| Corner | Set corner for this item. Choices: Corner 1, Corner 2, Corner 3, Corner 4. |
| Amount | Set amount for this item. Minimum: 0; Maximum: 240. |
| Direction | Direction used for the selected movement/effect. |
| Easing | How motion accelerates and slows over its duration. |
| Delay | Set delay for this item. Minimum: 0; Maximum: 10. |
| Delay | Set delay for this item. |
| Duration | Set duration for this item. Minimum: 0; Maximum: 10. |
| Duration | Set duration for this item. |
| Speed | Set speed for this item. Minimum: 0; Maximum: 10. |
| Reverse | Turn this option on or off for this item. |
| Name | Name used to identify this item in lists. |
| Tags | Comma separated tags |
| Description | Set description for this item. |
| Add Child Element | Add child element. |
| Remove | Remove the selected item from this list. |
Example
Create an animated name/title graphic with exposed text fields.
Keys in this feature
| Key | Action | Type |
|---|---|---|
| Ctrl+S | Save template | Built-in shortcut |
| Ctrl+O | Open template | Built-in shortcut |
| Ctrl+Shift+L | Add layer | Built-in shortcut |
| Ctrl+Shift+E | Add element | Built-in shortcut |
| Ctrl+G | Add group | Built-in shortcut |
| F2 | Rename selection | Built-in shortcut |
| Ctrl+D | Duplicate selection | Built-in shortcut |
| Delete | Delete selection | Built-in shortcut |
| Ctrl+Up | Move selection up | Built-in shortcut |
| Ctrl+Down | Move selection down | Built-in shortcut |
| Ctrl+Alt+L | Lock or unlock selection | Built-in shortcut |
| Ctrl+Alt+E | Show or hide selection | Built-in shortcut |
| Ctrl+Alt+Left | Align left | Built-in shortcut |
| Ctrl+Alt+Right | Align right | Built-in shortcut |
| Ctrl+Alt+Up | Align top | Built-in shortcut |
| Ctrl+Alt+Down | Align bottom | Built-in shortcut |
| Ctrl+Alt+H | Horizontal center | Built-in shortcut |
| Ctrl+Alt+V | Vertical center | Built-in shortcut |
| Ctrl+Shift+PageUp | Bring to front | Built-in shortcut |
| Ctrl+PageUp | Bring forward | Built-in shortcut |
| Ctrl+PageDown | Send backward | Built-in shortcut |
| Ctrl+Shift+PageDown | Send to back | Built-in shortcut |
| Ctrl+Z | Undo | Built-in shortcut |
| Ctrl+Y | Redo | Built-in shortcut |
| Ctrl+OemPlus | Zoom in | Built-in shortcut |
| Ctrl+OemMinus | Zoom out | Built-in shortcut |
| Ctrl+D0 | Zoom fit | Built-in shortcut |
| Ctrl+D1 | Zoom actual | Built-in shortcut |
| Ctrl+Space | Play preview | Built-in shortcut |
| Ctrl+Shift+Space | Pause preview | Built-in shortcut |
| Ctrl+Alt+Space | Stop preview | Built-in shortcut |
| F1 | Motion Template help | Built-in shortcut |
Related pages
Motion Template · Keyboard shortcuts · Menu reference · Manual contents