Compositing in animation involves combining visual elements from different sources into a single image to create the illusion that they are part of the same scene. Digital compositing is the process of digitally assembling multiple images into one final image, typically used in motion pictures and screen displays. The document provides instructions on how to use software like Photoshop to create and refine composited images through layering and manipulation of visuals.

1. What is Compositing in
Animation?

2. Index
1. What is Compositing in Animation?
1. Digital Compositing
1. Basic Procedure of Compositing
1. Learn How To Combine Images With
Compositing

3. What is Compositing in
Animation?
 Compositing is combining of visual elements from
separate sources into the one images, often to create
the illusion all those elements are parts of the same
scene.

4. Digital Compositing
 Digital compositing is the process of digitally
assembling the multiple images to make the one final
image, typically for motion pictures or screen display.
It is a digital analogue for optical film compositing.

5. Basic Procedure of
Compositing

6.  All compositing involves the replacement of chosen
parts of an image with other material, but not always
from other images.
 In the digital method of compositing, software
commands designate closely defined color as the part
of an image to be replaced.

7.  Then the software replaces every pixel in the
designated color range with a pixel from another
image, aligned to look as part of the original

8.  Example: One could record a tv weather presenter
positioned in front of a plain blue or green
background, while the compositing software replaces
only the designated blue color or green color with
weather maps.

9. Learn How To Combine Images
With Compositing

10. Create a New Document
 Create a new document
 In Photoshop, choose File > New.
 Select a Document Type, such as Paper or Web.
 An image destined for online use is measured in
pixels.

11. An image destined for print is measured in inches.
Set the Contents background to Transparent. Then
Click OK.

12. Add and Resize the
Background Image
Drag an image from the computer into the document.
Click on it and drag the handles around the edges to
resize the image to set the document.
Hold Shift while resizing to constrain the image to its
original proportions.

13. Press enter or go back to return to finish placing the
image you won’t be able to continue until you do.

14. Add Some More Images
Drag images into the document. Don’t worry about if
they overlap — you can adjust it later.
Each image becomes a separate layer, which you can
see in the Layers panel to the right of the working area.

15. Move Images in Behind or
Front
 To move an image in front of or behind other images
drag a layer up or down in the layers panel.

16. Show and Hide Images
 Click on the eye icon to hide a layer. Click again to
make that layer visible again.

17. Refine Design
 Now that you know basics, you can fine-tune the
placement of images unto the layout looks just right to
you.
 Select an image layer from the Layers panel, and then
use the Move tool to reposition the image on canvas.

18.  To resize an image, select the layer, and then click
Control+T (Windows) to show the handles.
 Drag the handles to resize the image.
 Reposition each image to create the unique layout.
 Play around with composition until you are satisfied
with how it looks.

19. Thank You