User Guide Cancel

Work with Motion Graphics templates

Search
After Effects

After Effects

Open app
  1. After Effects User Guide
  2. Beta releases
    1. Beta Program Overview
    2. After Effects Beta Home
  3. Getting started
    1. Get started with After Effects
    2. What's new in After Effects 
    3. Release Notes | After Effects
    4. After Effects system requirements
    5. Keyboard shortcuts in After Effects
    6. Supported File formats | After Effects
    7. Hardware recommendations
    8. After Effects for Apple silicon
    9. Planning and setup
  4. Workspaces
    1. General user interface items
    2. Get to know After Effects interface
    3. Workflows
    4. Workspaces, panels, and viewers
  5. Projects and compositions
    1. Projects
    2. Composition basics
    3. Precomposing, nesting, and pre-rendering
    4. View detailed performance information with the Composition Profiler
    5. CINEMA 4D Composition Renderer
  6. Importing footage
    1. Preparing and importing still images
    2. Importing from After Effects and Adobe Premiere Pro
    3. Importing and interpreting video and audio
    4. Preparing and importing 3D image files
    5. Importing and interpreting footage items
    6. Working with footage items
    7. Detect edit points using Scene Edit Detection
    8. XMP metadata
  7. Text and Graphics
    1. Text
      1. Formatting characters and the Character panel
      2. Text effects
      3. Creating and editing text layers
      4. Formatting paragraphs and the Paragraph panel
      5. Extruding text and shape layers
      6. Animating text
      7. Examples and resources for text animation
      8. Live Text Templates
    2. Motion Graphics
      1. Work with Motion Graphics templates in After Effects
      2. Use expressions to create drop-down lists in Motion Graphics templates
      3. Work with Essential Properties to create Motion Graphics templates
      4. Replace images and videos in Motion Graphics templates and Essential Properties
      5. Animate faster and easier using the Properties panel
  8. Drawing, Painting, and Paths
    1. Overview of shape layers, paths, and vector graphics
    2. Paint tools: Brush, Clone Stamp, and Eraser
    3. Taper shape strokes
    4. Shape attributes, paint operations, and path operations for shape layers
    5. Use Offset Paths shape effect to alter shapes
    6. Creating shapes
    7. Create masks
    8. Remove objects from your videos with the Content-Aware Fill panel
    9. Roto Brush and Refine Matte
  9. Layers, Markers, and Camera
    1. Selecting and arranging layers
    2. Blending modes and layer styles
    3. 3D layers
    4. Layer properties
    5. Creating layers
    6. Managing layers
    7. Layer markers and composition markers
    8. Cameras, lights, and points of interest
  10. Animation, Keyframes, Motion Tracking, and Keying
    1. Animation
      1. Animation basics
      2. Animating with Puppet tools
      3. Managing and animating shape paths and masks
      4. Animating Sketch and Capture shapes using After Effects
      5. Assorted animation tools
      6. Work with Data-driven animation
    2. Keyframe
      1. Keyframe interpolation
      2. Setting, selecting, and deleting keyframes
      3. Editing, moving, and copying keyframes
    3. Motion tracking
      1. Tracking and stabilizing motion
      2. Face Tracking
      3. Mask Tracking
      4. Mask Reference
      5. Speed
      6. Time-stretching and time-remapping
      7. Timecode and time display units
    4. Keying
      1. Keying
      2. Keying effects
  11. Transparency and Compositing
    1. Compositing and transparency overview and resources
    2. Alpha channels and masks
    3. Track Mattes and Traveling Mattes
  12. Adjusting color
    1. Color basics
    2. Color management
    3. Color Correction effects
    4. OpenColorIO and ACES color management
  13. Effects and Animation Presets
    1. Effects and animation presets overview
    2. Effect list
    3. Effect Manager
    4. Simulation effects
    5. Stylize effects
    6. Audio effects
    7. Distort effects
    8. Perspective effects
    9. Channel effects
    10. Generate effects
    11. Time effects
    12. Transition effects
    13. The Rolling Shutter Repair effect
    14. Blur and Sharpen effects
    15. 3D Channel effects
    16. Utility effects
    17. Matte effects
    18. Noise and Grain effects
    19. Detail-preserving Upscale effect
    20. Obsolete effects
  14. Expressions and Automation
    1. Expressions
      1. Expression basics
      2. Understanding the expression language
      3. Using expression controls
      4. Syntax differences between the JavaScript and Legacy ExtendScript expression engines
      5. Editing expressions
      6. Expression errors
      7. Using the Expressions editor
      8. Use expressions to edit and access text properties
      9. Expression language reference
      10. Expression examples
    2. Automation
      1. Automation
      2. Scripts
  15. Immersive video, VR, and 3D
    1. Construct VR environments in After Effects
    2. Apply immersive video effects
    3. Compositing tools for VR/360 videos
    4. Advanced 3D Renderer
    5. Import and add 3D models to your composition
    6. Import 3D models from Creative Cloud Libraries
    7. Image-Based Lighting
    8. Extract and animate lights and cameras from 3D models
    9. Tracking 3D camera movement
    10. Cast and accept shadows
    11. Embedded 3D model animations
    12. Shadow Catcher
    13. 3D depth data extraction
    14. Modify materials properties of a 3D layer
    15. Work in 3D Design Space
    16. 3D Transform Gizmos
    17. Do more with 3D animation
    18. Preview changes to 3D designs real time with the Mercury 3D engine
    19. Add responsive design to your graphics 
  16. Views and Previews
    1. Previewing
    2. Video preview with Mercury Transmit
    3. Modifying and using views
  17. Rendering and Exporting
    1. Basics of rendering and exporting
    2. H.264 Encoding in After Effects
    3. Export an After Effects project as an Adobe Premiere Pro project
    4. Converting movies
    5. Multi-frame rendering
    6. Automated rendering and network rendering
    7. Rendering and exporting still images and still-image sequences
    8. Using the GoPro CineForm codec in After Effects
  18. Working with other applications
    1. Dynamic Link and After Effects
    2. Working with After Effects and other applications
      1. Export After Effects project as Premiere Pro project
    3. Sync Settings in After Effects
    4. Creative Cloud Libraries in After Effects
    5. Plug-ins
    6. Cinema 4D and Cineware
  19. Collaboration: Frame.io, and Team Projects
    1. Collaboration in Premiere Pro and After Effects
    2. Frame.io
      1. Install and activate Frame.io
      2. Use Frame.io with Premiere Pro and After Effects
      3. Frequently asked questions
    3. Team Projects
      1. Get Started with Team Projects
      2. Create a Team Project
      3. Collaborate with Team Projects
  20. Memory, storage, performance
    1. Memory and storage
    2. How After Effects handles low memory issues while previewing    
    3. Improve performance
    4. Preferences
    5. GPU and GPU driver requirements for After Effects
  21. Knowledge Base
    1. Known issues
    2. Fixed issues
    3. Frequently asked questions
    4. After Effects and macOS Ventura
    5. How After Effects handles low memory issues while previewing

Motion Graphics templates (.mogrt) are templates you can create in After Effects and export to Premiere Pro for editors to customize according to their project requirements. 

Motion Graphics templates can include various motion graphics elements packaged as templates with easy-to-use controls along with the source images, videos, and pre-comps necessary to maintain consistent design across your projects. It allows motion designers working in After Effects to retain stylistic control of compositions while providing editors working in Premiere Pro the ability to customize the motion graphic according to the project's needs.

Motion Graphics templates also provide controls over more advanced elements such as particle simulations, special effects, and 3D animations.

Creating Motion Graphics templates in After Effects

Learn how to create a simple Motion Graphics template in After Effects.

Use the Essential Graphics panel to build Motion Graphics templates

The Essential Graphics panel allows you to build custom controls for motion graphics and share them as Motion Graphics templates via Creative Cloud Libraries or as local files. Essential Graphics panel works as a bucket in which you can add different controls, modify them, and then pack them as shareable Motion Graphics templates.

To create a Motion Graphics template, use the Essential Graphics workspace (Window > Workspace > Essential Graphics).

You can use the Essential Graphics panel in After Effects in four main ways:

Control surface within After Effects

Use it as a control surface for your compositions. Drag parameters from the timeline into the Essential Graphics panel to create shortcuts for elements you often change in your composition.

Primary properties for primary controls

Create primary properties that work as primary controls to modify a composition's effect and layer properties when nested in another composition.

Export Motion Graphics templates (.mogrt)

Export your Motion Graphics template so it can be edited directly in Premiere Pro. All the source images, videos, and pre compositions necessary to maintain your design are packaged in the template. Only the controls you expose are available for customization in Premiere Pro, which allows you to retain creative control of your design.

Group controls and more

Group controls, control font properties, and add controls for CSV and TSV spreadsheet data sources to a Motion Graphics template.

Open a composition in the Essential Graphics panel

Learn how to open a .mogrt file in Adobe After Effects.

To start building a Motion Graphics template in After Effects, select a composition from your project and add it to the Essential Graphics panel.

To open a composition in the Essential Graphics panel in After Effects, do any of the following:

To open the current composition, select Composition > Open in Essential Graphics.

To open a particular composition, right-click a composition in the Project panel, and select Open in Essential Graphics.

To open any composition in your project, select the Primary menu in the Essential Graphics panel.

Working with a Primary composition

The Primary composition is the current composition in the Essential Graphics panel. 

You can add supported properties from the Primary composition to the panel. You can also add properties from the compositions that are in the hierarchy of the primary composition.

Properties from a composition that are not in the hierarchy of the primary composition are considered unrelated properties. A warning message is displayed when you add unrelated properties to the Essential Graphics panel. The properties are still added to the panel but highlighted in red. However, they don't work when the composition is exported as a Motion Graphics template.

To use unrelated properties, nest the composition containing the properties into the primary composition or the hierarchy. 

Add controls in the Essential Graphics panel

You can add supported properties from any effect or layer property group, such as - Transform, Masks, and Material Options. Only these properties will be available for customization to the editors in Premiere Pro.

To add a control, drag single or multiple selected properties from the timeline into the Essential Graphics panel.

Right-click a property in the Timeline or Effect Controls panel, then select Add Property to Essential Graphics from the menu.

You can also select a property in the Timeline panel, then select Animation > Add Property to Essential Graphics.

Tip:

Assign a keyboard shortcut to the Add Property to Essential Graphics panel command.

View supported properties

If you want to only view the properties supported by the Essential Graphics panel, select the Solo Supported Properties button in the panel. The button filters the properties and displays the supported properties in the timeline.

  • Check box
  • Color
  • Numerical sliders (a single-value numerical property), such as Transform > Opacity or the Slider Control expression control effect
  • Source text
  • 2D point properties, such as Transform > Anchor Point, Transform > Position, and the Point Control expression control effect
  • 2D scale properties, such as Transform > Scale
  • Angle properties, such as Transform > Rotate and the Angle Control expression control effect
  • Shadow Color property in Compositing Options of a 3D layer.

Modify controls in the Essential Graphics panel

You can use the Essential Graphics panel to customize or modify controls to ensure the editors can locate the controls quickly, clarify what they are editing, and view specific instructions when working with Motion Graphic templates in Premiere Pro.

Rename a control: To rename a control, select the name field of the control and enter a new name.

Reveal source properties: To reveal the source properties of a control in the timeline, right-click the control name and choose Reveal in Timeline from the context menu. The reveal option opens the related composition even if it is closed.

Reorder the controls: To reorder the controls, drag them up or down in the panel.

Note:
  • The controls that you add to the Essential Graphics panel are linked to the source properties. Changing the value of a control also changes the value of the properties in the composition. For example, if you change the Opacity to 50% in the panel, the value of Opacity in the composition also changes to 50%.
  • The composition values are simultaneously updated as you slide the value of numerical controls in the panel. To disable the live update feature, hold Option (macOS) or Alt (Windows) as you slide.

Create groups of controls

Group controls in the Essential Graphics panel for better navigation and reduced clutter. This is helpful when you add long lists of editable controls or the primary properties of nested compositions to the panel.

  1. To create a group, select the Add Formatting menu in the lower-left corner of the Essential Graphics panel.

  2. Select Add Group.

  3. To add a control to a group, drag it over the group name.

Add font controls in the Essential Properties panel

When you add a text layer to the Essential Graphics panel, you can modify and control the font family, font style, size, and faux styles of that layer in a Motion Graphics template. Adding these controls ensures that the editors working with Motion Graphic templates in Premiere Pro have access to only needed text properties.

Add font property controls to the panel:

  1. Add the Source Text property of a text layer to the Essential Graphics panel.

  2. Select the Edit Properties option on the right side of the control row.

  3. In the Source Text Properties dialog, select the font properties to control from the following options:

    Source Text Properties dialog box prompting to select the font properties to control.
    Source Text Properties dialog prompts to select font properties.

    Enable Custom Font Selection

    Adds the Font Family and Font Style controls.

    Enable Font Size Adjustment

    Adds the Font Size control.

    Enable Faux Styles

    Adds Faux Bold, Faux Italic, All Caps, and Small Caps controls.

Note:

Font controls are unsupported as primary properties of a nested composition.

Add comments in the Essential Graphics panel

To add comments, select the Add Comment button at the bottom of the Essential Graphics panel. You can add multiple comments, rename them, and reorder them. You can also undo and redo adding comments, reorder them, and remove them if necessary.

  • To rename, select the name field of the comment and enter a new name. 
  • To reorder, drag the comment up or down the panel.

To delete a comment, select the comment and press Backspace or Delete.

Note:

When you duplicate a composition in the Project panel (Command + D for macOS or Ctrl + D Windows) After Effects duplicates properties and comments added to the Essential Graphics panel for that composition.

Export as Motion Graphics templates

Learn how to export .mogrt templates to Creative Cloud Libraries or local drive.

Note:

Some Motion Graphics templates require the user to have After Effects installed on their computer to customize them.

Make sure that your templates meet the following requirements to ensure an After Effects install is not required for the user of your .mogrt: 

  • Only the Classic 3D composition renderer is supported. Cinema 4D and Ray-traced 3D renderers are not supported.
  • All effects included with After Effects are supported, except Camera-Shake Deblur, Synthetic Aperture Color Finesse, Maxon CINEWARE, Puppet, and Warp Stabilizer.
  • Dynamic Link footage is not supported, such as Premiere Pro sequences or Character Animator scenes in an After Effects composition.
  • FLV format footage and third-party plug-ins are not supported.

Name the template

To name or rename your Motion Graphics template, select the name field of the template and enter a new name.

Set poster frame for the template

You can set the poster frame for your template. The poster frame is used as the thumbnail image for your template in Creative Cloud libraries and the Essential Graphics panel in Premiere Pro.

To set the poster frame:

  1. In the primary composition, place the current-time indicator on the frame you want to select.

  2. Select the Set Poster Time button in the Essential Graphics panel.

Export a template

To export your composition as a Motion Graphics template:

  1. Select the Export Motion Graphics Template button at the bottom of the Essential Graphics panel. Compositions in the hierarchy of the primary composition are included in the template.

  2. In the Export As Motion Graphics Template dialog, select the Destination menu. The available destinations are:

    Creative Cloud Libraries

    Add templates to your Creative Cloud Libraries.

    Local Templates Folder

    Add templates to the local folder by default. Templates stored in the Essential Graphics folder are directly available in the Essential Graphics panel in Premiere Pro.

    Local Drive

    Save templates to a local directory. The templates you save to your local directory are not automatically available in the Essential Graphics panel in Premiere Pro.

  3. Select the Include video preview checkbox to enable a video preview of the Motion Graphics template as the thumbnail. Preview it by hovering over the thumbnails in Premiere Pro Essential Graphics panel before applying it to the sequence.

    In the Export as Motion Graphic Template dialog box, the Include video preview is checkbox is selected.
    Select the Include video preview checkbox to add a video preview packaged in the .mogrt file.

    Note:

    The video preview capability currently works only for local and Creative Cloud Libraries exports.

  4. Under the Compatibility section, select a check box:

    Warn me if this Motion Graphics template uses fonts that are not available from Adobe Fonts

    Enable this option if you want After Effects to warn you if any fonts used by the composition are not available on Adobe Fonts.

    Warn me if After Effects needs to be installed in order to customize this Motion Graphics template

    Enable this option if you only want to export After Effects independent features. For example, any third-party plug-ins.

    Note:

    These options only display warnings. They do not modify the content of the Motion Graphics template. To edit the project to meet the requirements, cancel the export and make the changes, then export the Motion Graphics template again.

  5. Choose the export destination from the Destination menu and select OK.

Open Motion Graphics templates as a project

To edit your After Effects Motion Graphics template (.mogrt files), you can open them in After Effects as a Project file. After you edit the template, re-export it as a .mogrt file.

To open a Motion Graphics template as a project:

  1. Select File > Open Project.

  2. In the Open Project dialog, select a .mogrt file, then select Open.

  3. When you open a .mogrt as a project, After Effects extracts the project file and assets. In the Extract "<filename>.mogrt" dialog, choose a location to extract the .mogrt contents, then select Extract.

Install and use Motion Graphics templates in Premiere Pro

When the Motion Graphics template created in After Effects is installed and opened in Premiere Pro, the Essential Graphics panel reveals all the defined properties, like the ability to make dynamic changes to text, color, and layout. 

Learn how to install and use Motion Graphics templates in your Premiere Pro projects.

Work with data-driven Motion Graphics templates

Data-driven Motion Graphics templates allow you to quickly and accurately customize bar charts, line graphs, and more without manual entry or deep knowledge of motion graphics.

With this feature, you can add controls for CSV (comma-separated value) and TSV (tab-separated value) spreadsheet data to the Essential Graphics panel. When you export these Motion Graphics templates with data controls to Premiere Pro, you can modify or replace them in Premiere Pro.

Another use is that the data controls in the Essential Graphics panel can work as a data browser or editor for CSV or TSV data layers in your composition without exporting it as a template. When you add a composition with spreadsheet data to the panel, the panel displays all the related data, which is editable. If you're working with a nested composition, the data controls are not accessible as primary properties of that composition.

  1. Import a CSV or TSV file into your project and add it to your composition.

  2. In the Timeline panel, twirl open the layer properties for the data layer.

  3. Select and drag the data property group of the layer to the Essential Graphics panel.

    You can modify the following properties for spreadsheet data in the Essential Graphics panel:

    Spreadsheet Properties

    Select Edit Properties to the right of the data group to modify the following:

    • Data property type: Choose the data type for the values in each column. Use this to change how the spreadsheet values are represented in Premiere Pro. An After Effects author sets the type for each column in After Effects. In Premiere Pro, the type translates as either a text string, a hot text slider for numbers, or a hexadecimal value for color (for example, #EE0473).
    • Minimum Rows: In Premiere Pro, you can modify the number of rows used in the Motion Graphics template. Set the minimum number of rows allowed.

    Rows

    In Premiere Pro, you can modify the number of rows used in the Motion Graphics template. Set the maximum number of rows allowed.

    Data properties

    • Column names: Modify the column names that display in the Motion Graphics template.
    • Data values: Modify the value of a spreadsheet cell. To choose the row that you edit, change the Row menu at the top of the Data values group.
Note:

When you add the Data property group of a data layer to the panel, it removes the expressions that link the data properties of the layer to the source data file. It changes them to static values. The static data values automatically update if you modify the source data file outside After Effects.

Learn how to work with data-driven Motion Graphics templates and use the templates in Premiere Pro.

Note:

If you are working with .tsv files, specifically with Excel in German (but this impacts any language that uses a comma instead of a decimal), Excel saves the .tsv files as .txt files. You must manually change the file extension to .tsv before attaching it to a Motion Graphics template in Premiere Pro.

Alternatively, you can use other spreadsheet tools like Open Office or Google Sheets.

Do more with Motion Graphics templates

Want to create more Motion Graphics templates?

Check out AdobeVideoTraining.com to learn the Top 10 Things Editors want to do in After Effects.

More like this

Get help faster and easier

New user?

Quick links

View all your plans Manage your plans
View quick links
Hide quick links

Legal Notices    |    Online Privacy Policy