After Effects for Absolute Beginners: Navigating the Workspace and Project Setup

A creator-focused tour of the After Effects workspace

After Effects can look busy at first, but most beginner motion-graphics work happens in four areas: the Project panel (your media library), the Composition panel (your preview canvas), the Timeline (where animation lives), and a few Essential properties you’ll touch constantly (transform, keyframes, and basic layer switches). If you learn what each area is responsible for, you’ll stop “hunting” and start building.

Project panel (your media library)

The Project panel holds everything you import and everything you create: footage (video, images, audio), compositions, and solids. Think of it as a bin system—nothing animates here; it’s just organized and referenced.

• Footage items: imported files (e.g., MP4, PNG, WAV).
• Compositions: containers that define frame size, frame rate, and duration.
• Folders: organization only (they don’t affect rendering).

Beginner habit to build: keep the Project panel tidy from the start so you don’t lose track of versions and assets.

Composition panel (your canvas)

The Composition panel shows the currently active composition. This is where you position elements, see motion, and check framing. It’s a view of your comp, not your raw footage (unless you open footage directly).

• Magnification: set to Fit to see the whole frame while working.
• Resolution: you can preview at lower resolution for speed, but it doesn’t change final export quality.
• Safe margins / guides: helpful for keeping logos and text away from edges (especially for social/video deliverables).

Timeline (layers + time + keyframes)

The Timeline is where you build the stack of layers and animate over time. Each layer has an in/out point (when it appears), and properties you can keyframe.

Continue in our app.

• Listen to the audio with the screen off.
• Earn a certificate upon completion.
• Over 5000 courses for you to explore!

Or continue reading below...

Download the app

• Layer order matters: higher layers visually sit on top of lower layers.
• Time indicator: the playhead shows what frame you’re viewing.
• Keyframes: markers that store a property value at a specific time.

Essential properties beginners use most

You don’t need every panel on day one. These are the properties you’ll use constantly:

• Transform (per layer): Position, Scale, Rotation, Opacity, and Anchor Point.
• Keyframing: click the stopwatch to start animating a property.
• Layer switches: Shy, Motion Blur, 3D (you can ignore 3D at first), and Solo/Lock.
• Work Area: defines the preview range (and sometimes render range depending on settings).

Quick navigation shortcuts that reduce overwhelm:

• Space: preview play/stop.
• 0 (numpad): RAM Preview (if available on your keyboard setup).
• U: reveal animated properties on selected layer.
• UU (tap twice): reveal modified properties.
• S, P, R, T, A: Scale, Position, Rotation, Opacity, Anchor Point.

Project setup: create, import, organize, and version safely

Create a new project

After Effects projects are files that reference your media; they don’t “contain” your video the way some editors do. That means organization and saving versions matters.

1. Go to File > New > New Project (or open After Effects and start fresh).
2. Immediately save the project: File > Save As.
3. Create a dedicated folder on your drive for this job (example structure below) and save the .aep file inside it.

My_AE_Project/  _AE_Project_Files/    project_v001.aep  Footage/    Video/    Images/    Audio/  Exports/

Why this matters: if you move footage later, After Effects can lose links. Keeping everything inside one master folder reduces relinking headaches.

Import media (images, video, audio)

Importing brings files into the Project panel so you can use them in comps.

1. In the Project panel, double-click empty space (or use File > Import > File).
2. Select your media: a short video clip, a logo image (preferably PNG with transparency), and optional audio.
3. Click Open. The items appear in the Project panel.

Beginner checks while importing:

• Logo format: PNG with transparency is ideal for clean overlays.
• Video format: common MP4/H.264 works, but if playback is choppy, consider using a more edit-friendly codec later (not required for this chapter).
• Audio: WAV/AIFF is straightforward; MP3 is fine for temp.

Organize with folders (before you animate)

Folders in the Project panel keep assets readable as the project grows.

1. In the Project panel, click the New Folder icon.
2. Create folders such as: 01_Footage, 02_Images, 03_Audio, 04_Comps.
3. Drag imported items into the correct folder.

Tip: prefix folders with numbers so they stay in a consistent order.

Save versions (so you can undo big decisions)

After Effects has undo, but versioning protects you from “I broke everything” moments.

1. Use File > Increment and Save whenever you reach a milestone (imported assets, created comp, first animation pass).
2. Keep versions in the same project folder: project_v001.aep, project_v002.aep, etc.

Practical rule: if you’re about to try something risky (new effect, heavy timing changes), increment first.

Mini-exercise: import a clip and logo, then verify comp settings to avoid mismatches

This exercise builds a common real-world setup: a video clip with a logo overlay. The goal is not to animate yet—it’s to confirm your composition matches your footage so you don’t get unexpected scaling, black bars, or timing issues.

What you need

• One short video clip (5–15 seconds is perfect).
• One logo image (PNG preferred).

Step 1: Import the assets

1. Import the video clip and logo into the Project panel.
2. Place the clip in 01_Footage and the logo in 02_Images.

Step 2: Create a composition that matches the clip

The safest beginner workflow is to let the footage define the comp.

1. In the Project panel, select the video clip.
2. Drag it onto the New Composition button (or right-click the clip and choose New Comp from Selection).
3. A new composition appears—open it. Your clip is now a layer in the Timeline.

This method automatically matches resolution, frame rate, and often duration to the clip, reducing mismatches.

Step 3: Verify frame rate, resolution, and duration (the mismatch checklist)

Now confirm the comp settings so you know what you’re delivering.

1. Go to Composition > Composition Settings.
2. Check these fields:

Also verify the clip layer length: in the Timeline, the video layer should extend to the end of the clip. If your comp is longer than the clip, you’ll see empty time after the layer ends (that’s okay if intentional).

Step 4: Add the logo and confirm it behaves like an overlay

1. Drag the logo from the Project panel into the open composition.
2. In the Timeline, make sure the logo layer is above the video layer (so it appears on top).
3. Select the logo layer and press S to adjust Scale if needed.
4. Press P to adjust Position and place it in a corner.

If the logo looks blurry, it’s often because it’s being scaled up too much. Prefer using a higher-resolution logo if you need it large on screen.

Step 5: Spot and fix the three most common mismatches

• Mismatch: wrong comp size (black bars or cropping)
  Fix: If you already built a comp and it doesn’t match the clip, you can use Composition Settings to change size, but be careful—your layers may need repositioning. A safer fix is to create a new comp from the clip and move your logo layer into it.
• Mismatch: logo appears stretched or unexpectedly scaled
  Fix: Select the logo layer and choose Layer > Transform > Fit to Comp only if you truly want it full-screen. For a corner logo, manually adjust Scale and keep proportions (don’t unlink scale values unless you mean to distort).
• Mismatch: comp duration cuts off the end
  Fix: Increase duration in Composition Settings, or trim the work area and layers intentionally. Make sure the logo layer’s out point extends as long as you need it visible.

Quick verification routine (30 seconds)

1. Open Composition Settings and confirm frame rate + size + duration.
2. Scrub the Timeline from start to end and confirm nothing disappears unexpectedly.
3. Toggle the logo layer visibility (eyeball icon) to confirm it’s truly an overlay.