1. Definition

Compositing is the process of combining multiple images or visual elements into a single final image.

• Each element may be a layer, such as a background, foreground, characters, or effects.
• Widely used in film, animation, graphics, and user interfaces.
• It allows creation of complex scenes without modifying the original images.

2. Concept

• Each image or layer can have color and transparency (alpha) values.

• Alpha blending determines how layers are combined:

  • Fully opaque layers cover layers beneath.
  • Semi-transparent layers are blended with underlying layers.

• The final pixel color (C_{out}) is computed as:

Where:

• $C_{foreground}$ = color of the top layer pixel
• $C_{background}$ = color of the bottom layer pixel
• $\alpha$ = transparency factor (0 = fully transparent, 1 = fully opaque)

3. Types of Compositing

4. Steps in Compositing

1. Prepare layers

   • Ensure each image has color and optional alpha/mask data.

2. Determine blending order

   • Usually back-to-front (painter’s algorithm) or using depth information.

3. Apply blending

   • Compute pixel colors using alpha blending or mask-based techniques.

4. Render final image

   • Combine all layers into one final framebuffer or image.

5. Applications

1. Film & Animation – Combine live-action footage with CGI elements.
2. 2D/3D Graphics – Add shadows, reflections, or special effects.
3. User Interfaces – Layered windows, pop-ups, and translucency effects.
4. Games & Simulations – Particle effects, HUD elements, and post-processing.

6. Advantages

• Allows non-destructive editing of images.
• Supports complex scenes without modifying original assets.
• Compatible with hardware acceleration for real-time graphics.

7. Summary Table

Key Points:

• Compositing = combining multiple images/layers to produce a final visual output.
• Alpha values or masks control transparency and blending.
• Essential for visual effects, layered graphics, and realistic rendering.