Free Design learning guide
Adobe After Effects for Beginners: Video Editing
Adobe After Effects for Beginners: Video Editing — a free beginner-level guide covering learn adobe after effects for video editing. Learn with clear...
What you will learn
1. Getting Started with the Interface
The Blank Canvas of After Effects Imagine you have just been handed a box of raw, unedited video clips from a friend's weekend wedding. There is footage of the ceremony, shaky clips from the dance floor, and a few audio recordings of toasts. Right now, these files are just a scattered collection of digital data. Your job is to turn this chaos into a polished, watchable film. When you open Adobe After Effects for the first time, it presents you with a digital film studio. Unlike a word processor that simply shows you a blank page, After Effects gives you an assembly line. The screen is divided into distinct rectangular sections called panels. Each panel has a specific job in the production pipeline: storing your files, showing you what your video looks like, and controlling when things happen. To the uninitiated, this layout can feel overwhelming. But once you understand what each section does, the interface transforms from a confusing grid of buttons into a logical, step-by-step workflow. Before you can create visual magic, you need to know where your tools live and how to bring your raw materials into the studio. Understanding the Core Panels When you launch After Effects and create a new project, you are greeted by a default layout. While Adobe offers several customized layouts (which they call "workspaces"), the "Standard" workspace is what you will see by default. It is built around three primary panels: the Project panel, the Composition panel, and the Timeline panel. Think of these three panels as the holy trinity of After Effects. Almost everything you do in the software will involve interacting with at least one of them. The Project Panel: Your Digital Filing Cabinet The Project panel is typically located in the upper-left corner of your screen. Its purpose is singular but crucial: it stores and organizes every single file you bring into your project. In video editing, the raw video clips, audio tracks, and images you bring into the software are referred to as footage or assets. The Project panel acts as a master directory for all of these assets. It is important to understand that when you import a video file into After Effects, the software does not make a copy of it. Instead, it creates a link to where that file lives on your hard drive. If you move, rename, or delete the original file on your computer, After Effects will lose the connection, and your asset will show up as an error in the Project panel. The Project panel displays important metadata about your assets, such as file type, duration (how long the clip is), and frame size (the resolution). At the top of the …
2. Compositions and the Timeline
The Canvas of Motion Imagine you are hired to edit a 30-second promotional video for a local coffee shop. You’ve been handed a hard drive containing video clips of steaming espresso machines, close-ups of poured latte art, and wide shots of the cozy interior. If you were to just stitch these clips together end-to-end, you’d have a slideshow. But motion graphics and video editing require a stage—a defined space where these clips interact, overlap, and play out over a specific duration. In traditional filmmaking, that stage is a physical set, and the duration is dictated by the film reel. In Adobe After Effects, that stage is a composition. A composition (often called a "comp") is the foundational container where all your footage, graphics, and eventually, your animations live. It defines the physical dimensions of your video, the speed at which it plays back, and the total length of your project. Before you can arrange a single piece of footage, you must build this container. Creating a New Composition As we saw in the previous chapter, the Project panel acts as your master filing cabinet for all imported footage and assets. But footage sitting in the Project panel isn't doing anything yet. To start working, we need to create a composition and bring those assets into it. There are two primary ways to create a new composition from scratch. The Menu and Shortcut Methods The first method gives you complete control from the very beginning. 1. The Menu Method: Go to the top menu bar and select Composition New Composition. 2. The Keyboard Shortcut: Press Ctrl+N (Windows) or Cmd+N (Mac). Either action will launch the Composition Settings dialog box. This window is where you define the rules of your video project. The Drag-and-Drop Method Sometimes, you already have a primary piece of footage that dictates exactly what your final video should look like. If you imported a 4K video clip of the coffee shop, you likely want your final video to match those exact dimensions and frame rate. To use this method: 1. Select your footage in the Project panel. 2. Drag the footage down into the Timeline panel (referenced in Chapter 1). 3. A new composition is instantly created. It automatically matches the resolution, frame rate, and duration of that specific piece of footage. While the drag-and-drop method is incredibly fast, you won't always want your final video to match your source footage. You might be combining multiple assets of different sizes, or exporting for a specific social media platform. In those cases, you need to understand the manual settings. Decoding Composition Settings When you open the Composition Settings dialog box, you are presented with several tabs. The most critical …
3. Basic Animation and Keyframes
The Illusion of Movement Every piece of motion graphics, from a massive Hollywood title sequence to a simple logo swipe on a YouTube video, is built on a single fundamental concept: changing a layer's properties over time. In the physical world, objects move continuously. In Adobe After Effects, the software doesn't record continuous motion by default. Instead, it relies on a digital version of traditional cel animation. You tell After Effects exactly what a layer looks like at specific moments in time, and the software calculates all the frames in between. This process is called keyframing. Before you can animate, you need to know what you are allowed to move. Every layer you bring into your Timeline panel—whether it's a video clip, a photograph, or a graphic—comes equipped with a standard set of controls. The Five Basic Transform Properties Every layer in After Effects has five basic transform properties. These properties control the layer's placement, size, angle, and visibility. You can reveal them in the Timeline panel by selecting a layer and pressing the A key on your keyboard. Here are the five properties, what they do, and their corresponding keyboard shortcuts: Anchor Point (A): The Anchor Point is the single most important concept to grasp when animating. It is the "hinge" or center of gravity for your layer. All transformations happen relative to this point. If you scale a layer down, it shrinks toward the Anchor Point. If you rotate a layer, it spins around the Anchor Point. By default, the Anchor Point is placed in the dead center of a layer, but it can be moved using the Pan Behind tool. Position (P): This controls where the layer is located in the Composition panel, based on X (horizontal) and Y (vertical) coordinates. When you move a layer from the left side of the screen to the right, you are changing its Position property. Scale (S): This controls the size of the layer. A scale of 100% means the layer is at its original, imported size. You can scale uniformly (changing width and height together) or unlink the proportions to stretch or squash the layer. Rotation (R): This spins the layer. Rotation is measured in degrees (0 to 360) and full revolutions. For example, a rotation of 1x means the layer has spun 360 degrees exactly one time. Opacity (T): This controls how transparent the layer is. At 100%, the layer is completely solid. At 0%, the layer is completely invisible. (The shortcut is T because O is reserved for opening the "Out" point of a layer). Scenario: Animating a Product Reveal Imagine you are editing a promotional video for a new smartwatch. You have a flat PNG image …
4. Shape Layers and Masks
Imagine you are editing a promotional video for a local coffee shop. You have a beautiful, sweeping shot of a latte sitting on a wooden table, but right in the corner of the frame, a stray coffee cup blocks the shot. You can't afford to reshoot. Or, perhaps you want to animate a sleek, winding line that draws itself across the screen to point out a specific feature of a new product. Both of these scenarios, while seemingly different, rely on the exact same foundational concept in Adobe After Effects: defining specific areas of your frame to either hide, reveal, or generate. To accomplish this, we use two closely related tools: Shape Layers and Masks. In Chapter 3, we explored how to bring assets into the Timeline panel and animate their basic properties using keyframes. Now, we will move inside those layers. You will learn how to draw custom vector graphics from scratch and how to carve into your footage to isolate subjects, remove mistakes, and create dynamic revealing animations. The Building Blocks: Vector Paths Before we draw anything, we need to understand how After Effects creates lines and shapes. When you draw a shape or a mask, you are creating a vector path. A vector path is a mathematical line defined by points (called vertices) and the lines connecting them (called segments). Unlike pixel-based graphics (like a JPEG photo), which can become blurry or pixelated when scaled up, vector paths are resolution-independent. They use mathematical equations to determine their shape, meaning you can scale them to the size of a billboard without losing a single ounce of crispness. Whether you are drawing a bright yellow star to put on screen or drawing an outline around a person to hide the background, you are using vector paths. The difference between a Shape Layer and a Mask is simply what that path is instructed to do. Working with Shape Layers A Shape Layer is a layer generated entirely inside After Effects. It does not rely on external footage or assets imported via the Project panel. Because they are vector-based, they are perfect for creating motion graphics, lower thirds, and graphic elements that need to remain sharp at any size. The Shape Tools To create a shape layer, you need to use the shape tools. If you look at your toolbar (usually docked at the top of the interface), you will find the Rectangle Tool. If you click and hold on this icon, a fly-out menu reveals the other shape tools: Rounded Rectangle, Ellipse, Polygon, and Star. 1. Select the Rectangle Tool. 2. Go to your Composition panel. 3. Click and drag to draw a box. As soon as you draw, look …
5. Text Animation and Typography
Imagine you are watching a documentary. A speaker mentions a staggering statistic, and suddenly, the number drops onto the screen, counting up from zero. A moment later, a title card slides in, each word arriving perfectly on beat with the background music. This isn’t just typing on a screen; it’s kinetic typography—the art of making text move. In Adobe After Effects, text is far more than a static collection of letters. It is a highly dynamic asset. While you could technically export a JPEG of a title from Photoshop and animate its position using keyframes, doing so strips away your ability to manipulate the text once you are inside After Effects. By creating native text layers directly in your composition, you retain the power to change words, swap fonts, and animate individual characters, words, or lines long after the initial design is complete. Creating and Formatting Text Layers To work with text, you first need to bring the right panels to the forefront of your workspace. If you are using the standard "Default" workspace, go to the top menu bar and select Window Workspace Standard to ensure everything is in its default place. The Type Tool There are two primary ways to create a text layer. The first mimics how you might type in a word processor. 1. Select the Type Tool (shortcut: Ctrl+T on Windows, Cmd+T on Mac) from the toolbar at the top of the screen. 2. Click anywhere inside the Composition panel. A blinking cursor will appear. 3. Type your text. 4. When you are finished, do not just click away. To exit text editing mode, press Enter on your numeric keypad (if you have one), or simply select another tool like the Selection Tool (shortcut: V). Best Practice: If you click and drag with the Type Tool instead of just clicking, you create a paragraph text box. The text you type will automatically wrap to the next line when it hits the boundary of the box, much like it does on a web page. This is highly recommended for longer blocks of text, like lower thirds or closing credits, because it makes formatting much easier to manage. The second method is the "dummy text" method. Go to Layer New Text (shortcut: Ctrl+Alt+Shift+T / Cmd+Option+Shift+T). This instantly creates a new text layer in your Timeline panel with the word "Text" highlighted. You can immediately start typing to replace it, or click on the layer in the timeline to rename it. The Character and Paragraph Panels Once you have your text on the screen, you need to format it. This is where the Character and Paragraph panels come in. If you don't see them, go to Window Character …
6. Effects, Transitions, and Adjustment Layers
Imagine you have a perfectly framed interview clip. The lighting is decent, the audio is crisp, and the subject is engaging. But the raw footage feels static. The background is slightly distracting, the cut from the interviewer to the subject is jarring, and the video lacks a cohesive visual style. This is where Adobe After Effects transforms from a simple animation tool into a powerful post-production powerhouse. By applying visual effects, crafting custom transitions, and using adjustment layers to alter the look of your entire scene, you can elevate basic footage into a polished, professional video. The Effects & Presets Panel In previous chapters, we animated shapes, masks, and text manually using the Transform properties (Anchor Point, Position, Scale, Rotation, and Opacity). While manual animation gives you ultimate control, sometimes you want to instantly change the look or behavior of a layer without animating every property by hand. This is where effects come in. An effect is a software algorithm that modifies the appearance or audio of a layer. In After Effects, effects are primarily managed in the Effects & Presets panel. If you don't see this panel on your screen, you can open it by navigating to the top menu and selecting Window Effects & Presets. The Effects & Presets panel is essentially a searchable library. It contains hundreds of built-in tools divided into categories like Blur & Sharpen, Distort, Generate, and Stylize. It also houses Presets—pre-configured combinations of effects and keyframes that you can drag and drop onto a layer for instant results. Anatomy of an Applied Effect When you apply an effect to a layer, After Effects does two things: 1. It alters the visual output of that layer in the Composition panel. 2. It adds a new set of controls in the Timeline panel under a dropdown called Effect Controls. Let’s look at how to apply a basic effect using a common scenario: you have a background layer that is too sharp and distracting, and you want to blur it so that text placed over it stands out more. 1. Select the layer you want to modify in the Timeline panel. 2. Go to the Effects & Presets panel and type Gaussian Blur into the search bar. 3. Drag the Gaussian Blur effect directly onto your layer in the Timeline, or double-click the effect while your layer is selected. 4. Twirl open the layer in the Timeline (or look at the Effect Controls panel that appears next to your Project panel). You will see a property called Blurriness. 5. Click and drag the yellow numbers next to Blurriness to increase the value. The layer will blur in real-time in the Composition panel. Every effect you apply …
7. Color Correction and Grading
Imagine you have just imported a video clip into your Project panel. You shot it on a sunny afternoon, but on your screen, the footage looks disappointingly dull. The sky is a washed-out blue, the shadows look hazy instead of deep, and the overall image has an unwanted yellowish tint. It doesn’t look like a polished film; it looks like raw, unfinished video. This is the reality of working with raw video footage. Cameras, no matter how advanced, capture data differently than the human eye perceives it. The process of fixing this footage—balancing the colors, fixing the exposure, and adding a cinematic mood—is called color grading. In the film and video industry, this process is generally split into two distinct phases: Color Correction: The technical process of fixing baseline issues. This involves balancing the colors so whites look white, adjusting the exposure so the video isn't too dark or too bright, and ensuring the contrast is punchy. The goal is a neutral, accurate representation of the scene. Color Grading: The creative process of stylizing the footage. Once the clip is corrected, you apply a "look" or mood. A horror film might be graded with cold, desaturated blues, while a romantic comedy might lean into warm, vibrant oranges. To accomplish both of these tasks, Adobe After Effects includes a powerful, all-in-one tool: the Lumetri Color effect. Originally introduced in Adobe Premiere Pro, Lumetri brings professional color grading tools directly into After Effects. In this chapter, we will use Lumetri to rescue dull footage and transform it into a visually compelling cinematic shot. Understanding the Lumetri Color Effect In previous chapters, you learned how to apply effects by searching in the Effects & Presets panel. Lumetri Color works just like any other effect in After Effects, but its interface is expansive enough that it usually gets its own dedicated panel. When you apply the Lumetri Color effect to a layer, After Effects will often automatically open the Lumetri Color panel. If it doesn't, you can manually open it by navigating to the top menu bar and selecting Window Lumetri Color. The Lumetri panel is organized into distinct sections, starting with basic fixes and moving toward advanced, creative adjustments. For beginners, the most important section is the first one: Basic Correction. Best Practice: Always apply the Lumetri Color effect to an Adjustment Layer rather than directly to your video footage. As we covered in Chapter 6, an adjustment layer affects all layers beneath it. By placing your Lumetri effect on an adjustment layer, you can color grade multiple clips at once, and you can easily toggle the effect on and off to compare your graded footage with the original. Basic Correction: Fixing the …
8. Motion Tracking and Stabilization
Imagine you are editing a video of your friend skateboarding. You want to add a dynamic title that says "Going Pro!" right above his head as he rolls down the street. If you simply drop a text layer over the footage and leave it there, the text will stay frozen in the middle of the screen while your friend skates right past it. It will instantly look fake. To make the text feel like it exists inside the video, you need to tell After Effects to follow your friend's movement. This process is called motion tracking. In this chapter, we will explore how After Effects "looks" at the pixels in your video to record movement, how you can use that data to attach graphics to moving objects, and how you can use the same technology in reverse to smooth out shaky, handheld camera footage. The Mechanics of Tracking At its core, motion tracking is a game of pattern recognition. When you track an object in After Effects, you are selecting a specific cluster of pixels in a single frame and asking the software to find that exact same cluster in every subsequent frame. To do this, the software relies on two visual elements: The Search Region: This is the outer box that tells After Effects where to look for the pattern in the next frame. If the object is moving quickly, this box needs to be larger. The Feature Region: This is the inner box. This defines the exact pattern of pixels you want to track. For a successful track, this area needs a distinct, high-contrast pattern that doesn't change shape as it moves. Best Practice: When choosing a spot to track, avoid blank walls or flat colors. Look for distinct corners, high-contrast intersections, or specific textures. A black dot on a white background is easy to track; a white cloud against a blue sky is very difficult. One-Point vs. Two-Point Tracking Motion tracking in After Effects is generally divided into two categories based on how many points you are tracking: one-point and two-point. One-Point Tracking tracks a single location. It records Position data—meaning it tracks up, down, left, and right movements. Use one-point tracking when you want to attach an element to a moving object, but the object (or the camera) isn't rotating or changing distance drastically. For example, tracking a single point on a car's bumper to attach a bouncing sticker. Two-Point Tracking tracks two separate locations simultaneously. By comparing the distance and angle between these two points, After Effects can record not just Position, but also Rotation and Scale. If you track two points on the corners of a laptop screen, the software knows when the screen …
9. Audio Integration
Imagine watching a suspenseful thriller where the hero is sneaking through a dark hallway. The visuals are tense, but the scene feels strangely flat. Then, you realize the audio track is missing. Without the low rumble of the background music, the subtle creaking of the floorboards, and the sharp intake of the hero's breath, the scene loses all its emotional weight. Sound is roughly half of the viewing experience, and silence—or poorly timed noise—can break an audience's immersion instantly. While Adobe After Effects is primarily known as a visual effects and motion graphics program, you will frequently need to bring audio into your projects. Whether you are syncing an animation to a beat, adding a swoosh sound to a transitioning shape layer, or simply laying down a temporary voiceover track to pace a title sequence, knowing how to handle audio is essential. In this chapter, we will explore how to bring audio assets into your composition, preview them accurately alongside your visuals, adjust their volume using keyframes, and apply smooth fades so your audio doesn't cut off jarringly. Importing and Previewing Audio Just like video or image files, audio files are treated as footage within your project. You can bring them into After Effects using the exact same methods you learned in earlier chapters. Bringing Audio into the Project Panel Audio files come in many formats, but the most common ones you will encounter are .mp3, .wav, and .aif (or .aiff). While After Effects can read all of these, .wav and .aif are generally preferred for video production because they are uncompressed formats. MP3s are compressed, meaning some audio data has been discarded to reduce file size, which can occasionally cause minor playback hiccups in a video editing timeline. To bring an audio file into your project: 1. Use The Menu Method: Go to File Import File..., navigate to your audio file, and click Import. 2. Alternatively, simply drag and drop the audio file from your computer’s file explorer directly into the Project panel. Once imported, the audio file will sit in the Project panel alongside your other assets. You can click it once to see its properties—such as duration and sample rate—in the top right corner of the panel. Adding Audio to a Composition To actually hear the audio, it must be added to a composition. You can do this by dragging the audio asset from the Project panel down into the Timeline panel, just as you would with a piece of video footage or a shape layer. When you drop an audio file into the Timeline, it appears as a layer. However, because it has no visual component, the layer will look slightly different. Instead of a thumbnail …
10. Rendering and Exporting
You have spent hours carefully arranging assets in the Project panel, animating text, refining colors, and perfectly timing your audio tracks. The time indicator plays smoothly across the Timeline panel, and everything looks exactly how you envisioned it in the Composition panel. But right now, your work only exists inside Adobe After Effects. If you close the program, your animation disappears with it. To turn your dynamic composition into a standard video file that can be uploaded to YouTube, shared on social media, or sent to a client, you need to go through a process called rendering. Rendering is the computational process where After Effects calculates every pixel of every frame—combining your footage, masks, effects, and keyframes—and bakes them into a single, playable video file. Because After Effects relies on dynamic links to your original footage rather than permanently altering those source files, rendering is the essential final step to making your movie a reality. The Language of Digital Video Before we click any buttons, you need to understand a few essential terms. The rendering process requires you to make choices about how your video is packaged, and these choices dictate whether your final file looks pristine, loads quickly online, or fails to play on certain devices. Here are the foundational concepts you will encounter: Format (or Container): Think of the format as the shipping box that holds your video, audio, and metadata together. The format is denoted by the file extension at the end of your file name (e.g., .mp4 or .mov). A container tells the computer and media players, "I am a video file," but it doesn't dictate exactly how the video data inside is compressed. Codec (Compressor/Decompressor): If the format is the shipping box, the codec is how the items inside the box are folded to fit. Raw video data is massive—just a few seconds of uncompressed high-definition video can take up gigabytes of space. A codec is a mathematical algorithm that shrinks (compresses) the video data so it fits into a manageable file size, and later expands (decompresses) it when someone watches the video. Bitrate: This is the amount of data processed per second of video, usually measured in megabits per second (Mbps). A higher bitrate means higher quality, but a larger file size. A lower bitrate means a smaller file size, but the image can start to look blocky or pixelated if it's too low. When you export a video, you are choosing a format, a codec, and a bitrate. Rendering Directly in After Effects Historically, After Effects handled all its own exporting through a built-in feature called the Render Queue. While Adobe now pushes users toward a separate application for final exports (which we …
Continue learning
- Mastering Motion Graphics in Adobe After EffectsMastering Motion Graphics in Adobe After Effects — a free intermediate-level guide covering learn adobe after effects for motion graphics. Learn with...
- Adobe Premiere Pro for Beginners: The Complete GuideAdobe Premiere Pro for Beginners: The Complete Guide — a free beginner-level guide covering how to learn adobe premiere pro. Learn with clear...
- CapCut for TikTok: The Beginner's Video Editing GuideCapCut for TikTok: The Beginner's Video Editing Guide — a free beginner-level guide covering how to edit videos in capcut for tiktok. Learn with clear...
- Adobe Premiere Pro for Beginners: Video Editing GuideAdobe Premiere Pro for Beginners: Video Editing Guide — a free beginner-level guide covering learn adobe premiere pro for video editing. Learn with...