Motion Graphics: Animated Graphic Design From Saul Bass to the Digital Era

In 1955, audiences watching Otto Preminger's The Man with the Golden Arm saw something they had never seen before. The opening credits did not simply list names over a still image. A jagged white arm reached from the darkness, fragmenting and reforming against a black background, set to the rhythm of Elmer Bernstein's jazz score. The arm was not a scene from the film. It was a graphic element, animated to embody the film's subject: heroin addiction. The designer was Saul Bass, and with this title sequence he invented a new discipline. Today we call it motion graphics.

Motion graphics is graphic design that moves. It is the art of animating typography, shapes, images, and visual elements to communicate information or create aesthetic experience. Unlike character animation, which tells stories through figures with personalities, motion graphics uses the tools of graphic design: composition, color, typography, hierarchy, and rhythm, set into motion through time. The term itself was coined by John Whitney, a filmmaker and engineer who founded a company called Motion Graphics Inc. in the early 1960s.

This entry covers the history of motion graphics from its origins in avant-garde film and title design to the digital tools that democratized the field, the artists who defined it, and how animated design became one of the most ubiquitous forms of visual communication in the world.

What Is Motion Graphics and How Does It Work?

Motion graphics exists at the intersection of graphic design and animation. A motion designer starts with the same elements a print designer uses: type, color, shape, image, layout. Then they add a dimension that print cannot offer: time. Elements can appear, move, transform, and disappear. The timing of these changes is as important as their appearance. A title card that fades in over two seconds feels contemplative. The same card that snaps in over four frames feels aggressive.

The technical process involves keyframing properties of visual elements over a timeline. A designer sets a starting state, an ending state, and the software calculates the intermediate frames. Properties that can be animated include position, scale, rotation, opacity, color, and any effect parameter. More advanced motion graphics use expressions, short scripts that link properties together mathematically, and particle systems that generate and animate thousands of elements according to rules.

A 2025 study published in the journal Heritage analyzed Saul Bass's title sequences through a historical-critical lens, reconstructing the network of artistic and technological influences that shaped his design philosophy. The research connects Bass's work to European modernism and to the computer art experiments of Oskar Fischinger, Hans Richter, and Walter Ruttmann, identifying Bass as a bridge between avant-garde animation and contemporary motion graphic design. Read the full study at MDPI Heritage.

Origins and History

Motion graphics has two origin stories, and both are true. The first is avant-garde film. In the 1920s, European experimental filmmakers began making abstract animations that used geometric forms and movement as their primary content. Hans Richter's Rhythmus 21 (1921) animated squares and rectangles in pure black and white. Viking Eggeling's Symphonie Diagonale (1924) used lines and shapes moving across the frame in carefully scored rhythms. Oskar Fischinger's Optical Poem (1938) animated geometric shapes synchronized to Liszt's Hungarian Rhapsody No. 2. These filmmakers were making motion graphics before the term existed, using film as a canvas for abstract visual design in time.

The second origin story is title design. Before Saul Bass, film titles were static text cards. Bass changed this with The Man with the Golden Arm (1955), Vertigo (1958), and Psycho (1960). For Vertigo, Bass collaborated with John Whitney, who animated the spiral forms using a mechanical analog computer built from a modified World War II anti-aircraft gun director. Whitney had purchased surplus military turrets, removed the guns, and machined aluminum plates to hold animation. The rotating base allowed continuous electrical contact, making it possible to create the spiraling Lissajous figures that open the film. This machine was a precursor to computer animation stands developed nearly twenty years later. Read more about Whitney's IBM fellowship and the System/360 at Animation Studies.

In 1966, Whitney received a research grant from IBM that gave him access to the System/360 mainframe and the IBM 2250 display unit, one of the first commercially available computer graphics devices. He created Homage to Rameau (1967), Permutations (1968), and Osaka 1-2-3 (1968) using FORTRAN programs written by physicist Jack Citron. These were among the first computer-generated motion graphics, and Whitney's company, Motion Graphics Inc., gave the field its name.

The 1980s brought television branding. MTV launched in 1981 with animated logos and identity packages that drew directly from the Bass and Whitney tradition. Networks like CBS, NBC, and HBO commissioned motion graphics for station identification, promotional campaigns, and news packaging. The work was done with optical printers, video synthesizers, and early digital systems like the Quantel Paintbox.

The real democratization came in 1993, when the Company of Science and Art (CoSA) released After Effects. Adobe acquired the software in 1994, and After Effects became to motion graphics what Photoshop was to still image editing: a standard tool that put professional capabilities on desktop computers. Suddenly, a designer with a Macintosh could produce title sequences, broadcast graphics, and animated content that previously required expensive post-production facilities.

Key Artists and Practitioners

Saul Bass (1920-1996)

Bass is the father of motion graphics as a design discipline. His title sequences for The Man with the Golden Arm (1955), Vertigo (1958), Anatomy of a Murder (1959), Psycho (1960), and Goodfellas (1990) invented the grammar of kinetic typography. Bass understood that film was a kinetic medium and that text should move with the same choreographic precision as a dancer or camera. His approach was conceptual: every sequence solved the problem of how to visually express the film's core tension in 90 seconds or less.

John Whitney Sr. (1917-1995)

Whitney coined the term "motion graphics" and was the first to use computers for the purpose. His Catalog (1961) showcased geometric movements set to music, created with his analog mechanical system. His later digital work at IBM proved that computers could produce aesthetically compelling animation. Whitney's book Digital Harmony (1980) articulated his theory of the relationship between music and visual motion, arguing that harmonic principles could govern image as they govern sound.

Pablo Ferro (1937-2018)

Ferro made typography speak. His title sequence for Dr. Strangelove (1964) used hand-drawn lettering that looked vaguely military but also playful, set over footage of planes refueling mid-air. His rapid-fire, staccato approach to credits felt like the visual equivalent of bebop jazz. Ferro also designed the titles for The Thomas Crown Affair (1968), using split-screen motion graphics that were technically innovative for their time.

Kyle Cooper (b. 1962)

Cooper's title sequence for David Fincher's Se7en (1995) is widely considered the most influential motion graphics work since Bass. The sequence uses scratchy, hand-processed letters, scored to Nine Inch Nails, to put the viewer inside the killer's head. Cooper studied at Yale with Paul Rand and at MIT with Muriel Cooper, and his work bridges the print design tradition and digital motion. Se7en spawned a thousand imitators and established the title sequence as a site for serious motion design.

Stefan Nadelmann

Nadelmann's title sequence for Mad Men (2007) is a masterclass in conceptual motion graphics. A silhouette of a man falls through a series of cutout-style architectural elements, accompanied by RJD2's instrumental track. The sequence condenses the show's themes of advertising, identity, and freefall into 36 seconds of animation. It demonstrates how motion graphics can function as visual criticism, not just decoration.

Motion Graphics Today

Motion graphics in 2026 is everywhere. It appears in film titles, television branding, web interfaces, social media content, museum installations, and live concert visuals. Tools like After Effects, Cinema 4D, Blender, and TouchDesigner give practitioners capabilities that Whitney could only dream of. Real-time rendering engines like Unreal Engine allow motion graphics to be generated live, responding to data, music, or audience input.

The field has also converged with creative coding. Many motion designers now write code to generate animations rather than keyframing every element by hand. Algorithmic motion graphics, where patterns and movements are generated by code, connects back to Whitney's original vision of computers as tools for visual music.

See Motion Graphics in Person

Motion graphics is best experienced in its original context. Watch Saul Bass's title sequences on the Criterion Collection editions of Vertigo, Anatomy of a Murder, and Goodfellas, which preserve the sequences at full resolution. For contemporary work, browse the title design archives at Art of the Title online, which catalogs and analyzes significant sequences from around the world.

For more on the broader field, read our entries on creative coding, digital art, and visual music, or explore our blog post on how to read a painting to learn more about analyzing visual art across different mediums.