SlideShare a Scribd company logo
2
Most read
3
Most read
9
Most read
What is Compositing in
Animation?
Index
1. What is Compositing in Animation?
1. Digital Compositing
1. Basic Procedure of Compositing
1. Learn How To Combine Images With
Compositing
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.
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.
Basic Procedure of
Compositing
 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.
 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
 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.
Learn How To Combine Images
With Compositing
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.
An image destined for print is measured in inches.
Set the Contents background to Transparent. Then
Click OK.
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.
Press enter or go back to return to finish placing the
image you won’t be able to continue until you do.
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.
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.
Show and Hide Images
 Click on the eye icon to hide a layer. Click again to
make that layer visible again.
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.
 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.
Thank You

More Related Content

PPTX
Compositing, Composing Worlds
PPTX
Autodesk maya presentation
PPT
Graphic Design - Lesson 1
PDF
Introduction to Design (Yearbook Class)
PDF
Introduction to InDesign
PPTX
The Art of Photo Manipulation Technique
PPTX
Animation
PPSX
Animation techniques for CG students
Compositing, Composing Worlds
Autodesk maya presentation
Graphic Design - Lesson 1
Introduction to Design (Yearbook Class)
Introduction to InDesign
The Art of Photo Manipulation Technique
Animation
Animation techniques for CG students

What's hot (20)

PPTX
Video editing
PPT
Graphic Design PowerPoint
PPTX
What are storyboards?
PPTX
Animation Film Production Pipeline By : animationgossips.com (Jayant Sharma)
PPT
Animation 2D and 3D
PPTX
Animation
PPT
Lecture 9 animation
PDF
Bitmap and Vector Images: Make Sure You Know the Differences
PDF
InDesign Part 3
PPT
Introduction to Video Production
PPT
Animation
PPT
History of animation basic
PPTX
Concept Art - Character Design
PDF
Lesson 1 • Introduction to Photoshop
PDF
Graphic Design 101
PPT
Computer generated imaginary
PDF
3D Animation Process and Workflow
PDF
7 Types of Logos
PPT
composition in Photography
PDF
Video Editing for Beginners
Video editing
Graphic Design PowerPoint
What are storyboards?
Animation Film Production Pipeline By : animationgossips.com (Jayant Sharma)
Animation 2D and 3D
Animation
Lecture 9 animation
Bitmap and Vector Images: Make Sure You Know the Differences
InDesign Part 3
Introduction to Video Production
Animation
History of animation basic
Concept Art - Character Design
Lesson 1 • Introduction to Photoshop
Graphic Design 101
Computer generated imaginary
3D Animation Process and Workflow
7 Types of Logos
composition in Photography
Video Editing for Beginners
Ad

Similar to What is Compositing in Animation? (20)

PPTX
Artwork tutorial 1 making your image
PPTX
Unit 8 - Collage Notes and Tutorials
PPT
Adobe photoshop
PPTX
Web designing training
PPTX
Photoshop Elements Tutorial
PPTX
Collage
PPTX
Ppt
PPTX
Unit 8 - Collage Project Notes and Tutorials
PPTX
Collage
ZIP
The Zomi Understanding Adobe Photoshop Cs4
PPTX
Emptech-Q2-L1.pptxEmpowerment Technology is a subject in grade 12 STEM educat...
PPT
Photoshop
PDF
I Don't Have to Be an Art Wiz to Create My Own Design Assets?
PDF
ETECH_WEEK7-Image-Manipulation-Techniques-1.pdf
PDF
coreldraw
PDF
coreldraw
PPTX
Gateway To Adobe Photoshop
PDF
Photoshop7
PPTX
Photoshop starter elephant compressed
PDF
Photo10
Artwork tutorial 1 making your image
Unit 8 - Collage Notes and Tutorials
Adobe photoshop
Web designing training
Photoshop Elements Tutorial
Collage
Ppt
Unit 8 - Collage Project Notes and Tutorials
Collage
The Zomi Understanding Adobe Photoshop Cs4
Emptech-Q2-L1.pptxEmpowerment Technology is a subject in grade 12 STEM educat...
Photoshop
I Don't Have to Be an Art Wiz to Create My Own Design Assets?
ETECH_WEEK7-Image-Manipulation-Techniques-1.pdf
coreldraw
coreldraw
Gateway To Adobe Photoshop
Photoshop7
Photoshop starter elephant compressed
Photo10
Ad

Recently uploaded (20)

PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Trump Administration's workforce development strategy
PDF
O7-L3 Supply Chain Operations - ICLT Program
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PPTX
master seminar digital applications in india
PPTX
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Microbial disease of the cardiovascular and lymphatic systems
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
Orientation - ARALprogram of Deped to the Parents.pptx
PDF
Complications of Minimal Access Surgery at WLH
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PDF
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
Anesthesia in Laparoscopic Surgery in India
Module 4: Burden of Disease Tutorial Slides S2 2025
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Trump Administration's workforce development strategy
O7-L3 Supply Chain Operations - ICLT Program
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
master seminar digital applications in india
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
Final Presentation General Medicine 03-08-2024.pptx
Microbial disease of the cardiovascular and lymphatic systems
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
STATICS OF THE RIGID BODIES Hibbelers.pdf
Orientation - ARALprogram of Deped to the Parents.pptx
Complications of Minimal Access Surgery at WLH
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
Pharmacology of Heart Failure /Pharmacotherapy of CHF

What is Compositing in Animation?

  • 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.
  • 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.