Source: Love Mac | Software download link: Adobe After Effects 2021 for Mac

Adobe After Effects 2021 (AE 2021 for short) is a professional motion graphics and visual effects software released by Adobe, widely used in video compositing, animation production, film special effects, and motion design. This guide will provide a detailed introduction to its core interface, complete workflow, and advanced tips to help you quickly master its core operations.

I. Detailed Explanation of the Core Interface and Workspace

After launching AE 2021, you will see a standardized workspace composed of multiple panels. The default “Standard” workspace mainly includes the following core parts:

Menu Bar: Located at the top of the screen, it contains all commands such as File, Edit, Composition, Layer, Effect, Animation, View, Window, and Help.
Tools Panel: Usually located on the left side of the interface, it contains tools such as Selection, Hand, Zoom, Anchor Point, Shape, Pen, Text, Brush, Stamp, Eraser, and Camera.
Project Panel: The asset management center. All imported assets (video, images, audio, compositions) are managed here in list or thumbnail form.
Composition Panel: The core preview and operation window. It intuitively displays the visual effects of the current composition and is the main area for layer arrangement, animation preview, and direct manipulation.
Timeline Panel: The core control window. It displays all layers in the current composition in a timeline format and is the core area for keyframe animation, layer property adjustments, effect controls, and timing editing.
Info / Audio Panels: Display information such as mouse coordinates, color values, and audio levels.
Preview Panel: Controls playback, RAM preview, loop mode, and more.
Effects & Presets Panel: Stores all built-in effects and animation presets, which can be quickly applied via search or categories.
Effect Controls Panel: When a layer with effects applied is selected, this panel displays the parameters of all effects on that layer for you to adjust.

You can switch between different preset layouts via the menu bar Window > Workspace, such as “Animation,” “Effects,” “Painting,” etc., to suit different work scenarios.

II. Complete Workflow from Creation to Export

Step 1: Create a New Project and Composition

Operation: After launching the software, the system automatically creates an empty project. You need to create a “Composition” as the main stage for your creation.

Method:

Via the menu bar: Composition > New Composition.
Click the “New Composition” icon at the bottom of the Project panel.
Shortcut: Command + N.

Location and settings: In the “Composition Settings” dialog that appears, configure the following:

Composition Name: Custom.
Preset: Such as “HDV/HDTV 720 25” or custom width and height (e.g., 1920×1080).
Frame Rate: Such as 25 frames/sec.
Resolution: Usually select “Full”.
Duration: Set the total duration of the composition (e.g., 0:00:30:00 means 30 seconds).

After clicking “OK”, an empty composition will appear in the Composition panel and the Timeline panel.

Step 2: Import and Manage Assets

Action: Import external assets into the Project panel.

Method:

Via the menu bar: File > Import > File.
Double-click in the blank area of the Project panel.
Drag files directly from Finder into the Project panel.
Shortcut: Command + I.

After importing, the assets will be listed in the Project panel. You can use folders (the New Folder button) to organize and manage them by category.

Step 3: Organize and Edit Layers in the Timeline

Action: Place assets or elements into the composition to form a layer structure.

Method:

Drag assets from the Project panel to:
- Composition panel: Can be freely positioned.
- Timeline panel: Added to the top of the layer stack.
Each asset, text, shape, or light becomes an independent layer. The layer order determines the visual stacking relationship (upper layers cover lower ones).
On the timeline, you can:
- Drag either end of a layer bar to trim its In and Out points.
- Drag the entire layer bar left or right to change its start position on the timeline.
- Click the triangle arrow to the left of a layer to expand its Transform properties (Anchor Point, Position, Scale, Rotation, Opacity) for basic adjustments.

Step 4: Create animations and add effects

Action A: Create keyframe animations

In the timeline, expand a layer’s properties (e.g., “Position”).
Move the current time indicator (playhead) to the target time point.
Click the stopwatch icon next to the property name to activate keyframing and create the first keyframe.
Move the playhead to another point in time, then directly modify the property value (e.g., move the layer position in the Composition panel), and the system will automatically create a second keyframe.
AE will automatically generate smooth tweened animation between keyframes.
Shortcut: Press the U key to quickly reveal all keyframed properties of the current layer.

Operation B: Add visual effects

Select the target layer in the Timeline or Composition panel.
From the “Effects & Presets” panel, drag the desired effect (e.g., “Blur & Sharpen > Gaussian Blur”) onto the layer, or simply double-click the effect name.
The effect parameters will appear in the “Effect Controls” panel and can be adjusted at any time. Parameters can also be keyframed for animation.

Step 5: Preview the Result

Action: View animations and effects in real time.

Methods:

Use the playback controls on the Preview panel.
Press the Spacebar for real-time playback (may stutter).
For complex compositions, use RAM Preview: click the “RAM Preview” button in the Preview panel, or press the 0 key on the numeric keypad. AE will pre-render to memory first, then play back smoothly.
You can drag either end of the Work Area (the colored bar at the top of the Timeline) to define a specific time range for preview only.

Step 6: Render and Export the Final Video

Action: Output the composition as a video file.

Method:

Make sure the target composition is selected in the Timeline or Project panel.
Via the menu bar: Composition > Add to Render Queue.
Shortcut: Command + M.
The “Render Queue” panel will open, and your composition will be listed as a render item.
Click the blue text after “Output Module” (the default may be “Lossless”) to set the format (e.g., QuickTime), video codec (e.g., H.264/ProRes), channels, resolution, and more.
Click the blue text after “Output To” to choose the file save location and name.
Finally, click the “Render” button in the upper-right corner of the Render Queue to start the output.

Tip: A more professional approach is to use File > Export > Add to Adobe Media Encoder Queue, leveraging Media Encoder for more format preset options, batch rendering, and background rendering without blocking your AE work.

III. Advanced Tips for Common Features

Parent-Child Linking: In the Layer Properties of the Timeline panel, find the “Parent” column and use the spiral icon to drag a child layer onto the parent layer’s name. The child layer will inherit the parent layer’s transform properties (position, rotation, scale) while retaining its own effects. Use this to create complex linked animations.
Null Object and Adjustment Layers:
- Null Object: Layer > New > Null Object. An invisible layer, commonly used as a parent control center for multiple layers.
- Adjustment Layer: Layer > New > Adjustment Layer. Applies effects to all layers below it, making it a powerful tool for unified color grading or adding global effects.
Shape Layers and Merge Paths: Draw directly using the “Shape Tools” in the toolbar. In the contents properties of a shape layer, you can add operations such as “Merge Paths,” “Offset Paths,” and “Repeater” to create complex vector animations.
Motion Sketch: Window > Motion Sketch. After selecting a layer, click “Start Capture,” then freely move the mouse in the composition panel. AE will record the movement path and automatically generate smooth position keyframes—perfect for hand-drawn path animations.
Expressions: Hold the Option key and click the stopwatch icon next to a property to activate the expression input field. Enter simple JavaScript code (e.g., wiggle(5, 20) makes a property randomly wiggle) to achieve automated, interconnected complex animations without manually setting numerous keyframes.

IV. Common Issues and Solutions

Symptom	Possible Cause	Solution
Preview stutters, unable to play smoothly	Composition resolution too high, effects too complex, insufficient cache.	1. At the bottom of the Composition panel, change the resolution from “Full” to “Half” or “Quarter.” 2. Use RAM Preview (numpad 0). 3. Clear disk cache: `Preferences > Media & Disk Cache`.
Imported image/video size doesn’t match the composition	Footage resolution doesn’t match composition settings.	Select the layer, press `Command + Option + F` (fit to composition height) or `Command + Option + G` (fit to composition width). Or manually adjust using the “Scale” property.
Rendered output file too large or wrong format	Output module settings incorrect.	1. Check the “Output Module” settings and select a compressed format such as H.264. 2. Use Adobe Media Encoder for output, which offers more presets (e.g., “YouTube 1080p”).
Can’t find applied effects or properties	Layer properties not expanded or panel closed.	1. Select the layer and press `E` to reveal all applied effects. 2. Press `U` to reveal all properties with keyframes. 3. Reopen the “Effect Controls” panel from the “Window” menu.
Pen or shape tools draw sluggishly	Possibly drawing a mask instead of a shape.	Make sure that when a layer is selected, the “Shape Tools” in the toolbar create shapes; when no layer is selected, they create masks. Pay attention to the “Tool Creates Shape” vs. “Tool Creates Mask” button state at the bottom of the toolbar.
3D layers don’t interact or light correctly	Missing camera or light layers.	1. Create a 3D camera: `Layer > New > Camera`. 2. Create a light: `Layer > New > Light`. 3. Ensure the 3D switch (cube icon) is enabled on the relevant layers.

V. Summary of Core Shortcuts on Mac

Function Category	Operation Description	Shortcut (Mac)
Project & Composition	New Project	Command + Option + N
New Composition	Command + N
Import File	Command + I
Save Project	Command + S
Add to Render Queue	Command + M
View & Preview	Zoom In/Out Composition Panel	Command + +/-
100% Display Scale	Command + 1
Fit to Window	Shift + Command +
RAM Preview	Numeric Keypad 0
Pause/Resume Preview	Spacebar
Quickly Purge Memory & Cache	Command + Option + /