Student Login
Motion Graphics

Mastering After Effects

In This Section, You Will Learn:

  • • Why After Effects is essential
  • • The After Effects interface
  • • Essential panels and their purpose
  • • Creating your first composition
  • • Importing and organizing assets
  • • Keyboard shortcuts that save hours

Why After Effects?

  • Adobe After Effects is where 90% of professional motion graphics are created.
  • Why It Dominates:
  • • Industry standard since 1993
  • • Every agency uses it
  • • Clients specifically ask for AE files
  • • Massive plugin and template ecosystem
  • • Integrates perfectly with other Adobe apps
  • The Good News:
  • • You only need to master 20% of tools for 80% of work
  • • Templates can speed up your workflow
  • • AI is making complex effects easier
  • The Learning Curve: Steep at first, but once you 'get it', everything clicks.

The After Effects Interface

  • When you open After Effects, you'll see:
  • 1. Project Panel (Left):
  • • Where all your imported files live
  • • Organize with folders
  • • Drag files here to import
  • 2. Composition Panel (Center):
  • • Your canvas — where you see your work
  • • Preview your animation here
  • 3. Timeline Panel (Bottom):
  • • Where the magic happens
  • • Layers, keyframes, timing
  • • This is where you animate
  • 4. Tools Panel (Top):
  • • Selection, pen, shape tools
  • • Text tool, camera tool
  • 5. Effects & Presets (Right):
  • • Hundreds of built-in effects
  • • Search for what you need

Creating Your First Composition

  • A Composition (Comp) is your canvas — like an Artboard in Illustrator.
  • Creating a Comp:
  • • File → New → Composition (or Ctrl+N)
  • Common Settings:
  • Instagram Square: 1080×1080, 30fps
  • Instagram Story/Reel: 1080×1920, 30fps
  • YouTube/HD: 1920×1080, 30fps
  • 4K: 3840×2160, 30fps
  • Duration:
  • • Logo animations: 5-10 seconds
  • • Social ads: 15-30 seconds
  • • Explainers: 60-90 seconds
  • Frame Rate:
  • • 30fps for social media (standard)
  • • 24fps for cinematic look
  • • 60fps for smooth motion

Importing Assets

  • What You Can Import:
  • • Images (PNG, JPG, PSD)
  • • Videos (MP4, MOV)
  • • Audio (MP3, WAV)
  • • Illustrator files (AI)
  • • Photoshop files (PSD — layers preserved!)
  • How to Import:
  • • File → Import → File (Ctrl+I)
  • • Or drag files into Project Panel
  • Pro Tip for PSDs:
  • • Import as 'Composition – Retain Layer Sizes'
  • • All Photoshop layers become AE layers
  • • Animate each layer separately
  • Organize Your Assets:
  • • Create folders: Assets, Comps, Audio, Pre-Comps
  • • Name everything clearly
  • • Future you will thank present you

Essential Keyboard Shortcuts

  • Master these to work 3x faster:
  • Navigation:
  • Spacebar: Play/Pause preview
  • Home/End: Go to start/end of comp
  • J/K: Jump between keyframes
  • Layer Properties:
  • P: Position
  • S: Scale
  • R: Rotation
  • T: Opacity (T for Transparency)
  • A: Anchor Point
  • U: Show all keyframes on layer
  • Keyframes:
  • Alt+Click property: Add keyframe
  • F9: Apply Easy Ease
  • Timeline:
  • Ctrl+D: Duplicate layer
  • [ or ]: Trim layer start/end
  • Learn these FIRST. They save HOURS.
⬅️ Previous Lesson The Power of Motion Next Lesson ➡️ Animation Fundamentals
Scroll to Top