Creating Social Media Ads with After Effects

Welcome to Lesson 1a: Social Media Ad Introduction to After Effects. Before we dive in, note that the page numbers in your workbook are intentionally small—this design choice encourages you to focus on the practical application rather than constantly referencing text.

The preview video you saw earlier demonstrates our end goal: a professional square-format social media advertisement. This project will teach you fundamental After Effects principles by combining imported images, video clips, and audio files into a cohesive animated piece that meets current social media specifications.

Turn to page 16 to examine the storyboard—those hand-drawn sequential illustrations that map out our animation. Storyboarding remains an essential tool in professional motion graphics, allowing animators to visualize timing, transitions, and overall narrative flow before investing hours in production. These particular sketches, created on an iPad with basic drawing skills, demonstrate that storyboards prioritize communication over artistic excellence. Notice how simple elements like boxes represent images (marked with diagonal X's), arrows indicate movement direction, and rough text blocks show messaging hierarchy.

In professional workflows, you'll typically work from storyboards rather than finished reference videos. This planning phase prevents costly revisions and ensures client alignment before animation begins. While not every project requires detailed storyboards, they're invaluable for complex animations or client presentations.

Let's establish our workspace foundation. Navigate to the Standard workspace and reset it to ensure consistency with these instructions. After Effects offers multiple workspace configurations, but Standard provides the optimal panel arrangement for beginners. Different workspaces relocate panels and may hide essential tools, potentially causing confusion during tutorials.

Understanding the project and composition relationship is crucial for After Effects mastery. Examine the large gray box on page 17 titled "Projects and Compositions"—this concept distinguishes After Effects from simpler video editors.

Currently, you're working in an untitled After Effects project, as indicated in your title bar. After Effects maintains one active project at a time—opening or creating another automatically closes your current work. Projects serve as containers without inherent dimensions, frame rates, or durations.

Compositions (or "comps") within projects define these parameters. Think of compositions as individual video canvases where you'll create animations, each with specific width, height, duration, and frame rate settings. A single project can house multiple compositions—perhaps different aspect ratios for various social platforms or alternate versions for A/B testing.

---

Now we'll execute three fundamental steps: create a new composition, import media files, and populate our composition with assets. While you can import files before creating compositions, we'll establish our canvas first to better understand the workflow.

Here's where After Effects defies conventional software logic. Unlike most applications where File > New creates documents, compositions require their own menu path: Composition > New Composition. This workflow reflects After Effects' specialized nature—it's not document-centric but composition-focused.

Multiple methods achieve the same result: the menu command Composition > New Composition, the keyboard shortcut Cmd+N (Mac) or Ctrl+N (PC), the "Create a New Composition" button in your workspace, or the button at the Project panel's bottom. All open the identical Composition Settings dialog.

Name your composition "Guitar Pick Square"—descriptive naming becomes essential when managing complex projects with dozens of compositions. The preset dropdown offers common broadcast and web formats, saving time on standard projects.

Understanding video terminology prevents confusion. In After Effects, "resolution" refers to pixel dimensions (width × height), not print resolution (pixels per inch). Video operates without DPI concepts—a 1920×1080 composition displays identically whether on phones or billboards, with device pixel density handling the physical scaling.

Frame rate determines playback smoothness. North American broadcast standard uses 29.97fps (often simplified to 30fps), film traditionally uses 24fps, and European broadcast employs 25fps. Social media platforms accommodate various frame rates, though 30fps ensures broad compatibility. High-speed cameras capture 120fps or higher for slow-motion effects, with specialized equipment reaching thousands of frames per second for scientific or dramatic applications.

For our project, use the HDTV preset but modify dimensions to create a perfect square. The lock aspect ratio button (chain icon) maintains proportional scaling—disable it to input custom dimensions independently. Set both width and height to 1080 pixels, creating Instagram's preferred square format.

---

Additional settings deserve attention: Start Timecode typically remains at zero, marking your timeline's beginning. Duration sets composition length—a critical distinction from traditional video editors with infinite timelines. After Effects compositions have fixed durations, requiring forethought about content length.

When entering duration, use proper timecode format. For 15 seconds, input "15:00" rather than "15"—the latter creates a 15-frame composition lasting half a second at 30fps. This common mistake frustrates newcomers, so remember: frames comprise seconds, seconds build minutes, minutes create hours.

Background color affects transparent areas and compositing operations. Black backgrounds help visualize fade effects and light elements, though you can modify this anytime. For most social media content, black provides optimal contrast during creation.

Save custom settings as presets for future projects. Click the preset save button and name it descriptively—"Instagram Square 1080" communicates format and dimensions clearly. Note that preference resets delete custom presets, requiring recreation after troubleshooting.

Upon creation, you'll see two linked windows: the Composition panel (your visual canvas) and the Timeline panel (your animation workspace). These represent the same composition from different perspectives—visual and temporal. Drawing shapes or adding text in the Composition panel automatically creates corresponding layers in the Timeline, where you'll animate properties and adjust timing.