Motion Design Foundations
Summary
Motion design is graphic design in motion: type, shapes and images made to communicate over time. This lesson gives you the whole map before the hands-on work starts, from where motion design shows up and where it came from, to the roles, tools and careers in the field. It ends with your first animation in After Effects.
What you will learn
What motion design is, and how it differs from character animation
Where motion design shows up every day, on screens and in public spaces
A short history of the field, from experimental film to real-time engines
The common project types, and how a real campaign is built, through a Buck case study
Who does what on a motion team, and how a project moves through the pipeline
The core tools, and which three to learn first
What the career looks like, including realistic earning ranges
Key ideas
What motion design is
Motion design (also called motion graphics) takes static elements like type, shapes and images and makes them communicate through animation.
Picture a Venn diagram: it sits in the overlap between graphic design and animation, where design principles meet time.
It is a branch of animation, but it is usually more design-centered than narrative character acting.
Where you see it
App micro-interactions: swipes, spinners, notifications.
Social ads and infographics.
Broadcast packages for news, sports and weather.
Film and streaming title sequences, and YouTube graphics.
Public spaces: digital billboards, animated menus, airport signage and other digital signage.
Once you start looking for it, you will see it everywhere.
A short history
Experimental filmmakers in the 1940s laid the artistic groundwork.
The term "motion graphics" dates to the 1960s and John Whitney.
Saul Bass made title sequences iconic in the 1950s and 1960s.
Early computer graphics in the late 1970s and 1980s moved design into the digital realm.
After Effects arrived in 1993 and put professional motion graphics within reach of far more designers.
HD, mobile, LED and VR screens widened the canvas. Today designers also work with real-time engines and data-driven animation.
Common project types
Explainer videos, and advertising and promotional graphics.
Broadcast packages and entertainment title sequences.
UI and UX animation, and data visualization.
Logo and brand identity motion.
Environmental and experiential work, such as projection mapping and concert or stage visuals.
Some designers specialize, others stay generalist. The job is always the same: communicate and strengthen a message with animated visuals.
Case study: Buck, "The New Domain" (2023)
Buck made three 15-second spots for Identity Digital: .bio, .life and .pro.
All three share one illustrated style: center-weighted compositions, clean gradients and a consistent structure.
Branded transitions, including a signature red dot, carry you from the domain to a character or scenario and into a clear call to action.
The .pro spot swaps character scenes for environment-led "fake 3D" rotations, for a more professional tone that still fits the campaign.
Roles and the pipeline
Core roles: motion designer or animator, graphic designer or illustrator, art director, creative director, producer or project manager.
Specialists join as projects grow: compositors, sound designers, riggers, editors.
A typical pipeline: concept, visual style, asset design, animation, sound, final assembly, kept to budget and schedule by production.
Core tools
After Effects is the center of animation and compositing, and works closely with Illustrator (vector) and Photoshop (raster).
As projects demand it: Premiere for editing longer pieces, Cinema 4D or Blender for 3D, Nuke or Fusion for advanced compositing, Figma, XD, Rive and Lottie for UI and app work, and Audition, Pro Tools or Audacity for sound.
Start with After Effects, Illustrator and Photoshop. Expand later.
Career outlook
Demand spans marketing, tech, entertainment and more.
Entry-level staff roles often start around $35k to $50k, with modest early freelance rates.
Mid-level and senior roles can reach roughly $60k to $90k, with higher day rates.
Top specialists and leads can pass six figures.
Paths include full-time, freelance or both. A deliberate portfolio, relationships and steady skill building matter most.
Big takeaways
Learn the tools, but lead with taste and clarity.
Study great studios.
Practice consistently, and start making things now.
Assignment
Animated name lockup. Build a short animation in After Effects that reveals your name with geometric shapes and text in a clean, centered composition.
Set up a composition and design a simple, centered layout of shapes and your name.
Animate at least three transform properties: position, rotation and scale.
Use a rectangular mask to reveal your text.
Add a subtitle or tagline that animates in with position and opacity.
Keep it minimal. The point is clarity and timing, not decoration.
What to hand in
A final render in .mp4 format.
The collected After Effects project file with all assets included.
How to hand in: upload your .mp4 render in the homework box on this page. Zip your working files and upload the zip alongside your render: the collected After Effects project with all its assets. The zip can be up to 2 GB. Feedback arrives on your submission page as comments and drawings on your work, and you get an email when it lands. Made changes? Hand in again and it becomes a new version.