Skip to main content
March 23, 2026Tziporah Zions/11 min read

Video Tutorial: Compositing in After Effects

Master Professional Compositing with After Effects

About Keylight

Keylight is developed by The Foundry (formerly Framestore), a British software company. Adobe licenses this professional-grade effect and bundles it free with After Effects, giving users access to industry-standard compositing tools.

Getting the Project Files

Download the Project Files

Before diving into this advanced compositing tutorial, you'll need to download the provided project assets. These files contain the green screen footage and supporting elements we'll be working with throughout this tutorial.

Once your download completes, extract the ZIP file to your preferred working directory. Having all assets properly organized will streamline your workflow and help you follow along more effectively.

Link to project files.

Project Overview

This tutorial demonstrates professional-grade chroma key compositing techniques using Adobe After Effects' Keylight effect. You'll learn to isolate green screen footage, apply advanced keying parameters, and create sophisticated color treatments that seamlessly blend your subject with background elements. These skills are essential for modern motion graphics work, visual effects, and video production workflows.

What You'll Learn

Chroma Keying Fundamentals

Master the art of removing green screen backgrounds using professional techniques. Learn why green and blue screens work best with human subjects.

Advanced Compositing

Combine multiple layers with color grading and blending modes. Create professional-looking compositions that seamlessly integrate elements.

Effect Optimization

Fine-tune Keylight settings for clean mattes. Use garbage masks and spill suppression for professional results.

Using and Adjusting Footage

The first step in any compositing workflow involves properly scaling and positioning your source material. We'll also create a garbage mask to eliminate unnecessary background areas, which improves both performance and keying quality.

  1. Import your video file by dragging it from the Project Panel directly into your Timeline.
  2. Select the video layer and press S to reveal the Scale property.
  3. Set the Scale value to 35% to properly size the footage within your composition.
  4. Select the Pen Tool from the toolbar to begin creating your garbage mask.
  5. Carefully trace around your subject to create a mask that eliminates unwanted edge areas. This garbage mask removes extraneous background elements and focuses the keying algorithm on the essential areas of your footage.

Footage Preparation Workflow

1

Import and Scale

Drag video to timeline and scale to 35% using the S keyboard shortcut for optimal composition fit

2

Create Garbage Mask

Use Pen tool to draw around main subject, removing unnecessary edges and reducing processing load

3

Position Subject

Adjust layer position so subject is properly framed within the composition boundaries

Keylight Settings

Adobe licenses Keylight from The Foundry (now part of Foundry), making it the industry-standard keying solution built directly into After Effects. The bundled version includes Key Cleaner and Advanced Spill Suppressor, providing professional-grade results without additional plugins.

  1. Navigate to Effects & Presets and search for "Keylight." Select the complete "Keylight + Key Cleaner + Advanced Spill Suppressor" option.
  2. Apply the effect by dragging it onto your video layer.
  3. In the Effect Controls panel, click the eyedropper tool next to Screen Colour and sample a representative green area from your footage. Choose the most saturated, evenly-lit green available.
  4. Change the View dropdown to "Screen Matte" to visualize the alpha channel as a black-and-white matte.
  5. Expand the Screen Matte section and adjust Clip Black to 30 and Clip White to 65. These values create cleaner edge definition by eliminating gray areas in your matte.
  6. Ensure both Key Cleaner and Advanced Spill Suppressor are activated to minimize flickering and remove color contamination from reflective surfaces.
Screen Matte Visualization

Use Screen Matte view to see your key as black and white. Black areas are removed, white areas are kept. Gray areas indicate problem spots that need adjustment for clean compositing.

Essential Keylight Configuration

0/4

4 Color Gradient Enhancement

Professional compositing often requires color treatments that help foreground elements integrate naturally with their new environments. This technique uses gradient mapping to create atmospheric color harmony between your keyed subject and background plate.

  1. Duplicate your video layer using Ctrl+D (PC) or Cmd+D (Mac).
  2. Rename the duplicate layer by pressing Enter (PC) or Return (Mac) and typing "Color Overlay."
  3. Search for "4-Color Gradient" in Effects & Presets and apply it to your Color Overlay layer.
  4. Use the eyedropper tool next to Color 1 to sample a cool tone from your background composition. This creates visual cohesion between elements.
  5. Continue sampling colors for positions 2, 3, and 4, maintaining a harmonious color palette that complements your background.
  6. If the blend mode options aren't visible, click "Toggle Switches/Modes" in the lower-left corner of the Timeline panel.
  7. Set the Color Overlay layer's blend mode to "Hard Light" to create a sophisticated color treatment that maintains detail while adding atmospheric color.

Color Overlay Process

1

Duplicate Layer

Use Ctrl+D (PC) or Cmd+D (Mac) to duplicate video layer and rename to 'Color Overlay'

2

Apply 4-Color Gradient

Add gradient effect and sample cool colors from background using eyedroppers for natural blending

3

Set Blend Mode

Change layer mode to Hard Light for optimal color integration with underlying footage

Final Composition Assembly

The final step involves integrating pre-built graphic elements and fine-tuning the overall composition layout for maximum visual impact.

  1. Locate the "Text and Frame Precomp" in your Project Panel and drag it into your composition, positioning it below your footage layers in the layer stack.
  2. Select both video layers and reposition them horizontally to avoid overlap with text elements, ensuring all graphic components remain clearly visible and properly balanced.

Additional Resources for Chroma Keying

Expanding your keying knowledge requires understanding both the technical aspects and creative applications of these tools. The following resources provide deeper insights into professional chroma key workflows and advanced techniques used in high-end production environments.

Professional Learning Resources

The Foundry Documentation

Official Keylight documentation with comprehensive technical details and advanced usage scenarios for professional workflows.

Adobe Official Help

Adobe's complete guide to keying in After Effects, covering multiple techniques and troubleshooting common issues.

Video Tutorials

Expert tutorials from Jason Levine and Silo Tips providing practical examples and advanced compositing techniques.

The Foundry—Keylight Help Page

The official documentation provides comprehensive technical details about Keylight's algorithms and parameter functions, essential reading for understanding the tool's full capabilities.

Adobe Help—Keying in After Effects

Adobe's official keying documentation covers workflow integration, troubleshooting common issues, and optimization techniques for various footage types and lighting conditions.

Advanced Keylight Tutorials—Professional Applications

Industry-focused tutorials demonstrate real-world problem-solving approaches, including difficult lighting scenarios, hair detail preservation, and multi-pass keying techniques.

Modern Keying Workflows—2026 Best Practices

Contemporary approaches to keying now incorporate machine learning assistance, improved color science, and streamlined integration with modern camera workflows and HDR pipelines.

Video Transcript

Hello, this is Tziporah Zions from Noble Desktop, and in this comprehensive tutorial, I'll guide you through professional compositing techniques in Adobe After Effects. We'll be working with green screen footage to demonstrate industry-standard chroma keying workflows.

Today's focus is the Keylight effect, a sophisticated keying solution developed by The Foundry (formerly Framestore) and licensed by Adobe for inclusion with After Effects. This partnership brings professional-grade keying capabilities to every After Effects installation at no additional cost, making high-quality compositing accessible to creators at every level.

Our objective is to isolate and refine this green screen footage, then enhance it with visual effects that create seamless integration with background elements. This process, known as chroma keying, typically employs green or blue backgrounds positioned behind your subject. While any solid color can technically serve as a keying surface, green and blue remain industry standards because they contrast most effectively with human skin tones, minimizing the risk of accidentally keying out parts of your subject.

Let me show you our target result by scrubbing through the timeline. Notice how the woman appears naturally integrated against the background image, with sophisticated color treatment applied to enhance the overall visual cohesion. Compare this to the original footage, which shows her against a simple green screen environment. The Keylight effect will eliminate that green background entirely.

Chroma keying proves invaluable for combining moving subjects with static or dynamic background elements. The Keylight effect enables rapid isolation of footage elements, opening possibilities for applying targeted effects, animations, and treatments to both foreground subjects and background components independently.

Our project includes the main footage asset plus a pre-composed text element. You'll find all necessary assets in the project files linked in the description. Let's begin by importing our green screen footage into the composition.

First, I'll drag the footage directly into our composition window. Pressing 'S' reveals the Scale property, allowing me to resize this footage appropriately. Different source materials often arrive at various resolutions, so scaling adjustments are routine in professional workflows. I'm setting this to 35% scale, though I might fine-tune to 32% for better proportion.

I'll also adjust the vertical position so the figure aligns with the bottom of our composition frame. This positioning ensures optimal integration with our background elements.

Now we'll address the green screen removal. Navigate to Effects & Presets and search for "Keylight." The option we want has an extended name: "Keylight + Key Cleaner + Advanced Spill Suppressor." This bundled version combines the core Keylight algorithm with supplementary tools that streamline green screen cleanup.

Initially, applying this effect won't produce visible changes. The magic happens when we configure the keying parameters. Let me explain the key concepts you'll use in your own projects.

The Screen Colour parameter tells After Effects which color to make transparent. Click the eyedropper tool and sample the green background. For expanded color selection, hold Command (Mac) or Alt (PC) while moving the eyedropper. I'm selecting the brightest, most saturated green available.

Immediately, you'll see the green background disappear around our subject. Some green fringe may remain, but we'll address that through additional refinements.

Next, I'll create what's called a "garbage mask" using the Pen Tool. This involves drawing a rough outline around our subject to eliminate unnecessary footage areas. If we don't need those edge areas, there's no reason to process them through the keying algorithm. This approach improves both performance and quality.

After completing the mask, I'll switch back to the Selection Tool to avoid accidental additional points. Now, let's examine the View options in the Keylight effect. The current "Intermediate Result" shows our subject with the green background removed but some color contamination remaining.

Switching to "Screen Matte" reveals the alpha channel as a black-and-white representation. Black areas will be transparent, white areas will be opaque, and gray areas represent partial transparency. For optimal keying results, we want to eliminate gray areas by creating high contrast between black and white regions.

Professional keying depends heavily on contrast definition between subject and background. Sharp edge definition helps the algorithm distinguish between keeper areas and areas to be removed.

The Key Cleaner component addresses temporal flickering—those small speckles that might appear and disappear as footage plays. Our current footage should be stable enough that we won't need aggressive chatter reduction.

Advanced Spill Suppressor eliminates color contamination—green reflections that might appear on shiny objects or surfaces. This ensures that background color doesn't bleed into our main subject.

Now let's dive into the detailed controls. The Screen Matte section contains our primary refinement tools. Clip Black and Clip White function similarly to Levels adjustments in Photoshop, allowing us to intensify whites and deepen blacks within our matte.

I'll set Clip Black to approximately 30, which eliminates much of the gray tonality we want to avoid. For Clip White, I'll use a value around 65. These settings create cleaner edge definition by pushing gray areas toward pure black or white.

Additional parameters like Screen Softness, Screen Shrink/Grow, and Edge Colour Correction provide fine-tuning capabilities for specific footage challenges. The Despill controls (Despill Bias and Alpha Bias) help recover subject areas that might accidentally become transparent due to color spill.

With our matte looking clean, I'll return the View setting to "Final Result" to see our completed key. The results look excellent with minimal adjustment required—a testament to both good source footage and proper technique.

Let me verify the key quality by scrubbing through the timeline. Consistent results throughout the duration confirm our settings are working effectively.

Now for our creative enhancement phase. I'll duplicate the footage layer using Ctrl+D (PC) or Cmd+D (Mac), then rename it "Color Overlay" by pressing Enter (PC) or Return (Mac). I prefer color-coding my layers for quick visual reference—I'll make this one purple.

Next, I'll search for "4-Color Gradient" in Effects & Presets and apply it to our Color Overlay layer. This effect immediately applies preset colors, but I want colors that harmonize with our background plate.

Using the eyedropper tools, I'll sample colors from the background, focusing primarily on blue tones while avoiding oversaturated greens that might overpower the composition. The goal is subtle enhancement that creates visual cohesion without overwhelming our subject.

I can adjust the gradient point coordinates to modify how these colors blend across the frame. Moving the control points closer together increases contrast between color zones.

To access blend modes, click "Toggle Switches/Modes" if this interface isn't currently visible. I'll set the Color Overlay layer to "Hard Light" mode, which blends our gradient with the underlying footage while preserving detail and adding atmospheric color treatment.

For final assembly, I'll import the "Text and Frame Precomp" from the Project Panel, positioning it below our footage layers. Then I'll shift both video layers horizontally to avoid covering the text elements.

This technique works with any high-contrast footage, not just live-action material. Resources like Pexels.com offer extensive libraries of both 3D renders and live footage perfect for keying exercises. You can create punchy graphic looks with separate color effects, or pursue naturalistic results using multiply blend modes and subtle light effects.

Advanced workflows might involve keying multiple objects simultaneously by duplicating footage layers and applying different treatments to each. The creative possibilities are virtually unlimited once you master these fundamental techniques.

That concludes our exploration of professional compositing in Adobe After Effects. These skills form the foundation for advanced visual effects work and motion graphics production. This has been Tziporah Zions for Noble Desktop.

Green vs Blue Screen Considerations

Pros
Green and blue are furthest from human skin tones
Provide excellent contrast for clean keying
Work well with professional lighting setups
Compatible with standard Keylight algorithms
Cons
Green can reflect onto shiny objects
Blue may conflict with clothing colors
Requires even lighting for best results
Any color spill needs suppression in post
Free Asset Resources

Pexels.com offers free high-quality footage including 3D animations and live action clips. These assets work perfectly with Keylight techniques for practice and professional projects.

Key Takeaways

1Keylight is a professional compositing tool developed by The Foundry and bundled free with After Effects
2Green and blue screens work best because they're furthest from human skin tones, providing optimal contrast
3Garbage masks remove unnecessary footage edges, reducing processing load and improving key quality
4Screen Matte view shows your key in black and white, helping identify areas needing adjustment
5Clip Black (30) and Clip White (65) settings create high contrast for clean edge separation
6Key Cleaner reduces temporal chatter while Advanced Spill Suppressor removes color reflections
74-Color Gradient with Hard Light blend mode creates natural color integration with background elements
8Proper layer organization and positioning ensures text readability and effect application order

RELATED ARTICLES