How To Create A Template In After Effects

Afterwards Furnishings templates, from Titles and Transitions to Logo Openers, make it easy for whatever editor to rapidly create impressive videos. The whole indicate of using a template is to speed upwardly video product workflow, but if a template isn't designed well, information technology can be difficult to utilize. So if you're trying your own hand at creating templates to share with others or sell on Pond5, here are some tips for creating easy-to-use "no questions necessary" results.

ane. Utilise TypeKit Fonts

When people outset open your template, usually they'll exist missing the font you lot used. To make it like shooting fish in a barrel for others to work with, make sure to use fonts available in Adobe TypeKit, Adobe's service that syncs fonts with Adobe Artistic Cloud accounts. For instance, in this template, the designer used a TypeKit font called "Montserrat," making information technology piece of cake to sync and use:

20 Modern Titles by dimter25

When first designing your template, get to typekit.com and detect a font you like, then sync it with your account. It will then appear in your font dropdown in Afterwards Effects. Make certain that you have "Font Syncing" enabled from your Adobe Creative Cloud desktop App.

I besides recommend including in your template instructions that users should restart the project after they sync Typekit fonts.

2. Create Color Controls

Create a universal layer color control in your template then users can easily click and change colors. To create a colour-control layer, offset create a nothing-object layer in your composition. I'd recommend renaming the nothing-object layer to "Color Control."

And then, under "Furnishings and Presets," search for an Expression Control called "Colour Command" and employ it to a null-object layer in your composition. In this template, the designer created a color control that corresponded to every color used in the transition design:

100 Transitions Pack by motion_templates

iii. Implement Responsive Pattern

If you're creating a lower third or title template, make your shapes automobile-resize to the text. To do this, you need to use a simple expression. Not many template designers take the time to do this, so set yourself apart and make it actress user-friendly with this tip.

To brand a rectangle machine-resize to text, you showtime need to utilize the expression command "Slider Control" to your rectangle shape layer and rename the effect "Padding."

And then, adjacent to the rectangle size, alt/option-click on the stopwatch and copy and paste this expression:

title = thisComp.layer("Rectangle").sourceRectAtTime();padding = issue("Padding")("Slider");[championship.width + padding, title.acme + padding]

Where information technology says "Rectangle," rename this to the proper name of your text layer — then if your text layer is chosen "Principal Title," then you lot would replace "Rectangle" with "Primary Title."

You can increase the padding using the slider command. Now, when users type in new text, they won't have to resize the rectangle shape — information technology resizes automatically.

4. Employ an Intuitive Projection Folder Construction

Navigation is the number-1 must-have when designing your template. In the Projection Panel, create an organized structure for the user to navigate.

For example, it's common practice to accept a numerical folder organisation such as:

For example, here's a nice organized project from the 100 Transitions Pack template:

5. Enable Elevate and Drib Logo Limerick

For logo openers or promo-style templates, always include a composition defended for the user to drop in and resize their logo. Don't make information technology difficult for someone to detect a style to update the template to match their own branding. In this template, the designer created a dedicated limerick simply for the logo placement:

Clean Blue Stardust Glow Particles and Flares Space Logo Reveal Animation by kalfasso

6. Create a .MOGRT File From Your Template

If the user tin can also use your template easily in Premiere Pro, as well equally After Effects, information technology will exist more desirable. With the latest update to Adobe Premiere Pro CC, you can now convert your After Furnishings designs into what is called a Move Graphics Template or .MOGRT file.

To turn your design into a .MOGRT file, you need to be using the latest version of Adobe Afterward Furnishings CC and the Essential Graphics Panel. From at that place, you can drag in your source text, color controls, and scale and position controls to create your template. Then y'all tin can export it every bit a .MOGRT file, which users tin can install in their Premiere Pro CC Essential Graphics Panels.

The idea here is that information technology makes it easy for users to simply update text, colour, and size without having to go dorsum and forth betwixt After Effects and Adobe Premiere Pro.

For even more tips, I have a whole playlist on YouTube on how to create motion-graphics templates that yous can check out:

If you accept whatever questions nigh whatsoever of this data, or only want to share your own AE Template tricks, sound off in the comments below!