Skip to content
KinPilot™Learn & Explore
Menu

Grades 3–5 · Computing

How can a computer replace a green backdrop with another scene?

A performer can appear beneath a starry sky while standing in front of a plain green backdrop. The computer does not move the performer into another place. It combines parts of two images, a process called compositing.

D28 visual explanationThe toy foreground has 48 pixels. The exact key color is RGB (0,200,0). 40 pixels match it and take their values from the replacement backdrop; 8 foreground pixels remain. The blue-shirt performer remains in front of the new background. This is a simplified binary color key, not full video matting.A green backdrop can become another worldForegroundCompositeToy key: exact RGB (0,200,0) becomes transparent40 replaced · 8 foreground pixels keptMatching clothing can disappear; a darker patch can remain.

In the diagramA green backdrop can become another worldForegroundCompositeToy key: exact RGB (0,200,0) becomes transparent40 replaced · 8 foreground pixels keptMatching clothing can disappear; a darker patch can remain.

Forty exact-green pixels take the sky backdrop; eight pixels of the blue-shirt performer remain.

The illustration uses a tiny foreground containing 48 square pixels. A pixel is one small image sample. The toy rule marks every pixel with the exact color RGB (0,200,0) as transparent. RGB names its red, green and blue amounts. At each marked position, the composite takes a pixel from the replacement sky instead. Forty green pixels are replaced, while eight performer pixels remain.

The rule selects color, not people. A matching green shirt would also become transparent. A darker green patch would remain under this exact-match rule. Real color-keying tools handle a range of colors and soften edges; lighting, shadows and reflected green can make a convincing composite harder.

About this explanation

Starting knowledge: Learners should know that a digital picture is made of pixels and recognize foreground and background.

Sources

  • Adobe — Apply and customize Chromakey using Ultra Key
← Grades 3–5 topics