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

Version

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

Composition Settings

  • Dimensions: 1920 px x 1080 px
  • 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.

Controls and parameters in the Essential Graphics Panel should be given 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.

Preferred Controls

Use the layers' native Transform: Position and Scale properties whenever possible. This helps keep the Essential Graphics Panel concise and user-friendly.

Best Practices for 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 to switch between multiple animation styles, graphic options, and orientation options. 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: In the case of background styles, use Slider value 0 for Off, 1 for Style 1, 2 for Style 2, 3 for Style 3, etc. If there is no Off Option, start the Range of the Slider at 1.

Responsive Design – Time

The October 2018 release of After Effects CC 2019 (version 16.0) gives users the ability to time stretch a template clip in Premiere Pro with Responsive Design – Time. Artists are required to set Responsive Time in lieu of of setting up duration controls unless it negatively impacts a template. Infographics do not have to use Responsive Time.

In your Main Comp, set a Create Intro and Create Outro of 1 frame at the beginning and end of your timeline. This will enable the ability to stretch an entire clip.

Responsive Design – Timing with Intro and Outro set to 1 frame each.

To lock certain keyframes to specific animation timing (like in a lower third or title), click and drag the blue handles to extend the Protected Region. Alternatively, you can use Create Protected Region from Work Area.

Lower third intro keyframes with Responsive Design – Timing: Create Intro set

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 fonts from the Adobe Fonts Marketplace as they require additional purchase outside of the Creative Cloud subscriptions
  • 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 must utilize Font Properties.

  • Enable Custom Font Selection is required
  • Enable Font Size Adjustment is required
  • Enabling Faux Styles is optional
  • Please note that forwarding Source Text via expressions does not work with Font Properties

Text inputs should be able to accept up to 20 characters as a default without being cut off by masks or resizing. Best practice is to ensure that text is never obscured at any time, no matter if the global and text size is changed. The easiest way to enable this is to check the Collapse Transformations switch.

Avoid using all-caps cursive text.

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. Be sure to set both the text justification and the anchor point accordingly.

It is advised to add a Line Spacing control anytime there is more than 1 line for a text layer.

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 Female 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 Male 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

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

  • When choosing an effect to control color, it is preferred to use an effect that uses a color picker like Fill or Tritone as opposed to Hue/Saturation so that the user can target specific colors in their project
  • Blend modes misrepresent color pickers and can cause confusion, so use sparingly

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, the layer/comp should be rendered and layered into the template.

Renderers

Artists are allowed to use the Classic 3D and CINEMA4D renderers only.

The CINEMA4D renderer:

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

Expressions

We encourage the use of expressions to enhance user experience. Most templates will require minor use of expressions via pickwhips for style selections. Be sure to run Expressions Universalizer to convert expressions to Match Names.

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.

The latest version of After Effects has created 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

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 Master composition.

Reduce Projec

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
  • Image replacement/smart objects are not currently supported, so do not submit designs that necessitate an image or video to be replaced by the user as a vital part of your design

Video

Adobe no longer supports legacy QuickTime 7 era formats and codecs starting from Premiere Pro CC version 12.1 and After Effects CC 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 listed here 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)
  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. 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.
  11. 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
  12. Do not reference Adobe / Premiere Pro / After Effects / Mogrt

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.
  8. If your template contains more than a single animation, you may present multiple options simultaneously
  9. Do not reference Adobe / Premiere Pro / After Effects / Mogrt

Motion Graphics Templates Resources

Have questions?

Email motion@adobe.com

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

Last Updated: 10/09/2019