
Motion graphic design, also known as motion design, is a subset of
graphic design
Graphic design is a profession, academic discipline and applied art that involves creating visual communications intended to transmit specific messages to social groups, with specific objectives. Graphic design is an interdisciplinary branch of ...
which combines design with
motion graphics and
video production
Video production is the process of producing video content. It is the equivalent of filmmaking, but with video recorded either as analog signals on videotape, digitally in video tape or as computer files stored on optical discs, hard drives, SSDs, ...
.
Examples include
kinetic typography and graphics used in film and television opening sequences, and
station identification
Station identification (ident, network ID, channel ID or bumper (broadcasting), bumper) is the practice of radio and television stations and broadcast network, networks identifying themselves on-air, typically by means of a call sign or brand na ...
logos of some
television channels.
Both
design principles and
animation principles are important for good motion design.
Some motion designers start out as traditional graphic designers and later incorporate motion into their skillsets, while others have come from
film
A film, also known as a movie or motion picture, is a work of visual art that simulates experiences and otherwise communicates ideas, stories, perceptions, emotions, or atmosphere through the use of moving images that are generally, sinc ...
making,
editing
Editing is the process of selecting and preparing written language, written, Image editing, visual, Audio engineer, audible, or Film editing, cinematic material used by a person or an entity to convey a message or information. The editing p ...
, or
animation
Animation is a filmmaking technique whereby still images are manipulated to create moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film. Animati ...
backgrounds, as these fields share a number of overlapping skills.
Technology
Technological advancements during the 20th and 21st centuries have greatly impacted the field; chief among these are improvements in modern computing technology, as computer programs for the film and video industries became more powerful and more widely available during this period. Modern motion graphic design typically involves any of several computerized tools and processes.
Adobe After Effects
Adobe After Effects is a digital visual effects, motion graphics, and compositing application developed by Adobe Inc.; it is used for animation and in the post-production process of film making, video games and television production. Amo ...
is one of the leading computer programs used by modern motion graphic designers.
It allows users to create and modify graphics over time.
3D software such as
Cinema 4D and
Blender are part of many modern motion designers' toolkits.
Adobe Animate, formerly known as
Flash, is a tool for
2D motion graphic design. Prior to the rise of
HTML5
HTML5 (Hypertext Markup Language 5) is a markup language used for structuring and presenting hypertext documents on the World Wide Web. It was the fifth and final major HTML version that is now a retired World Wide Web Consortium (W3C) recommend ...
, it was the primary tool for
web animation. It has also been used for creating video animations, such as the
web series
A web series (also known as webseries, short-form series, and web show) is a series of short scripted or non-scripted online videos, generally in episodic form, released on the Internet (i.e. World Wide Web), which first emerged in the late 1 ...
Homestar Runner. It is still used by some motion designers, particularly for frame-by-frame, or "
cel" animation.
Adobe Premiere Pro
Adobe Premiere Pro is a video editing application developed by Adobe Inc. and is distributed as part of the Adobe Creative Cloud suite. It is primarily used for producing high-quality videos across various industries.
History Original A ...
is often used with After Effects when combining video footage with motion graphics.
Prior to animation, motion designers use design tools such as
Adobe Photoshop
Adobe Photoshop is a raster graphics editor developed and published by Adobe Inc., Adobe for Microsoft Windows, Windows and macOS. It was created in 1987 by Thomas Knoll, Thomas and John Knoll. It is the most used tool for professional digital ...
for
rasterized graphics, and
Adobe Illustrator
Adobe Illustrator is a vector graphics editor and Computer-aided design, design software developed and marketed by Adobe Inc., Adobe. Originally designed for the Apple Inc., Apple Mac (computer), Macintosh, development of Adobe Illustrator began ...
for
vector art.
Photoshop can also be used for cel animation.
Motion
In physics, motion is when an object changes its position with respect to a reference point in a given time. Motion is mathematically described in terms of displacement, distance, velocity, acceleration, speed, and frame of reference to an o ...
by
Apple Inc.
Apple Inc. is an American multinational corporation and technology company headquartered in Cupertino, California, in Silicon Valley. It is best known for its consumer electronics, software, and services. Founded in 1976 as Apple Comput ...
, now a part of
Final Cut Studio, is another tool for motion graphics.
Types of motion graphics
Motion graphic design is often used in the
film industry
The film industry or motion picture industry comprises the technological and commercial institutions of filmmaking, i.e., film production company, production companies, film studios, cinematography, animation, film production, screenwriting, pre- ...
. Openings to movies, television shows, and news programs often use
photography
Photography is the visual arts, art, application, and practice of creating images by recording light, either electronically by means of an image sensor, or chemically by means of a light-sensitive material such as photographic film. It is empl ...
,
typography
Typography is the art and technique of Typesetting, arranging type to make written language legibility, legible, readability, readable and beauty, appealing when displayed. The arrangement of type involves selecting typefaces, Point (typogra ...
and
motion graphics to create visually appealing imagery. Motion graphic design has also achieved widespread use in content marketing and advertising.
In 2018,
Cisco
Cisco Systems, Inc. (using the trademark Cisco) is an American multinational digital communications technology conglomerate corporation headquartered in San Jose, California. Cisco develops, manufactures, and sells networking hardware, s ...
projected that 82% of all web traffic would be video by 2022. Marketers and advertisers have focused much of their efforts on the production of high-quality branded video and motion graphic content.
In addition to its myriad of uses in advertising, marketing, and branding, motion graphics are used in software, UI design, video game development, and other fields. Although motion design and animation share many commonalities, the difference between them lies in the fact that animation as a specific art form focuses more on cinematic effects and
storytelling
Storytelling is the social and cultural activity of sharing narrative, stories, sometimes with improvisation, theatre, theatrics or embellishment. Every culture has its own narratives, which are shared as a means of entertainment, education, cul ...
techniques to craft a narrative, whereas motion design is typically associated with setting abstract objects, text and other graphic design elements in motion. Bringing a graph, infographic or web design to life using movement is broadly speaking "animation", but more specifically, it's a type of animation that's called motion graphics.
Motion graphics take a variety of forms. While some are entirely animated, others incorporate live-action video and/or photography. The latter may include animation overlay, such as data visualizations, icons, illustrations, and explanatory text used to complement and enhance audiences' understanding of the content.
In content marketing contexts, there are three primary types of motion graphics which marketers choose to use depending on the goals they wish to achieve with the motion graphic. Explainer motion graphics seek to elucidate a product, process, or concept. Emotive motion graphics, meanwhile, aim to inspire a particular emotional response in audiences. And finally, promotional motion graphics are used to raise awareness about a service, product, or initiative. Because so many motion graphics are designed with particular goals in mind, it is often essential to partner with a designer or organization specializing in
visual communication
Visual communication is the use of visual elements to convey ideas and information which include (but are not limited to) signs, typography, drawing, graphic design, illustration, industrial design, advertising, animation, and electronic resourc ...
design to achieve a final product that conveys information in both an accurate and compelling way.
UX and motion design
UX, also known as user experience, works hand in hand with motion design. For example, when designing a phone app, motion design is used to improve user experience.
Motion design improves the user experience tremendously and effectively by adding animations to any screen. Motion design is not only used in phone apps; it is used in computers, tablets, smartphones, televisions, and lots more. UX designers use motion design to create their prototyping, and experience with it to determine whether it is easy to use for an average person, or if it needs enhancing.
Jobs and salaries
There are a variety of career opportunities for motion designers, including
animation
Animation is a filmmaking technique whereby still images are manipulated to create moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film. Animati ...
,
art direction,
design
A design is the concept or proposal for an object, process, or system. The word ''design'' refers to something that is or has been intentionally created by a thinking agent, and is sometimes used to refer to the inherent nature of something ...
,
concept art
Concept art is a form of visual art used to convey an idea for use in film, video games, animation, comic books, television shows, or other media before it is put into the final product. The term was used by the Walt Disney Animation Studios ...
,
compositing
Compositing is the process or technique of combining visual elements from separate sources into single images, often to create the illusion that all those elements are parts of the same scene. Live action, Live-action shooting for compositing ...
,
creative direction,
editing
Editing is the process of selecting and preparing written language, written, Image editing, visual, Audio engineer, audible, or Film editing, cinematic material used by a person or an entity to convey a message or information. The editing p ...
,
illustration
An illustration is a decoration, interpretation, or visual explanation of a text, concept, or process, designed for integration in print and digitally published media, such as posters, flyers, magazines, books, teaching materials, animations, vi ...
,
producing, and
storyboarding
A storyboard is a graphic organizer that consists of simple illustrations or images displayed in sequence for the purpose of Previsualization, pre-visualizing a film, motion picture, animation, motion graphic or interactive media sequence. The ...
. Some motion designers take on a range of these responsibilities, while others prefer to specialize.
Motion designers can work on a range of projects, including
advertisements
Advertising is the practice and techniques employed to bring attention to a product or service. Advertising aims to present a product or service in terms of utility, advantages, and qualities of interest to consumers. It is typically us ...
,
branding/identity,
video games
A video game or computer game is an electronic game that involves interaction with a user interface or input device (such as a joystick, game controller, controller, computer keyboard, keyboard, or motion sensing device) to generate visual fe ...
,
UX /
UI,
AR /
VR and
film
A film, also known as a movie or motion picture, is a work of visual art that simulates experiences and otherwise communicates ideas, stories, perceptions, emotions, or atmosphere through the use of moving images that are generally, sinc ...
.
In the United States, the average motion designer income was $87,900 (USD) per year in 2019.
Motion design skills
Skills in
typography
Typography is the art and technique of Typesetting, arranging type to make written language legibility, legible, readability, readable and beauty, appealing when displayed. The arrangement of type involves selecting typefaces, Point (typogra ...
are critical to motion designers, as videos, cartoons and advertisements often include text. A good motion designer knows how to use type styles, sizes, and timing to use text to attract audiences.
Knowledge of
color theory
Color theory, or more specifically traditional color theory, is a historical body of knowledge describing the behavior of colors, namely in color mixing, color contrast effects, color harmony, color schemes and color symbolism. Modern color th ...
is also very important for motion designers. They must have a good understanding of the color circle, complementary colors, and color saturations. The use of color is extremely helpful in communicating moods, effects and emotions.
Motion designers must also have software experience. Some of the software includes
Adobe Photoshop
Adobe Photoshop is a raster graphics editor developed and published by Adobe Inc., Adobe for Microsoft Windows, Windows and macOS. It was created in 1987 by Thomas Knoll, Thomas and John Knoll. It is the most used tool for professional digital ...
,
Adobe Illustrator
Adobe Illustrator is a vector graphics editor and Computer-aided design, design software developed and marketed by Adobe Inc., Adobe. Originally designed for the Apple Inc., Apple Mac (computer), Macintosh, development of Adobe Illustrator began ...
,
Adobe After Effects
Adobe After Effects is a digital visual effects, motion graphics, and compositing application developed by Adobe Inc.; it is used for animation and in the post-production process of film making, video games and television production. Amo ...
,
Adobe Premiere Pro
Adobe Premiere Pro is a video editing application developed by Adobe Inc. and is distributed as part of the Adobe Creative Cloud suite. It is primarily used for producing high-quality videos across various industries.
History Original A ...
and
Adobe Substance.
Other important motion-design skills are attention to detail; and good timing sense, for things such as matching video to audio.
History
Motion design began as early as the 1800s, when early
animation
Animation is a filmmaking technique whereby still images are manipulated to create moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film. Animati ...
devices such as
flip-books were invented.
There were no official founders of this art form, however,
Saul Bass
Saul Bass (; May 8, 1920 – April 25, 1996) was an American graphic designer and Academy Awards, Oscar-winning filmmaker, best known for his design of motion-picture title sequences, film posters, and logo, corporate logos.
During his 4 ...
,
Pablo Ferro, and
John Whitney are some of the earliest well-known motion designers.
John Whitney was one of the pioneers of
computer-generated motion design. In 1960, he coined the term "
motion graphics" with the foundation of his company, Motion Graphics Incorporated. He invented his own mechanical analog computer to design motion graphics for television commercials and movie
title sequences.
Whitney collaborated with Saul Bass to animate one of his most famous pieces, the
title sequence
A title screen (also called an opening screen or intro) is the method by which films or television show, television programmes present their title and key filmmaking, production and cast members, utilizing conceptual visuals and sound (often an op ...
for
Alfred Hitchcock's 1958 film
Vertigo
Vertigo is a condition in which a person has the sensation that they are moving, or that objects around them are moving, when they are not. Often it feels like a spinning or swaying movement. It may be associated with nausea, vomiting, perspira ...
, which featured swirling graphics increasing in size.
Professional education
A degree in motion design can help an aspiring designer build a foundation for a career, by developing their skills in design, animation and conceptual thinking. In the United States, college-level
bachelor's degree
A bachelor's degree (from Medieval Latin ''baccalaureus'') or baccalaureate (from Modern Latin ''baccalaureatus'') is an undergraduate degree awarded by colleges and universities upon completion of a course of study lasting three to six years ...
programs can cost around $200,000.
Since the 2010s, online learning options for motion design have become more prevalent, with resources like
School of Motion,
Video Copilot,
Greyscalegorilla,
and an abundance of
YouTube
YouTube is an American social media and online video sharing platform owned by Google. YouTube was founded on February 14, 2005, by Steve Chen, Chad Hurley, and Jawed Karim who were three former employees of PayPal. Headquartered in ...
tutorials from channels like
Ben Marriott,
EC Abrams,
Eyedesyn and
Mt. Mograph.
Online communities like
Creative COW allow motion designers to get advice and technical assistance from more experienced designers.
See also
*
Animation
Animation is a filmmaking technique whereby still images are manipulated to create moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film. Animati ...
*
Film title design
Film title design is a term describing the craft and design of motion picture title sequences. Since the beginning of the film form, it has been an essential part of any motion picture. Originally a motionless piece of artwork called ''title art' ...
*
Motion graphics
*
Web design
Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design (UI design); authoring, including standardised code a ...
*
Web television
*
User experience
User experience (UX) is how a user interacts with and experiences a product, system or service. It includes a person's perceptions of utility, ease of use, and efficiency. Improving user experience is important to most companies, designers, a ...
*
Graphic design
Graphic design is a profession, academic discipline and applied art that involves creating visual communications intended to transmit specific messages to social groups, with specific objectives. Graphic design is an interdisciplinary branch of ...
*
Video editing
Video editing is the post-production and arrangement of video shots. To showcase excellent video editing to the public, video editors must be reasonable and ensure they have a thorough understanding of film, television, and other sorts of videog ...
*
Adobe software
References
*
*
*
*
* Blauvelt, Andrew, et al. ''Graphic Design : Now in Production''. 1st ed., Walker Art Center, 2011.
* Krasner, Jon S. Motion Graphic Design : Applied History and Aesthetics. 2nd ed., Focal Press, 2008, .
External links
* KRASNER, JON. “Chapter 3.” MOTION GRAPHIC DESIGN: Applied History and Aesthetics, CRC PRESS, 2017.
{{Design
Communication design
Graphic design
Graphics
Design
Multimedia