H 170 / 3211970s

Chroma Key

Chroma key. Bluescreen since 1940. Real-time tool wave from Ultimatte in 1976.

Typeface · Rubik

Chroma key principle: Shot, background and composite image: Example from 2010.
Chroma key principle: Shot, background and composite image: Example from 2010.Imyzc. CC BY-SA 3.0View source ↗

Prompt

Apply a vintage Chroma Key composite effect, separating the foreground with slightly hard matte edges and placing a flatter, independently lit rendering of the existing background behind it. Add restrained green spill, thin color fringes, minor edge chatter, and mismatched grain between layers. Keep the original subject and composition.

Identify

People or models appear in separately generated environments. Errors are revealed by color fringing1.

Principle

A background color acts as a mask. It separates the foreground so that another image can be placed behind it.

Example

Star Wars (1977): models filmed separately in front of a bluescreen are combined.

Try it out

Compare the green image, the black and white mask, and the composite2. Check the hair, transparency, and light direction.

Background

Prehistory in the 1930s/1940s; refined color masks in the 1950s/1960s; important expansion phase of real-time technology from 1976 onwards.

A defined background color is translated into a mask. The mask separates the foreground and background; hair, transparencies, and color bleed are corrected at the edges. Then another image is inserted.

Star Wars (1977): separately filmed models in front of a bluescreen; Ultimatte (from 1976) as an important real-time compositing milestone.

Regarding the image: A later technical demonstration. On the left, the original image against a uniform green background; in the middle, the clipping mask; on the right, the composite image on a new red background. This is a later demonstration, not an original from the 1970s.

Distinction

Blue/greenscreen is not synonymous with all compositing. A mask can also be painted, rotoscoped, or created using other methods. The 1970s classification refers to the wave of its widespread use and the development of the necessary tools. The Thief of Bagdad (1940) already employed an early bluescreen process; Ultimatte was founded in 1976.

Aftermath

Places and characters no longer had to coexist in front of a single camera. News broadcasts, weather reports, music videos, and fantasy films became combinable visual layers.

Further examples · 9 images

Sapporo Science Center, chroma-key game. (7033578845)
02 Sapporo Science Center, chroma-key game. (7033578845)A child stands on a blue floor in front of a screen showing an astronaut on a moon-like surface. This exhibits real-time technology where the blue environment is replaced by a computer-generated space scene.MIKI Yoshihito from Sapporo City, Hokkaido, Japan · CC BY 2.0 · Wikimedia Commons
Green screens compare with Iman Crosson 20110524
03 Green screens compare with Iman Crosson 20110524Two panels compare a man in front of a green fabric with his likeness placed in a formal hallway. The composite demonstrates the placement of a separate foreground model into a new environment.Iman Crosson · CC BY-SA 3.0 · Wikimedia Commons
John Chroma key 1
04 John Chroma key 1A man in a suit gestures in front of a green backdrop next to studio monitors. This shows a professional studio setup designed to isolate the subject for later digital background replacement.John Coleman · Public domain · Wikimedia Commons
Green screen 2000
05 Green screen 2000Dancers perform within a large green cyclorama room equipped with overhead lighting. The scale of the green environment allows for the movement of multiple models to be filmed separately for a composite.Yury Chernavsky at Russian Wikipedia · CC BY-SA 3.0 · Wikimedia Commons
Green screen chroma set-up studio (pup theater, pup ndc compound, anonas, santa mesa, manila)(2015-0715)
06 Green screen chroma set-up studio (pup theater, pup ndc compound, anonas, santa mesa, manila)(2015-0715)A person stands in front of a small green screen on a stage with studio lights and shadows. The sharp shadow on the green surface highlights potential light direction challenges during the masking process.patrickroque01 · CC BY-SA 3.0 · Wikimedia Commons
ChromaKeyGreenScreen
07 ChromaKeyGreenScreenA man stands before a portable green screen in a room with a microphone and light. The distinct green oval serves as the specific color mask needed to isolate his form from the room.Unknown · CC BY-SA 3.0 · Wikimedia Commons
Boy Standing In Front of a Green Screen
08 Boy Standing In Front of a Green ScreenA boy in a jersey stands before a draped green cloth in a domestic setting. This image shows the basic application of a color mask to separate a foreground figure from a static background.Tom Newson · CC BY-SA 4.0 · Wikimedia Commons
Green screen studio (25113564876)
09 Green screen studio (25113564876)A person wearing a VR headset crouches in a corner draped entirely in green fabric. The setup allows for the real-time separation of the user to be placed into a virtual digital environment.Colin and Sarah Northway from Wherever, We find ourselves · CC BY 2.0 · Wikimedia Commons

Sources