Loading

Motion Graphics Templates Technical Requirements Guidelines for Adobe Stock Artists

Motion Graphics templates (.mogrt) should be well-designed, out-of-the-box solutions that are simple to use without additional documentation. The user experience should be the highest priority along with design. This guide will take you through Adobe Stock's technical requirements and best practices for building a successful MoGRT. Please read through them carefully and click on the buttons throughout to learn more about our guidelines.

Part I: AEP & MoGRT | The Essential Graphics Panel | Responsive Design – Time | Fonts | Text | Effects, Plugins, & Renderers | Expressions | Reduce Project | Linked Assets and the Use of Images & Video | Part II: Preview Media

PART I: AEP & MoGRT

Version

Templates must be built in After Effects CC 2019 version 16 or higher without 3rd party plugins.

Composition Settings

  • Dimensions: 1920px x 1080px
  • Duration: 8-60 seconds
  • Transitions Duration: Transitions may be 1 second long
  • Frame Rates: between 23.976/24 to 59.94/60
  • Title Safety: the default design of your motion graphic must fall within title safety

The Essential Graphics Panel

Adding useful options to the Essential Graphics panel will make it easy for users to customize Motion Graphics in Premiere Pro. Each template category has differing control requirements as listed in the following link:

Groups & Naming Controls

Every template submitted must use Groups to keep the Essential Graphics Panel concise and easy to navigate. Access Groups via the Add Formatting dropdown at the bottom of the Essential Graphics Panel.

The Essential Graphics Panel

Name Groups in ALL CAPS and nest controls within. Related control Sub-Groups can also be nested within their parent Groups, and should also be named in ALL CAPS.

The Global Controls group should always be placed at the top of the layer stack and contain Global Position and Global Size controls. If the MoGRT contains multiple styles, add a Style Selection slider to quickly toggle through the various styles. Depending on the structure of a template, the Text Controls group, Graphic Elements group, Effect Controls group, and Background group will likely follow afterwards.

Give controls in the Essential Graphics Panel clear, instructive names so no comments or extra instructions outside of the template itself are needed.

Examples: Text 1, Rectangle Size, Background Color

Close all Groups before export.

Native Controls

Use the layers' native Transform: Position and Scale properties whenever possible. This helps keep the Essential Graphics Panel concise, user-friendly, and can positively impact a MoGRT's playback in Premiere Pro.

Naming Controls

Instead of technical terms, use these simpler control names:

  • Left / Right Position instead of ̶X̶ ̶P̶o̶s̶i̶t̶i̶o̶n̶
  • Up / Down Position instead of ̶Y̶ ̶P̶o̶s̶i̶t̶i̶o̶n̶
  • Size instead of ̶S̶c̶a̶l̶e̶
  • Outline instead of ̶S̶t̶r̶o̶k̶e̶
  • Letter Spacing instead of ̶K̶e̶r̶n̶i̶n̶g̶/̶T̶r̶a̶c̶k̶i̶n̶g̶
  • Line Spacing instead of ̶L̶e̶a̶d̶i̶n̶g̶
  • Color instead of ̶F̶i̶l̶l̶

Slider Control Range Limits

Use Sliders for minimum and maximum values, such as Opacity. Be sure to select "Edit Range" and clamp the Slider appropriately. Always constrain slider control ranges so they are relative to each property.

  • For example: For Opacity, start the Range of the Slider at 0 and end the Range at 100.

Drop Down Menus

Use Drop Down Menus instead of sliders for style selection. Be sure to rename each index descriptively.

Responsive Design – Time

Responsive Design – Time gives users the ability to time stretch a template clip in Premiere Pro Artists are required to set Responsive Design Time in lieu of of setting up duration controls. Infographics do not have to use Responsive Time.

In the Primary Comp, go to Composition > Responsive Design – Time > Create Intro to set a Protected Region. Shrink the Protected Region to 1 frame at the beginning of the timeline. This will enable the ability to stretch an entire MoGRT in Premiere. This is useful for MoGRTS with constant motion.

Responsive Design – Time with Intro set to 1 frame.

To lock certain keyframes to specific animation timing (like for intro or outro keyframes), click and drag the blue handles to extend the Protected Region. Create Outro is used to set a Protected Region at the end of a composition. Alternatively, you can use Create Protected Region from Work Area.

Lower third intro and outro keyframes with Responsive Design – Time set
Responsive Design –Time enabled in Premiere

More information and advanced options for the Responsive Design – Time feature can be found here.

Fonts and Text

Fonts

All Adobe Stock templates are required to use Adobe Fonts (formerly known as Typekit). The integration of Adobe Fonts in Creative Cloud apps eliminates the need to search for, download, and install additional files, while also guaranteeing high-quality, properly licensed fonts for users. When selecting Adobe Fonts for your template, consider the following:

  • Avoid using more than 4 fonts in a single template so that a user will not have to endure long syncing times
  • Alternative versions of Adobe Fonts, such a desktop version of a font, will not target the same font on Adobe Fonts. The Adobe Fonts version of the font must be activated in the template file
Click the Creative Cloud symbol to target Adobe Fonts

For more information see Activate fonts on your computer.

Text

All text is required to use Font Properties.

  • Enable Custom Font Selection is required
  • Enable Font Size Adjustment is required (do not add an additional Text Size control)
  • Enabling Faux Styles is optional

Text inputs are required to be able to accept up to 20 characters as a default without being cut off by masks or needing to be resized. The easiest way to enable this is to check the Collapse Transformations switch.

Text Alignment

Text alignment should reflect the intended text position on screen so it will not have to be manually re-positioned by the user. Set both the text justification and the anchor point accordingly.

Generic Names

Avoid using real names and references to companies and locations in templates, including the Adobe name, logo, file types, and products. Use fictitious and generic names to represent individuals, company/logo placements, etc as it will make it clear to users that these text fields are placeholders meant to be replaced.

  • Names: “John Smith”, “Jane Smith”, “Mary Doe”, "First Name Last Name"
  • Companies: “Your Company”, “Your Brand" "Brand Name"
  • Emails/Websites: “You@Example.com”, “www.Example.com"
  • Phone Numbers: “555-555-5555”
  • Social Media: "@Username"
  • Headers/Subtitles/Paragraphs: "Main Text" ,"Subtitle" , "Lorem ipsum dolor sit amet..."

Generic names should be used to represent individuals, company/logo placements, etc. Using generic text also makes it clearer to audiences that these text fields are placeholders only and are meant to be replaced by the user.

Acceptable Feminine Names:

Jane Doe | Mary Smith | Emma Woodhouse | Fanny Price | Elizabeth Bennet | Mary Smith | Patricia Johnson | Jennifer Williams | Linda Brown | Elizabeth Jones | Nelly Dean | Isabella Linton | Catherine Earnshaw | Hindley Earnshaw | Sonia Marmeladova | Sibyl Vane | Victoria Wotton

Acceptable Masculine Names:

John Doe | Wilkins Micawber | Artful Dodger | Matthew Smith | James Smith | John Johnson | Robert William | Michael Brown | William Jones | Dmitri Prokofich Razumikhin | James Vane | Henry Wotton | Basil Hailward

Phone Numbers

Use the North American telephone numbering format with "311" as the area code, "555" as the exchange code, and then any 4-digit combination:

  • Example: 311-555-XXXX

Preferably, use any of the following specifically reserved for fiction:

(311) 555-2368 | (415) 413-0703 | (646) 480-6649 | (323) 302-9912

Text Best Practices:

  • Avoid using all-caps script text
  • Add Letter Spacing controls when using script text
  • Set All Fills Over All Strokes in the character panel when using strokes
  • Add Line Spacing controls for all text inputs
  • Changing text size should not facilitate a user having to re-position text

Effects, Plugins, & Renderers

Effects

  • Unsupported Effects: 3D Camera Tracker, Apply Color LUT, Camera-Shake Deblur, Synthetic Aperture Color Finesse, Maxon CINEWARE, Puppet, Warp Stabilizer, and Environment layers
  • Unsupported Footage: Dynamic Link footage (e.x.: Premiere Pro sequences or Character Animator CC scenes) and FLV format footage
  • Use sparingly: Cameras, lighting, and blur can slow down template playback in Premiere Pro
  • GPU-based Effects: We encourage you to build using the following effects. This will help create the most optimal MoGRT and one that will be able to evolve with our emerging applications.

Color

Color Best Practices:

  • Use a color picker like Fill or Tritone as opposed to Hue/Saturation so that the user can target specific colors in their project
  • Use Blend modes sparingly as they misrepresent color pickers
  • Hue/Saturation controls are discouraged as they can cause artifacting

Plugins

  • 3rd party plugins such as Red Giant and Video Co-Pilot are not allowed to be used. If a plugin is vital to the design, pre-render the layer/comp and import into After Effects.

Renderers

The CINEMA4D renderer:

  • Requires a user to license a Creative Cloud all apps plan, so it will narrow the audience that can purchase the template
  • Slows template playback in Premiere Pro
  • Should be used sparingly in conjunction with lights and cameras

Expressions

Templates will require minor use of expressions. It is required to convert expressions to Match Names so that any language version of Premiere Pro can correctly use your MoGRT. The easiest method is to use Expressions Universalizer.

IMPORTANT: The After Effects 16.0 expression engine was updated October 2018 to use modern JavaScript syntax, therefore legacy syntax will no longer be permissible. Read more about using proper syntax.

After Effects includes a script to check and fix your syntax. We highly suggest running it before exporting your mogrt. It will ensure that your template will be usable in future version of Premiere Pro.

File >> Scripts >> Update Legacy Expressions.jsx

We have written a condensed guide of the most used expressions at the following link:

Reduce Project

After completing set-up and testing your MoGRT to ensure it works as intended, reduce the project to keep file sizes small and optimize the performance of your MoGRT.

First, select your Master composition in the Project Window. Then go to File > Dependencies > Reduce Project. This will delete all items from the project (compositions, solids, footage, etc) that are not being directly or indirectly used by the Primary composition.

Reduce Project

After reducing the project, a dialogue box is shown that will indicate how many items were removed.

Linked Assets and the Use of Images & Video

Contributors must wholly own all rights to the assets within templates, including any necessary licenses and releases. Don’t submit templates with assets that don’t belong to you (ie: photos your spouse took or content found on websites or through online search results.)

Images

  • Artists cannot use any copyrighted logos and stock content, including CC0 and Public Domain images in templates and 3D textures in renders in templates they submit
  • NASA CC0 images that are available for commercial use and do not require attribution may be used for templates
  • Modified stock images (even if no longer recognizable) are also not allowed
  • Using licensed and free 3D models, lights, and materials from Adobe Stock for footage is encouraged
  • Usage of recognizable people (ie: faces) requires a model release
  • Stock images may only be used in preview Thumbnail and video but may NOT be included in template
  • Media Replacement is now supported in After Effects 2021. Review Media Replacement guidelines for more info.

Video

Adobe no longer supports legacy QuickTime 7 era formats and codecs starting from Premiere Pro version 12.1 and After Effects version 15.1. Professional codecs typically found in QuickTime movie files, such as ProRes, DNxHD, and Animation are not affected by this change. Use non-impacted codecs for linked assets.

Part II: Preview Media

Preview Video

  1. File Type: .mp4
  2. Filename: must follow YEAR_FileName.extension naming convention
  3. Dimensions: 1920px wide x 1080px high
  4. Length: at least 2 seconds long (loop shorter transitions) to 60 seconds
  5. Use the H.264 Format with the “Match Source - High bitrate” preset in Adobe Media Encoder
  6. Do not add any audio and uncheck Export Audio from Media Encoder
  7. You may use simple explainer text utilizing the text in your template but dummy text is preferred
  8. Do not add additional text. Use text from within the template to explain its features. If your template has no text, like a transition, do not add it to your Preview Video.
  9. Showcase the area your template is meant to be used (Example: Show a lower third in the lower third area, not as a title)
  10. Motion graphics may be set against black, light gray #8e8e8e, dark gray #525252, or photos/videos that match the theme of your template. Do not use motion graphics that are not achievable with your template in your preview media. If you use photos/videos in your Preview Media, you must be the original creator of the images or have licensed the photo(s) or video(s) from Adobe Stock or a similar stock site. We encourage the use of the Adobe Stock free collection
  11. For Media Replacement MoGRTs, you may showcase the template with the placeholder or replaced image/video
  12. If your template contains more than a single animation, you may present the elements consecutively, try not show multiple instances of the template on screen at the same time
  13. Do not reference Adobe, Premiere Pro, After Effects or MoGRT in your text

Thumbnail

Thumbnails are the images displayed on Adobe Stock when users are searching for templates. Please expect the thumbnail to be scaled down significantly (as small as 460 x 320) when displayed on our website. Be mindful that intricate line work and thin fonts may not be visible with smaller thumbnail sizes.

  1. File Type: .jpg
  2. Filename: must be named Thumbnail.jpg
  3. Dimensions: 1920px wide x 1080px high
  4. You may use simple explainer text utilizing the text in your template but dummy text is preferred
  5. Do not add additional text. Use text from within the template to explain its features. If your template has no text, like a transition, do not add it to your Thumbnail.
  6. Showcase the area your template is meant to be used (Ex.: Show a lower third in the lower third area, not as a title)
  7. Motion graphics may be set against black, light gray #8e8e8e, dark gray #525252, or photos/videos that match the theme of your template. If you use photos/videos in your Preview Media, you must be the original creator of the images or have licensed the photo(s) or video(s) from Adobe Stock or a similar stock site. We encourage the use of the Adobe Stock free collection
  8. For Media Replacement MoGRTs, you may showcase the template with the placeholder or replaced image/video.
  9. If your template contains more than a single animation, you may present multiple options simultaneously
  10. Do not reference Adobe, Premiere Pro, After Effects or MoGRT in your text

Navigation: Homepage | Submission Guidelines | Category Requirements | Technical Requirements | Metadata Requirements | Expression Guide | Media Replacement | MoGRT OptimizationArtist FAQ

Header Image: Futuristic Network Backgrounds by trahkostock; Animated Atom Title by CreatorGalaxy.

Last Updated: 3/22/21

Return to top