Difference between revisions of "Motion Graphics Template Tutorial - AE"

From Help Wiki
 
Line 1: Line 1:
 
== Getting Started ==
 
== Getting Started ==
  
−
==== Open After Effects ====
+
=== Open After Effects ===
 
# Open '''After Effects'''.
 
# Open '''After Effects'''.
 
# Go to '''File''' > '''Save As...'''
 
# Go to '''File''' > '''Save As...'''
Line 7: Line 7:
 
# At the top name your project and click '''Save'''.
 
# At the top name your project and click '''Save'''.
  
−
==== Make a New Composition ====
+
=== Make a New Composition ===
 
#Go to '''Composition''' > '''New Composition'''.
 
#Go to '''Composition''' > '''New Composition'''.
 
#Name the composition '''Text template'''.
 
#Name the composition '''Text template'''.
Line 14: Line 14:
 
#Click '''OK'''.
 
#Click '''OK'''.
  
−
=== Create a Title ===
+
== Create a Title ==
  
−
==== Make a Solid ====
+
=== Make a Solid ===
 
# In the Composition window turn on '''Title/Action Safe'''.
 
# In the Composition window turn on '''Title/Action Safe'''.
 
# Click in the Timeline and go to '''Laye'''r > '''New''' > '''Solid..'''.
 
# Click in the Timeline and go to '''Laye'''r > '''New''' > '''Solid..'''.
Line 24: Line 24:
 
#Select the solid then hold the shift key and move the solid down so that the bottom aligns with the title safe line.
 
#Select the solid then hold the shift key and move the solid down so that the bottom aligns with the title safe line.
  
−
==== Animate the Solid ====
+
=== Animate the Solid ===
 
# In the '''Timeline''' select the solid and click the triangle to show the properties.
 
# In the '''Timeline''' select the solid and click the triangle to show the properties.
 
# Click the triangle next to '''Transform'''.
 
# Click the triangle next to '''Transform'''.
Line 35: Line 35:
 
# In the '''Preview''' window click return to zero and the play button.
 
# In the '''Preview''' window click return to zero and the play button.
  
−
==== Add a Mask to the Solid ====
+
=== Add a Mask to the Solid ===
 
# Select the solid in the '''Timeline''' window.
 
# Select the solid in the '''Timeline''' window.
 
# Go to '''Layer > Mask > New Mask'''.
 
# Go to '''Layer > Mask > New Mask'''.
Line 41: Line 41:
 
# Set '''Feather''' to '''25'''.
 
# Set '''Feather''' to '''25'''.
  
−
==== Add an Effect to the Solid ====
+
=== Add an Effect to the Solid ===
 
# Move the playhead to 0 seconds.
 
# Move the playhead to 0 seconds.
 
# Go to the '''Effects and Presets''' window and search for '''CC Light Burst 2.5'''
 
# Go to the '''Effects and Presets''' window and search for '''CC Light Burst 2.5'''
Line 49: Line 49:
 
# Drag '''Intensity''' and '''Ray Length''' to the '''Essential Graphics''' window.
 
# Drag '''Intensity''' and '''Ray Length''' to the '''Essential Graphics''' window.
  
−
==== Add Text ====
+
=== Add Text ===
 
# Move the playhead to 3 seconds.
 
# Move the playhead to 3 seconds.
 
# Select the '''Horizontal Type''' tool and add a text block over the solid and within the title safe guides.
 
# Select the '''Horizontal Type''' tool and add a text block over the solid and within the title safe guides.
Line 58: Line 58:
 
# In the '''Timeline''' select the text layer and drag '''Source Text''' to the '''Essential Graphics''' window.
 
# In the '''Timeline''' select the text layer and drag '''Source Text''' to the '''Essential Graphics''' window.
  
−
==== Add an Effect to the Text ====
+
=== Add an Effect to the Text ===
 
#Move the playhead to 0 seconds.
 
#Move the playhead to 0 seconds.
 
#Go to the '''Effects''' and '''Presets''' window and search for '''Character Shuffle In'''.
 
#Go to the '''Effects''' and '''Presets''' window and search for '''Character Shuffle In'''.
Line 67: Line 67:
 
#Drag '''Random Order''' and '''Random Seed''' to the '''Essential Graphics''' window.
 
#Drag '''Random Order''' and '''Random Seed''' to the '''Essential Graphics''' window.
  
−
==== Additional Options ====
+
=== Additional Options ===
 
* Keyframe other parameters as needed.
 
* Keyframe other parameters as needed.
 
* Add settings from the '''Timeline''' to '''Essential Graphics''' to make them editable in '''Premiere Pro'''.   
 
* Add settings from the '''Timeline''' to '''Essential Graphics''' to make them editable in '''Premiere Pro'''.   
 
* Go to '''Effects and Presets''' window go to '''*Animation Presets > Backgrounds''', select as background and drop on top on the solid in the '''Composition''' window.
 
* Go to '''Effects and Presets''' window go to '''*Animation Presets > Backgrounds''', select as background and drop on top on the solid in the '''Composition''' window.
  
−
==== The Essential Graphics Window ====
+
=== The Essential Graphics Window ===
 
* '''Solo Supported Properties''' sets the '''Timeline''' to show only the properties that will work with '''Motion graphic Template'''.   
 
* '''Solo Supported Properties''' sets the '''Timeline''' to show only the properties that will work with '''Motion graphic Template'''.   
 
* '''Set Poster Frame''' sets the thumbnail for the template.
 
* '''Set Poster Frame''' sets the thumbnail for the template.
Line 81: Line 81:
 
*Click '''Add Comment''' to add comments that will display in '''Premiere Pro.'''
 
*Click '''Add Comment''' to add comments that will display in '''Premiere Pro.'''
  
−
==== Exporting a Motion Graphics Template ====
+
=== Exporting a Motion Graphics Template ===
 
# In the Name filed name the template.   
 
# In the Name filed name the template.   
 
# Set the playhead to a frame to use as the template thumbnail and then click '''Set Poster Frame.'''
 
# Set the playhead to a frame to use as the template thumbnail and then click '''Set Poster Frame.'''
Line 89: Line 89:
 
# Name the template and click '''Save''' and then click '''OK'''.
 
# Name the template and click '''Save''' and then click '''OK'''.
  
−
=== Use the Template in Premiere Pro ===
+
== Use the Template in Premiere Pro ==
  
−
==== Set Up Premiere Pro ====
+
=== Set Up Premiere Pro ===
 
# Open Premiere.
 
# Open Premiere.
 
# Click '''New Project.'''
 
# Click '''New Project.'''
Line 101: Line 101:
 
# Name the Sequence and click '''OK'''
 
# Name the Sequence and click '''OK'''
  
−
==== Add the Template ====
+
=== Add the Template ===
 
* The template getting added to the local library when imported.  This will get deleted on log out from the lab computers..
 
* The template getting added to the local library when imported.  This will get deleted on log out from the lab computers..
 
* When a template is added to a sequence it will be added to the project folder.
 
* When a template is added to a sequence it will be added to the project folder.
Line 109: Line 109:
 
# Browse to the file, select it and click '''Open'''.
 
# Browse to the file, select it and click '''Open'''.
  
−
==== Use the Template ====
+
=== Use the Template ===
 
# Add a video clip to video 1.
 
# Add a video clip to video 1.
 
# Add the template to video 2.
 
# Add the template to video 2.

Latest revision as of 09:17, 12 February 2026

Getting Started

Open After Effects

  1. Open After Effects.
  2. Go to File > Save As...
  3. In the bottom left, click New Folder Go to the Desktop, and name the folder.
  4. At the top name your project and click Save.

Make a New Composition

  1. Go to Composition > New Composition.
  2. Name the composition Text template.
  3. Set Preset to HDTV 1080 29.97
  4. Set Duration to 00:00:10:00
  5. Click OK.

Create a Title

Make a Solid

  1. In the Composition window turn on Title/Action Safe.
  2. Click in the Timeline and go to Layer > New > Solid...
  3. Click the box next to the eye dropper and choose a color.
  4. Set Width to 1920 and Height to 200.
  5. Click OK.
  6. Select the solid then hold the shift key and move the solid down so that the bottom aligns with the title safe line.

Animate the Solid

  1. In the Timeline select the solid and click the triangle to show the properties.
  2. Click the triangle next to Transform.
  3. Select position and make sure the playhead is at zero.
  4. In the Composition window set the scale to 33.3%
  5. Select the solid, start dragging to the left and then hold down shift to constrain the position. Move the solid out of the composition area.
  6. In the Timeline click the stopwatch next to Position to set the first keyframe.
  7. Move the playhead to 3 seconds.
  8. In the Composition window select the solid, start dragging to the right and then hold down shift to constrain the position. When you let go a new keyframe will be made.
  9. In the Preview window click return to zero and the play button.

Add a Mask to the Solid

  1. Select the solid in the Timeline window.
  2. Go to Layer > Mask > New Mask.
  3. In the Timeline under the solid open Masks > Mask 1.
  4. Set Feather to 25.

Add an Effect to the Solid

  1. Move the playhead to 0 seconds.
  2. Go to the Effects and Presets window and search for CC Light Burst 2.5
  3. Drag the effect on to the solid in the Timeline.
  4. In the Timeline select Effects and CC Light Burst 2.5
  5. Open the Essential Graphics window.
  6. Drag Intensity and Ray Length to the Essential Graphics window.

Add Text

  1. Move the playhead to 3 seconds.
  2. Select the Horizontal Type tool and add a text block over the solid and within the title safe guides.
  3. Type "first last" and select the text.
  4. In the Character panel set the Font to Futura Bold and the size to 100.
  5. Click the Stroke Color box and set to black.
  6. Reposition the text if needed.
  7. In the Timeline select the text layer and drag Source Text to the Essential Graphics window.

Add an Effect to the Text

  1. Move the playhead to 0 seconds.
  2. Go to the Effects and Presets window and search for Character Shuffle In.
  3. Drag the effect on top of the text block.
  4. In the Timeline select the text layer and open Text > Animator 1 > Range Selector 1 > Advanced.
  5. Set Random Order to On.
  6. Open the Essential Graphic Window.
  7. Drag Random Order and Random Seed to the Essential Graphics window.

Additional Options

  • Keyframe other parameters as needed.
  • Add settings from the Timeline to Essential Graphics to make them editable in Premiere Pro.
  • Go to Effects and Presets window go to *Animation Presets > Backgrounds, select as background and drop on top on the solid in the Composition window.

The Essential Graphics Window

  • Solo Supported Properties sets the Timeline to show only the properties that will work with Motion graphic Template.
  • Set Poster Frame sets the thumbnail for the template.
  • Master chooses which composition to view in the Essential Graphics window.
  • Right-click on a property and select Reveal in Timeline to show it it in the Timeline.
  • Click a name filed to rename a property.
  • Drag properties up or down to reorder them.
  • Click Add Comment to add comments that will display in Premiere Pro.

Exporting a Motion Graphics Template

  1. In the Name filed name the template.
  2. Set the playhead to a frame to use as the template thumbnail and then click Set Poster Frame.
  3. Click Export Motion Graphics Template.
  4. For Destination select Local Drive.
  5. Click Browse and find your folder.
  6. Name the template and click Save and then click OK.

Use the Template in Premiere Pro

Set Up Premiere Pro

  1. Open Premiere.
  2. Click New Project.
  3. Name the project.
  4. Click Browse, go to the Desktop, click New Folder, give it a name and click Create.
  5. Click OK
  6. Go to File > New Sequence.
  7. Broswe to Digital SLR > 1080p DSLR 1080p30.
  8. Name the Sequence and click OK

Add the Template

  • The template getting added to the local library when imported. This will get deleted on log out from the lab computers..
  • When a template is added to a sequence it will be added to the project folder.
  1. Open the Essential Graphic window.
  2. Click the Browse tab.
  3. Click the Install Motion Graphics Template on the right.
  4. Browse to the file, select it and click Open.

Use the Template

  1. Add a video clip to video 1.
  2. Add the template to video 2.
  3. In the Essential Graphic window click the edit button and select the template in the Timeline.
  4. Change the text and anything else as needed.
  5. The properties can be keyframed.
Retrieved from "http://helpwiki.evergreen.edu/wiki/index.php?title=Motion_Graphics_Template_Tutorial_-_AE&oldid=47864"

The Evergreen State College