Foundations of Visual Music
Foundations of Visual Music
University of Alabama
Foundations of a Visual
Department of Art and Art History
103 Garland Hall, Box 870270
Music
Tuscaloosa, Alabama 35487 USA
[email protected]
In the moving image we have a synthesis—the design, a tentative but useable grammar for structur-
spatial counterpoint of graphic art, and the tem- ing time-based visual art can be developed and even-
poral counterpoint of music. tually applied to the integration of sound and image.
—Sergei Eisenstein For this article, I created some simple video ex-
amples as illustrations. Where useful, I will also re-
There is a form of film that is trying to evolve
fer to the works of some visual music pioneers and
that area of thinking which I call “moving vi-
other filmmakers. (Pieces were selected based on
sual thinking.” And it is intrinsically a visual
relevance and availability, and the list is by no
music . . .
means exhaustive.)
—Stan Brakhage
Abstract animation, often called visual music, can
have a structural base similar to that of absolute Visual Music and its History
music. In this article, I propose a groundwork for a
practical theory of visual music composition. The Visual music can be defined as time-based visual
approach builds from the simple premise that the imagery that establishes a temporal architecture in
resolution of tension moves us through time. The a way similar to absolute music. It is typically non-
article will review some fundamentals from art and narrative and non-representational (although it need
design and apply them to temporal structure. To es- not be either). Visual music can be accompanied by
tablish the idea of visual consonance, the design sound but can also be silent.
principle of proportion will be presented. From this, One can imagine the origins of visual music going
I will develop and codify the idea that it is possible back to the discovery of fire and dancing shadows
to resolve visual dissonance to consonance, and so on cave walls, or perhaps reflections of clouds when
move a viewer through time in a way similar to first seen on the surface of rippling water. In more
tonal harmony in music. We will then briefly con- recent history, color organs (instruments that pro-
sider problems of color. The article will review jected colored light) were seen by the public as early
some traditional approaches to color harmony and as the 18th century with Castel’s Ocular Harpsi-
suggest a simple hierarchical approach to working chord. In the 1920s Thomas Wilfred toured the
with color in time. United States and Europe performing on his Clav-
Expanding to a more comprehensive system of ilux, an early electrical instrument that created
time-based design, the writings of Russian film- clouds and streams of continuous color. This his-
maker Sergei Eisenstein will be mined for raw mate- tory intensified over the last century, parallel with
rial (Eisenstein 1942, 1949). Eisenstein believed that the development of cinema.
“art is always conflict” (Eisenstein 1949, p. 46). For While the Hollywood-style narrative dominated
this article, conflict is defined as the opposition of (and dominates) cinema, pioneering filmmakers
forces that motivates and shapes action. The op- were working to develop a non-narrative language
posed forces are dissonance/consonance or tension/ of light. Typically non-academics, these pioneers
release. Eisenstein’s writings contain many ideas worked in an experimental tradition similar to that
that are useful in the development of a theory of vi- of music composers such as Eric Satie, John Cage,
sual music—especially his definition of cinematic and Karlheinz Stockhausen. Among the early film-
montage. From the concepts of montage and time- makers were Germans Walter Ruttman, Viking
Eggeling, and Hans Richter. Oskar Fischinger, also
Computer Music Journal, 29:4, pp. 11–24, Winter 2005 from Germany and moving later to the United
© 2005 Massachusetts Institute of Technology. States, worked over thirty years creating abstract
Evans 11
animations (Moritz 2004). The career of New A simple definition of absolute music is the
Zealander Len Lye, working mainly in London, structuring of time with the materials of sound pat-
spanned decades. American pioneers included John terns (excluding again program music and literary
and James Whitney, Mary Ellen Butte, Stan Brakhage, forms such as song, opera, and theater). Stravinsky’s
and Jordan Belson. Norman McLaren, Evelyn Lam- comment refers to music composition as the mak-
bart, and their colleagues at the National Film ing of “art for art’s sake.” A musical work seeks
Board of Canada also created significant works. from the listener an aesthetic response to the per-
There were many others (Russet and Starr 1976). ception of sonic pattern—the appreciation of “sig-
They all struggled against financial, institutional, nificant form.” This was a primary focus of
and technical barriers, yet they left a body of work modernism and its formalist leanings (Bell 1914).
that provides a base from which to construct a the- When visual artists discuss composition, they are
ory of visual music. This work is finding renewed in- generally referring to static design, the formal distri-
terest as evidenced by recent exhibitions. The 2003 bution of objects in the picture plane or in three-
Sonic Light Festival in Amsterdam featured many dimensional space. (This article will deal
of the pioneering animations, as did Sons & Lu- exclusively with two-dimensional space.) In the
mières, Une histoire du son dans l’art du 20e siècle 20th century, artists sought to express design in the
at the Centre Pompidou in Paris, closing in January abstract—significant form in visual space. They be-
2005 (Cruse 2004; see also www.sonicacts.com/03). gan to consider seriously their work in a musical
Also in 2005, the Los Angeles Museum of Contem- way, and the abstract form of the work was the con-
porary Art opened the exhibit Visual Music: Synaes- tent. Kandinsky, considered by many to be the fa-
thesia in Art and Music Since 1900, which then ther of abstract painting, said:
moved to the Hirshorn Museum in Washington, D.C.
A painter . . . in his longing to express his inner
(Brougher et al. 2005). Much of this work is becom-
life cannot but envy the ease with which mu-
ing easier to find on video and DVD at online sources
sic, the most non-material of the arts today,
such as the Iota Center (www.iotacenter.org), the
achieves this end. He naturally seeks to apply
Center for Visual Music (centerforvisualmusic.org),
the methods of music to his own art. And from
and even Amazon.com.
these results that modern desire for rhythm in
painting, mathematical, abstract construction,
for repeated notes of color, for setting color in
Visual Music/Absolute Music motion. (Kandinsky 1914)
The concept of absolute music can be constructed Using music as a basis for visual work was a con-
from Igor Stravinsky’s statement, “Music means cept explored by many artists in the early 20th cen-
nothing outside itself” (Stravinsky 1956). This illus- tury. Notable is the work by Sergei Eisenstein, a
trates a common mindset held by many composers Russian avant-garde filmmaker who put these ideas
for centuries. Form and content were often one in into practice and, fortunately for us, wrote down
instrumental music. (This of course does not include many of his theories of cinema. These ideas still
programmatic music and especially the occasional have potency and are especially relevant in discus-
attempts to imitate real-world sounds, such as bird sions of visual music, time design, and the combin-
calls, thunderstorms, etc.) Today, acoustic and elec- ing of sound and image.
tronic instruments can be used as generators of ab-
stract sounds without a referent in the real world
beyond the instruments themselves. These non- Visual Consonance
referential sounds are used to create abstract temporal
structures, from traditional musical forms to those For the visual artist, composition is “the arrange-
of a more experimental nature. (Many of these new ment of elements and characteristics within a de-
forms also find correspondences in visual music.) fined area . . . a grouping of related components that
Evans 13
Figure 2. My harmonic Figure 3. From a harmonic
analysis of a drawing of an analysis of Botticelli’s
elk from the walls of the Birth of Venus by Charles
Caves of Lascaux in France Bouleau (1963).
(ca. 13,000 BCE).
Evans 15
Figure 5. Key frames from Figure 6. Key frames from
Video Example 1. Dots Video Example 2, illustrat-
show points of focus, and ing points of focus and ba-
lines indicate the basic tra- sic camera trajectory. The
jectory of camera motion. camera is moving down
The camera moves up and and rotates clockwise.
rotates counterclockwise.
Figure 5
Figure 6
dynamics or harmonic procession (Whitney 1980). movements of the dancers resolve into single fig-
These moments of resonance provide points of vi- ures, reminiscent of a musical canon at the cadence
sual consonance. Moving away from and back to the when all voices come together.
consonance creates tension and resolution. Oskar Fischinger’s Study No. 10 (1932), in black
Norman McLaren’s Pas De Deux (1968) shows and white, is a wonderful example of this single-
mostly single-shot action using time-lapse filming shot approach with movement through moments of
of two dancers. The piece presents another approach visual consonance. In this piece, Fischinger creates
to Whitney’s idea of differential dynamics. Definite abstract materials that directly follow and express
points of resolution occur when all the time-lapsed the phrases and feeling of the music.
(a) (b)
Considering Color tion of color, especially hue, can vary widely based
on genetics and experience (Livingstone 2002).
Color can also be used to create a tension that seeks At the very least, color in art is confusing. Take
resolution, although it is not an exact science. for example the two color circles seen in Figure 7.
Artists have developed many theories of color over Both are used to determine complementary colors.
the past centuries. A common idea in these theories A basic tenet of color theory is that complementary
is harmony. In discussing harmony, theorist Luigina colors (those directly opposite on the circle) create
De Grandis said, “All theories have in common an color harmony. The circle on the left shows the
assumption that the sensation of harmony, or con- standard color primaries as understood by artists
cord of parts of a whole . . . results exclusively from over the centuries: red, yellow and blue (“RYB”). Jo-
the relationships and proportions of its chromatic hannes Itten formalized this color circle in develop-
components” (De Grandis 1984). ing the color theories he taught at the Bauhaus.
The problem lies in how those chromatic compo- This approach to color is still taught in many art
nents should be organized, as there is no single uni- schools today (Itten 1973).
versal categorization of color. Margaret Livingstone, The circle on the right is the one used in com-
Professor of Neurobiology at Harvard University, puter graphics displays as they project light. It uses
studies how the eye and brain process color. She the additive primaries of red, green, and blue (RGB).
notes that “much of what has been written about When added together, these primaries will make
color in art is nonsense.” She points out that the white light. The complementary colors in this circle
brain processes hue and luminance (also called are cyan, magenta, and yellow (CMY), also called
value) separately. Some aspects of vision, such as the subtractive primaries, which theoretically pro-
depth perception and the separation of figure and duce black (the absence of light) when combined. As
ground, are colorblind, meaning that we get our vi- one mixes them, more and more light is absorbed or
sual cues from value alone. And the human percep- subtracted. Commercial and digital printing pro-
Evans 17
cesses use the subtractive primaries with black ink an RGB space designed to create grayscale when the
added (denoted K), as real-world pigments cannot RGB component values are equal.
create a true black, but rather a somewhat muddy With digital images, it is possible to calculate
brown. sums of the amounts of red, green, and blue in an
In Itten’s system, red and green are complemen- image. The closer the RGB sums are to being equal,
tary and concordant in combination. In additive the more “balanced” the image is with respect to
color, red and green are both primary and so are dis- color, as equal means gray. Color can move us
cordant. The two systems will create contradictory through time by resolving an emphasis of a single
harmonies. What is the measure we use to decide hue to a coloring that balances or equalizes RGB
which is right? Color continues to be problematic in summation values (Evans 1990). Tension/release
seeking visual harmony. Furthermore, the percep- with color can be established in this way, but it re-
tion of color is inexact, culturally influenced, and quires a detailed measurement of digital color that
personal. I might use a variation of green that re- may not be practical. What is more practical is a
minds me of the zest of a key lime. The same color general application of the perceptual hierarchies of
might remind someone else of rotting meat, trigger- brightness resolving to dark, and high saturation re-
ing a very different response. One must be careful solving to low saturation or gray.
with color. A familiar example is mentioned in Bordwell and
There are some generalizations we can draw, Thompson’s analysis of the 1939 film version of The
however. First, color space is a three-dimensional Wizard of Oz (Baum 1939; Bordwell and Thompson
construct. Familiar color spaces, all hue-based, in- 2001). The larger structure of the film is an ABA
clude RGB, RYB and CMY. Some color spaces in- form based on the settings Kansas-Oz-Kansas.
clude other visual dimensions. One artistically Dorothy is home in Kansas in the beginning, filmed
useful space maps a hue-only approach to one where in grayscale. Through her adventures in Oz, where
color is defined as hue, saturation, and value (HSV) conflict builds, the film is in full color. Conflict re-
(Smith 1978). There is no perceptual hierarchy of solves back to grayscale when she returns home.
hue, but there are of value (bright to dark) and satu- Shifting from color to grayscale is now a common
ration (full chroma to grayscale). Movement through device on television, used to articulate or simply
these hierarchies provides areas of exploration. end the action. A transition to grayscale or simple
Chemist and colorist Maurice Chevreul in the desaturation often takes us to a commercial.
19th century suggested that the eyes seek the bal- Working with color in HSV space, it is useful to
ance of grayscale, as evidenced through the visual think of brightness as visual amplitude and satura-
phenomena of simultaneous and successive con- tion as spectral intensity. Bright, full, saturated col-
trast (Chevreul 1854). A sensation of harmony or ors can be tiring to a viewer when used in excess,
“chromatic equilibrium” should occur with com- just as loud, full-spectrum sounds can become tiring
plementary colors, as they would mix to create to a listener.
grayscale, a sort of visual tonic. Gray is balanced, Oskar Fischinger’s Motion Painting 1 (1947) is a
whereas emphasis on one hue or another creates good example of a general approach to using satura-
tension. Chevreul also points out the difficulty in tion and brightness structurally. In the first section
practice using pigments or dyes as “we know of no especially, the movement of color is important as it
substance which represents a primary color.” builds large phrases. In the film, we see a single
Newton showed us that we see white when all painting develop layer upon layer over eleven min-
colors of the spectrum of visible light are combined; utes. We feel tensions resolve in short phrases as we
lower the value or brightness and we see gray. Digi- see shapes developing as motives, begun and then
tal technology simulates this with the additive RGB brought to completion. Spirals coil and unfold; mo-
color space. We can measure the equilibrium of saics of diamonds appear and cover what is under-
color combinations without concern for color circles neath. Larger structures are perceived as repetition
or complementarity. Computer monitors work in and contrast of hue choices. Tension resolves as
Evans 19
with music by the Oscar Peterson Trio (Lambart Camera motion and zoom come to rest at the end
and McLaren 1949). of each cell. Cells ease-in and ease-out at endpoints
in the larger phrases. Cells enter with cross-fades,
the cross-fade itself a visual equivalent to musical
Rhythmic Montage elision.
Evans 21
What we have here is a comprehensive list of the movement” (1942, p. 81). This inner connection is
design materials. With an understanding of two- among the images, the sounds, and the meaning of
dimensional design and tension/release, we can de- the work. For the audience it is the gestalt of the
velop all of these materials independently within a work as a whole, with all elements contributing to
shot and integrate them through many shots into a the overall meaning. In moving beyond the visual
“unified system” of montage, the basis of a “tenta- music foundations, much can be learned from the
tive film syntax” (Eisenstein 1949, p. 55) techniques of opera, musical theater, film scoring,
Again, consider the first two video examples. and sound design.
They repeat the horizontal direction of focus from When we use digital tools to create time-based
left to right. They contrast in vertical direction (one work, layers of material are usually visualized on a
with the camera going up, the other with the cam- timeline. Events are placed graphically like notes on
era going down). They repeat the relative scale of staves in a musical score. Events unfold horizon-
zoom, and they repeat the duration. They contrast tally, but vertical relationships are also important—
in rotation angle (clockwise vs. counter-clockwise). multiple lines moving independently yet in
Different elements with different temporal struc- harmony. Eisenstein’s image of the orchestral score
tures—some in agreement and some opposed—cre- is realized in the user interface of current graphics
ate a counterpoint. software designed for time-based work. (Good ex-
amples include Adobe After Effects, Digidesign Pro
Tools, Macromedia Flash, and even Apple’s iMovie.)
Vertical Montage (And the Sound Image) Horizontal layers represent video, audio, still im-
ages, camera motion, interpolation paths, and more.
Eisenstein expanded his counterpoint to combine These lines can interact and mix both horizontally
the “visual image with the sound image, in the and vertically.
process of creating a single, unifying sound-picture
image” (1942, p. 73). He considered this a new
kind of montage, naming it vertical montage. Toward a Visual Music Theory
Again, he uses the term loosely, referring to the in-
teractions of various elements as they are synchro- Eisenstein believed that every artwork is conflict
nized in time. according to its social mission, according to its na-
He saw vertical montage as an orchestral score ture, and/or according to its methodology. The
with several staves of activity unfolding on the hori- methodology of cinema is montage. At the graphi-
zontal yet with all elements interrelating on the cal level, montage can move us in time through the
vertical, all moving forward with “intricate har- visual “rightness” one learns in two-dimensional
monic musical movement” (1942, p. 74). The mon- design. With experience and sensitivity to design
tage structure of the visuals is just one more line on foundations, the artist, filmmaker, or visual music
the musical score. The varied techniques of music composer can explore the higher levels of artistic
composition now can be applied to build a sound conflict, its nature and social mission. Even with
score that fits the overall contrapuntal texture of studies in composition and movement using static
the work. images, a design sense can be exercised. Sensitivity
For Eisenstein, it was important that this be a to musical time can be developed and practiced
true, polyphonic texture. He was not interested in with visual materials. A sound score can be added
direct synchronization of sound and image, but and musical sensibilities applied to a unified sound-
rather the “inner synchronization between the tan- image expression.
gible picture and the differently perceived sounds . . . Literacy these days means speaking the language
the ‘hidden’ inner synchronization where the plas- of new media, which is in many ways the language
tic and tonal elements will find complete fusion . . . of cinema. As it is a temporal medium, we can find
[where] we find a natural language common to both— at the foundations of cinema the concept of music.
Evans 23
Livingstone, M. 2002. Vision and Art: The Biology of See- Russet R., and C. Starr. 1976. Experimental Animation:
ing. New York: Harry Abrams. an Illustrated Anthology. New York: Van Nostrand
Marker, C. 1962. La Jetée. Recorded on Short 2-Dreams. Reinhold.
DVD. Hollywood: Warner Studios (1997) ASIN: Smith, A. R. 1978. “Color Gamut Transform Pairs.”
B000031VPS. Computer Graphics 12(3):12–18.
Mascelli, J. 1968. The Five C’s of Cinematography. Holly- Stravinsky, I. 1956. The Poetics of Music in the Form of
wood, California: Cine/Grafic Publications. Six Lessons. New York: Vintage Books.
McLaren, N. 1968. Pas De Deux. Recorded on Norman Whitney, J. 1975. Arabesque. Recorded on The World of
McLaren: The Collector’s Edition. DVD. Harrington John Whitney. LaserDisc. Carson, California: LaserDisc
Park, New Jersey: Milestone Film & Video (2003) Corporation (1984) Pioneer Special Interests, PSI-88-003.
ASIN: B0000AOV4F. Whitney, J. 1980. Digital Harmony: On the Complementar-
Moritz, W. 2004. Optical Poetry: The Life and Work of ity of Music and Visual Art. New York: McGraw-Hill.
Oskar Fischinger. Eastleigh, UK: John Libbey Publishing.