ÐžÐ´Ð¸Ð½ Ð¸Ð· Adobe After Effects ' Ð½Ð°Ð¸Ð±Ð¾Ð»ÐµÐµ Ð²Ð°Ð¶Ð½Ñ‹Ðµ Ñ„ÑƒÐ½ÐºÑ†Ð¸Ð¸ Ð² Ð¿Ñ€Ð¾Ð¸Ð·Ð²Ð¾Ð´ÑÑ‚Ð²Ðµ ÐºÐ¸Ð½Ð¾ Ð¸ Ð²Ð¸Ð´ÐµÐ¾ ÐºÐ¾Ð¼Ð¿Ð¾Ð·Ð¸Ñ‚Ð¸Ð½Ð³Ð°. ÐÑ‚Ð¾ Ð¾Ð±ÑŠÐµÐ´Ð¸Ð½ÐµÐ½Ð¸Ðµ Ð¾Ñ‚Ð´ÐµÐ»ÑŒÐ½Ñ‹Ñ… Ð²Ð¸Ð·ÑƒÐ°Ð»ÑŒÐ½Ñ‹Ñ… ÑÐ»ÐµÐ¼ÐµÐ½Ñ‚Ð¾Ð² Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ ÐµÐ´Ð¸Ð½Ð¾Ð¹ Ð¸Ð½Ñ‚ÐµÐ³Ñ€Ð¸Ñ€Ð¾Ð²Ð°Ð½Ð½Ð¾Ð¹ Ð¾Ð±Ñ€Ð°Ð·Ñ‹, Ñ‡Ð°ÑÑ‚Ð¾ Ð´Ð»Ñ Ñ†ÐµÐ»ÐµÐ¹ Ñ€Ð°Ð·Ð¼ÐµÑ‰ÐµÐ½Ð¸Ñ Ð°ÐºÑ‚ÐµÑ€Ð¾Ð² Ð² ÑÑ€ÐµÐ´Ð°Ñ…, ÐºÐ¾Ñ‚Ð¾Ñ€Ñ‹Ðµ ÑÐ»Ð¸ÑˆÐºÐ¾Ð¼ ÑÐ»Ð¾Ð¶Ð½Ð¾ Ð¸Ð»Ð¸ Ð´Ð¾Ñ€Ð¾Ð³Ð¾ Ñ„Ð¸Ð»ÑŒÐ¼Ð°, Ð¸Ð»Ð¸ ÐºÐ¾Ñ‚Ð¾Ñ€Ñ‹Ðµ Ð¿Ñ€Ð¾ÑÑ‚Ð¾ Ð½Ðµ ÑÑƒÑ‰ÐµÑÑ‚Ð²ÑƒÑŽÑ‚ Ð² Ñ€ÐµÐ°Ð»ÑŒÐ½Ð¾Ð¼ Ð¼Ð¸Ñ€Ðµ, ÐºÐ°Ðº Ð¸ Ð² ÑÐ»ÑƒÑ‡Ð°Ðµ Ð±ÐµÑÑ‡Ð¸ÑÐ»ÐµÐ½Ð½Ñ‹Ñ… Ð½Ð°ÑƒÑ‡Ð½Ð¾-Ñ„Ð°Ð½Ñ‚Ð°ÑÑ‚Ð¸Ñ‡ÐµÑÐºÐ¸Ñ… Ð¸ Ñ„Ð°Ð½Ñ‚Ð°ÑÑ‚Ð¸Ñ‡ÐµÑÐºÐ¸Ñ… Ñ„Ð¸Ð»ÑŒÐ¼Ð¾Ð². After Effects Ð¿Ñ€ÐµÐ´Ð¾ÑÑ‚Ð°Ð²Ð»ÑÐµÑ‚ Ð¿Ð¾Ð»Ð½Ñ‹Ð¹ Ð½Ð°Ð±Ð¾Ñ€ Ð¼Ð°ÑÐºÐ¸Ñ€Ð¾Ð²ÐºÐ¸, Ð¼Ð°Ñ‚Ñ‹, Ð¼Ð°Ð½Ð¸Ð¿ÑƒÐ»ÑÑ†Ð¸Ñ, Ð¸ Ñ€Ð¾Ñ‚Ð¾ÑÐºÐ¾Ð¿Ð¸Ñ€Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¸Ð½ÑÑ‚Ñ€ÑƒÐ¼ÐµÐ½Ñ‚Ð¾Ð² Ð´Ð»Ñ Ñ†Ð¸Ñ„Ñ€Ð¾Ð²Ð¾Ð³Ð¾ ÐºÐ¾Ð¼Ð¿Ð¾Ð·Ð¸Ñ‚Ð¸Ð½Ð³Ð° - Ð½Ð¾ Ð²Ñ‹ Ð½Ð¸ÐºÐ¾Ð³Ð´Ð° Ð½Ðµ Ð·Ð°Ð´ÑƒÐ¼Ñ‹Ð²Ð°Ð»Ð¸ÑÑŒ, Ð³Ð´Ðµ ÑÑ‚Ð¸ Ð½ÐµÑ‡ÐµÑ‚Ð½Ñ‹Ðµ Ñ‡Ð»ÐµÐ½Ñ‹ Ð¿Ñ€Ð¸ÑˆÐ»Ð¸?
Ð£ÑÐ»Ð¾Ð²Ð¸ÑÑ… Ð¼Ñ‹ Ð¸ÑÐ¿Ð¾Ð»ÑŒÐ·ÑƒÐµÐ¼ Ñ‚Ð°Ðº Ð½ÐµÐ±Ñ€ÐµÐ¶Ð½Ð¾ Ð·Ð´ÐµÑÑŒ Ð´Ð»Ñ Ð½Ð°ÑˆÐ¸Ñ… Ñ†Ð¸Ñ„Ñ€Ð¾Ð²Ñ‹Ñ… Ð¸Ð½ÑÑ‚Ñ€ÑƒÐ¼ÐµÐ½Ñ‚Ð¾Ð² - ÐºÐ»ÑŽÑ‡, Ð¼Ð°Ñ‚Ð¾Ð²Ñ‹Ð¹, ÑÐ¸Ð½Ð¸Ð¹ ÑÐºÑ€Ð°Ð½ - Ð²ÑÐµ Ð¾Ð½Ð¸ Ð¸Ð¼ÐµÑŽÑ‚ ÑÐ²Ð¾Ð¸ Ð¸ÑÑ‚Ð¾ÐºÐ¸ Ð² Ð°Ð½Ð°Ð»Ð¾Ð³Ð¾Ð²Ð¾Ð¼ Ð¸ÑÑ‚Ð¾Ñ€Ð¸Ð¸ ÐºÐ¸Ð½Ð¾-Ð¸ Ð²Ð¸Ð´ÐµÐ¾Ð¿Ñ€Ð¾Ð´ÑƒÐºÑ†Ð¸Ð¸. ÐœÐ°Ñ‚Ð¾Ð²Ñ‹Ð¹ Ð¿ÐµÑ€Ð²Ð¾Ð½Ð°Ñ‡Ð°Ð»ÑŒÐ½Ð¾ Ð¾Ñ‚Ð½Ð¾ÑÐ¸Ð»ÑÑ Ðº Ð¼Ð°Ñ‚Ð¾Ð²Ð¾Ð¹ Ð¶Ð¸Ð²Ð¾Ð¿Ð¸ÑÐ¸, ÑÑ†ÐµÐ½Ð° Ð½Ð°Ð¿Ð¸ÑÐ°Ð½Ð° Ð½Ð° Ð¾Ñ‚Ð½Ð¾ÑÐ¸Ñ‚ÐµÐ»ÑŒÐ½Ð¾ Ð½ÐµÐ±Ð¾Ð»ÑŒÑˆÐ¾Ð¹ Ñ…Ð¾Ð»ÑÑ‚ Ð¸Ð»Ð¸ ÐºÑƒÑÐ¾Ðº ÑÑ‚ÐµÐºÐ»Ð° Ñ…ÑƒÐ´Ð¾Ð¶Ð½Ð¸ÐºÐ° Ð¿Ñ€ÐµÐ´ÑÑ‚Ð°Ð²Ð»ÑÑŽÑ‚ (ÐºÐ°Ðº Ð¿Ñ€Ð°Ð²Ð¸Ð»Ð¾) Ñ„Ð¾Ð½ Ð² ÐºÐ°Ð´Ñ€ ÑÑ„Ñ„ÐµÐºÑ‚Ð¾Ð². ÐÐ°Ð·Ñ‹Ð²Ð°Ð»Ð°ÑÑŒ Ð¾Ð½Ð° Ð¼Ð°Ñ‚Ð¾Ð²Ð°Ñ Ð¾ÐºÑ€Ð°ÑÐºÐ°, Ð¿Ð¾ÑÐºÐ¾Ð»ÑŒÐºÑƒ Ð¾Ð½Ð° Ð±Ñ‹Ð»Ð° Ð½Ð°Ð¿Ð¸ÑÐ°Ð½Ð° Ñ Ð°Ð½Ñ‚Ð¸Ð±Ð»Ð¸ÐºÐ¾Ð²Ñ‹Ð¼ Ð¸Ð»Ð¸ Ð¼Ð°Ñ‚Ð¾Ð²Ñ‹Ð¹, ÐºÑ€Ð°ÑÐºÐ° - ÑÑ‚Ð¾ Ð±ÐµÐ· Ð³Ð»ÑÐ½Ñ†ÐµÐ²Ð¾Ð¹ ÐºÑ€Ð°ÑÐºÐ¾Ð¹, Ð½Ðµ Ð±ÑƒÐ´ÐµÑ‚ Ð¾Ñ‚Ñ€Ð°Ð¶Ð°Ñ‚ÑŒ ÑÑ‚ÑƒÐ´Ð¸Ð¹Ð½Ñ‹Ð¹ ÑÐ²ÐµÑ‚ Ð¸ Ð¾Ñ‚Ð´Ð°Ð²Ð°Ñ‚ÑŒ ÑÑ„Ñ„ÐµÐºÑ‚. 1927 Ð¤Ñ€Ð¸Ñ†Ð° Ð›Ð°Ð½Ð³Ð° ÐœÐµÑ‚Ñ€Ð¾Ð¿Ð¾Ð»Ð¸Ñ ÐºÐ»Ð°ÑÑÐ¸Ñ‡ÐµÑÐºÐ¸Ð¹, Ð½Ð°Ð¿Ñ€Ð¸Ð¼ÐµÑ€, ÑÐ¾Ð´ÐµÑ€Ð¶Ð¸Ñ‚ Ð¼Ð½Ð¾Ð³Ð¾ Ð¸Ð·Ð²ÐµÑÑ‚Ð½Ñ‹Ñ… ÐºÐ°Ñ€Ñ‚Ð¸Ð½ Ð¼Ð°Ñ‚Ð¾Ð²Ð¾Ð¹ Ð¸ ÑÑ„Ñ„ÐµÐºÑ‚Ñ‹ Ð²Ñ‹ÑÑ‚Ñ€ÐµÐ»Ð¾Ð² - Ð²Ð¾Ñ‚ Ð¿Ñ€Ð¸Ð¼ÐµÑ€:
(Ð’Ñ‹ Ð¼Ð¾Ð¶ÐµÑ‚Ðµ Ð²Ð¸Ð´ÐµÑ‚ÑŒ Ð±Ð¾Ð»ÑŒÑˆÐµ ÑÑ‚Ð¸Ñ… Ð²Ñ‹ÑÑ‚Ñ€ÐµÐ»Ð¾Ð² Ð² Ð¿ÐµÑ€ÐµÐ¸Ð·Ð´Ð°Ð½Ð¸Ðµ Ñ‚Ñ€ÐµÐ¹Ð»ÐµÑ€, Ð´Ð¾ÑÑ‚ÑƒÐ¿Ð½Ñ‹Ð¹ Ð·Ð´ÐµÑÑŒ )
So how would an effects artist in the pre-digital era make a 10-inch-square painting look like an entire full-sized city behind a character in the foreground?
One of the only ways to create a special effects shot in the old days was by double-exposing film. (Rear projection was another option, but had its own set of problems and limitations.) This particular type of shot, where a character is keyed in front of a matte painting, was usually done like this: first, the matte painting, a cityscape let's say, would be shot close up, but with a slight defocusing to suggest distance and size. Next, shooting again on the already-exposed film, the character would be shot on a sound stage through a keyhole cut in a matte box. The matte box was simply a small black box that fit around the camera lens; the keyhole, a small hole cut through the bottom of the box roughly in the shape of the character, hence the keyhole shape. In the second exposure, only the light coming in through the keyhole would be captured on film - in this case, our character, surrounded by a soft edge because of the proximity of the matte box to the lens. The rest of the film wouldn't get any light, preserving the first exposure, and so in the final print, if all the proportions, framing, focus, and exposures were just right, the character would appear to be in front of the cityscape.
As you can imagine, this required a lot of trial and error, not to mention having to wait for the film to be developed just to see if the shot worked or not. However, in the right hands, it could be highly effective, as in one of the earliest examples of multiple-exposure special effects work, Georges MÃ©liÃ¨s' L'Homme orchestre, from 1900, in which MÃ©liÃ¨s creates a seven-fold-exposure special effects shot:
Ð Ð¸ÑÑƒÐ½Ð¾Ðº 2 - MLIS
(You can see the entire film here)
Another famous example of this type of multiple-exposure shot (and probably inspired by MÃ©liÃ¨s) is Buster Keaton's The Playhouse, from 1921, in which Keaton plays all the members of the orchestra:
Ð Ð¸ÑÑƒÐ½Ð¾Ðº 3 - ÐšÐ¸Ñ‚Ð¾Ð½
(Ð¡Ð¼. Ð¿Ð¾Ð»Ð½Ñ‹Ð¹ Ñ„Ð¸Ð»ÑŒÐ¼ Ð·Ð´ÐµÑÑŒ )
Over time, keyhole was shortened to key, and matte painting to simply matte, and there you have it. Nowadays, "keying" generally refers to any kind of technique for removing backgrounds from foregrounds, short of rotoscoping, which we'll discuss below. "Matte" has come to mean almost any kind of image used with, or generated by, keying or rotoscoping techniques, whether it's a background plate, a high-con, or an alpha channel.
However, you can, no doubt, see an immediate limitation in the keyhole/matte box technique - the camera, foreground, and background all have to be static. Careful planning might allow for simple panning, but anything more complex was simply too difficult. The need to work with moving elements and traveling, or moving, mattes, soon led to the use of rotoscoping, or tracing mattes directly on film. Rotoscoping is, generally speaking, the process of painting over or tracing live action images frame by frame on film to create realistic animation or traveling mattes.
The rotoscope was invented by Max Fleischer around 1914 and used to create some of the world's first full-motion cartoons, as in Fleischer's Cartoon Factory from 1924:
Ð Ð¸ÑÑƒÐ½Ð¾Ðº 4 - ÐšÐ¾ÐºÐ¾
Max Fleischer and his brother Dave went on to create the original Popeye, Betty Boop, and Superman cartoons, and the second fully-animated feature film, Gulliver's Travels. Rotoscoping is considered to be the first instance of motion capture used for animation. Nowadays, digital rotoscoping has replaced film roto, and is almost exclusively used to create traveling mattes for live-action characters.
However, rotoscoping, while effective, is incredibly labor-intensive. The need for faster and more efficient matting techniques led to the development of the optical color-keying technique commonly called chromakeying or bluescreening. With optical bluescreen keying, the foreground element (our hero) was shot against a seamless blue backdrop, although other colors were used occasionally. Then the background element was shot on a separate piece of film. After that, the hero footage was optically reprinted to another piece of film through a red filter that removed all the blue hue in the scene and replaced it with black. Usually, this filtered image was printed to high-contrast black and white film, resulting in a matte consisting of a clear outline in the shape of the hero on a black background. Finally, all three pieces of film were optically printed in layers to a new piece of film, with the background first, the black and white matte next, and the hero footage last. The hero footage was printed through the clear outline onto the background, while the black matte area prevented the blue from printing onto the final composite. This technique allowed for motion composites, although too much motion would result in a lot of motion blur in the foreground image and consequently a difficult key.
(As an aside, one particular bluescreen term that you may have heard of and been puzzled by is garbage matte. This rather peculiar name originated on the early bluescreen stages, where there would often be a lot of extraneous stuff - cables, light stands, lawyers - at the edges of the bluescreen set that wasn't painted blue and so couldn't be automatically removed, or keyed, from the shot during post-production. However, since this stuff, or garbage, was always at the edges of the frame and well away from the principal action, a simple non-moving matte - basically, a piece of blue cardboard with a hole cut into it - could be optically printed onto the film to mask the garbage at the edges of the frame with blue and allow the bluescreen compositing process to work correctly. Nowadays, garbage mattes are created digitally with masking tools in compositing software, but the old term lives on.)
Among the first feature films to use the color key technique was Michael Powell's 1940 The Thief of Bagdad where it was used for many of that film's classic special effects shots:
(ÐŸÐ¾Ð»Ð½Ñ‹Ð¹ Ñ„Ð¸Ð»ÑŒÐ¼ Ð´Ð¾ÑÑ‚ÑƒÐ¿ÐµÐ½ Ð´Ð»Ñ Ð¿Ñ€Ð¾ÑÐ¼Ð¾Ñ‚Ñ€Ð° Ð·Ð´ÐµÑÑŒ )
RKO studio technician Larry Butler is credited with developing the color key technique in the 1930s, and subsequently enhanced the technology to work with the Technicolor film process. Butler won an Academy Award for his visual effects work on The Thief of Bagdad.
Many other artists, engineers and technicians contributed to the development of our current keying technologies, but among the premiere names is Petro Vlahos. Vlahos refined the color keying process in the 1960s by developing the color difference matte technique, for which he won an Oscar in 1964. He went on to pioneer analog electronic keying with the Ultimatte process in the 1970s and later founded the Ultimatte company, one of the best-known producers of digital keying hardware and software.
These days, color keying is ubiquitous in films, television, and commercials, along with all the other digital compositing techniques whose history we've discussed here. I hope you've found it both interesting and educational. For those who'd like to learn more about practical compositing techniques in After Effects, take a look at my Core After Effects series, particularly Chapter 2, in which I discuss color and luma keying, rotoscoping and masking, blending modes, and track mattes. Thanks!