After Effects is a COMPOSITING TOOL for videos, audio files, images, text, and 3D to generate creative content. It uses a host of other tools, plug-ins, scripts, and effects to output mainly to a video format.
composition [kom-puh-zish-un] noun – the act of combing parts or elements to form a whole.
If you know Photoshop, it is helpful to think of After Effects as “Photoshop Effects in Motion.” Everything you learned in Photoshop can be ANIMATED in After Effects:
After Effects can also do any animation Adobe Animate can do faster but with more features. Some features in After Effects are also like Adobe Illustrator.
These features are referred to as TRANSFERABLE SKILLS. Transferable skills are concepts you learn in one application that is similar in another application, so you don’t have to relearn them, or there is not much more to learn. For example, you cut, copy, and paste (e.g., CMD/CTRL+X, CMD/CTRL+C, CMD/CTRL+V) the same way in all applications, par none. Or, you select all (e.g., CMD/CTRL+A) the same way in most applications, but what you select may differ (e.g., in Photoshop, it is pixels; in Illustrator, it is vectors).
The table below shows standard features and functions shared among these applications, but they may be called by another name:
The table below shows standard features and functions shared among these applications, but they may be called by another name:
FEATURE OR FUNCTIONS |
AFTER EFFECTS |
PHOTOSHOP |
ILLUSTRATOR |
ANIMATE |
Display Area |
Y (Called Composition |
Y (Called Canvas) |
Y (Called Artboard) |
Y (Called Stage) |
Embedded objects |
Y (Called Pre-composition) |
Y (Called Smart Objects |
Y (Called Symbols and Isolation Mode) |
Y (Called Symbols) |
Script or programming |
Y (Called Expressions) |
Y (Called Actions or Droplets) |
Y (Called Actions) |
Y (Called Action Script or JavaScript) |
Import |
Y |
Y |
Y (Called Place) |
Y |
Filters |
Y (Called Effects) |
Y |
Y |
Y |
Bitmaps |
Y (Called Solids) |
Y |
Y |
Y |
Vectors |
Y (Called Shapes) |
Y |
Y |
Y |
Gradients |
Y (Called Ramps) |
Y |
Y |
Y |
Content Aware Fill |
Y (Across multiple frames) |
Y |
N |
N |
Cloning |
Y (Across multiple frames) |
Y |
N |
N |
Layer Styles |
Y |
Y |
Y |
N |
Character |
Y |
Y |
Y |
Y |
Paragraph |
Y |
Y |
Y |
Y |
Animation |
Y |
Y |
Y |
Y |
Blend Modes |
Y |
Y |
Y |
Y |
Presets |
Y |
Y |
Y |
Y |
Timeline |
Y |
Y |
N |
Y |
Pen Tool |
Y |
Y |
Y |
Y |
Mask |
Y |
Y |
Y |
Y |
Keyframes |
Y |
Y |
N |
Y |
3D Extrude |
Y |
Y |
Y |
N |
Light |
Y |
Y |
Y |
N |
Camera |
Y |
Y |
N |
Y |
Audio |
Y |
N |
N |
Y |
Transformation |
Y |
Y |
Y |
Y |
Paint |
Y |
Y |
Y |
Y |
Brushes |
Y |
Y |
Y |
Y |
Align |
Y |
Y |
Y |
Y |
Workspaces |
Y |
Y |
Y |
Y |
Extensions |
Y |
Y |
Y |
Y |
Info Panel |
Y |
Y |
Y |
Y |
Libraries |
Y |
Y |
Y |
Y |
Ruler, Grid, and Guides |
Y |
Y |
Y |
Y |
Clipping Mask |
Y |
Y |
Y |
Y |
Learn |
Y |
Y |
Y |
Y |
Group function |
Y |
Y |
Y |
Y |
NOTE: Besides the few “N” listed above, all these applications have a lot of common features and functions that you do not have to relearn.
TESTIMONY: I delayed learning After Effects for a long time thinking that it was a hard program to learn. However, once I started to learn it, I found that it had so many common tasks that I have been performing in other programs listed above for years. As a result, it is not only easy for me to learn but I am having fun learning it.
At first glance, all the panels within After Effects can be very intimidating. However, there are only four main panels used most of the time:
THREE COOL PANEL FEATURES UNIQUE TO AFTER EFFECTS:
(1.) PRO TIP: To TOGGLE any panel from standard to full screen:
(2.) To MOVE any panel to a new location, drag it by the title within another panel until a 3D Box appears and then move it to one SIDE of the box to reposition the panel to the top, bottom, right, or left of the target panel.
The example below will place the moved panel on TOP of the current Effects & Presets panel (see arrow and highlight below)
PRO TIP: To ADD a panel as a TAB to a target panel group, drag a panel to the CENTER of the target panel instead of one of its sides.
(3.) To CHANGE the type of panels displayed depending on what is being done (e.g., Animation, Paint, etc.), change the workspace in one of the following ways:
The Project panel is where content is imported for a project. There are several ways to import assets into the Project panel:
A composition is a CONTAINER for a collection of assets that will appear in the Project folder once created alone side of other assets. A composition is like a symbol in Adobe Animate. There are serval ways to create a composition:
NOTES:
The timeline is where you manage when events (e.g., animation, effects) take place in a composition. Layers in the timeline can be hidden, and they will be hidden in the composition because the two are TIED together. When content ADDED to the Composition is ADDED to the timeline. Likewise, content ADDED to the timeline is ADDED to the Composition. Below are some tips when using the Timeline:
Effects are like Filters in Photoshop, Illustrator, or Animate. There are several ways to apply an effect to a layer:
PRO TIP: Since there are so many effects, use the Search feature to find the effect name (e.g., Drop Shadow, Blur, Tiler) to apply.
Except for the Composite panel, a SEARCH can be performed for an asset related to that specific panel. This technique is particularly useful with the Effects & Presets and Timeline panels. When using the timeline panel:
Before getting started, there are several tasks that are good to remember and do in After Effects because they are common to most projects. While they may not be evident now, they will become apparent once they are used.
After assets are imported, they can be added to the timeline in several ways:
PLACED ANYWHERE:
PLACED IN CENTER:
There are several common TRANSFORMATION properties that every visible asset has that can be changed. Select the asset layer in the timeline and press a single key:
Before getting started too far alone with After Effect, it is helpful to remember some important shortcut keys that are used often:
EXAMPLE: 20 Tricks in After Effects for 2020
Like Photoshop, Illustrator, and Animate, shape layers are vectors, and solid layers are bitmaps.
A VECTOR shape layer can be CREATED and ADDED to the content of that layer like Photoshop or Illustrator. Vector shapes are resolution-independent, which means that they can scaled without losing any quality.
Like a composition, it is helpful to think that when a shape layer is created, that shape layer is only the CONTAINER for the shape or shapes that will be ADDED to it.
There are several ways to create a (vector) shape:
There are some essential concepts that you need to be aware of when creating shapes:
Converting a text to a shape layer is rather easy. The advantage is it allows you to have more control over the individual LETTERS in the text.
Several things will happen when text is converted to a Shape Layer:
Converting an Illustrator file to a shape layer is rather easy as well. The advantage is it allows more control over the individual SHAPES in the file.
Like converting text to a shape layer, several things will happen when an Adobe Illustrator file is converted to a Shape Layer:
Create a custom shape with the Pen tool
Add complexity to a shape using the Merge Paths command
The Repeater operation allows you to REPEAT an object multiple times without having to create a layer for each. Hence, more complex shapes can be created.
EXAMPLE: Create complex shapes with shape layers using path operations.
A solid is a color bitmap layer that can be created. It can be used to create bitmap shapes and masks.
Creating a solid is like filling a blank layer in Photoshop with a solid color (e.g., ALT+BACKSPACE or CTRL+BACKSPACE)
It is easy to create and animate text in After Effects.
IMPORTANT NOTE: Text objects do not show up in the Project panel because they are created WITHIN After Effects. Besides the properties in the Character and Paragraph panels, there are some additional text properties (e.g., Paths and Grouping options) in the timeline.
Creating text is not much different from Photoshop, Illustrator, Animate, or many other applications.
While more advanced ways of creating animations will be explained later, the following techniques will be used in this Section:
NOTE: These techniques will buy you some time to learn more advanced techniques later in this course. So, for now, you can employ a technique I am fond of in this industry: “fake it until you make it.”
There are several pre-built text animations that come with After Effects. To preview them before you apply them, you need Adobe Bridge.
NOTE: The animation will start at the location of the CTI on the timeline for all techniques below:
Technique 1: Use Adobe After Effect Animation Presets from Adobe Bridge
Technique 2: Use After Effects Animation Presets from the Effects & Preset panel
While it may not be evident that you can double-click an animation preset, you can also access the text animation presets by:
Technique 3: Use After Effects Animator Menu
Another way to animate text is to use the Animator menu that is designed to animate letter-by-letter and is available for all Text layer.
To animate ALL CHARACTERS TOGETHER:
To animate ONE CHARACTER AT A TIME (Stagger Animation):
Below is a list of additional resources that you can view: