Motion Designer interview questions
100 real questions with model answers and explanations for Junior candidates.
See a Motion Designer resume example →Practice with flashcards
Spaced repetition · Hunter Pass
Questions
Timing and spacing control different aspects of how motion is perceived.
- Timing is the duration of an action, usually measured in frames or seconds.
- Spacing is the distance an object travels between consecutive frames.
- The same timing can feel smooth, abrupt, accelerating, or decelerating when the spacing pattern changes.
Why interviewers ask this: Timing sets how long an action takes, while spacing shapes the speed and character of that action within its duration.
In After Effects, Easy Ease In softens motion approaching a selected keyframe, while Easy Ease Out softens motion leaving it.
- Easy Ease In reduces the incoming speed as the property approaches the keyframe.
- Easy Ease Out starts the departure slowly, then lets the property accelerate away.
- Easy Ease affects both sides of a keyframe, creating a smooth arrival and departure.
Why interviewers ask this: The In and Out names are relative to the selected keyframe, so understanding that direction prevents reversed easing.
Squash and stretch change an object's proportions without making its overall mass appear to change.
- When one dimension becomes shorter, another dimension expands to compensate.
- A squashed ball becomes wider as it becomes flatter, while a stretched ball becomes narrower as it becomes taller.
- Consistent volume preserves the object's solidity even when the deformation is strongly stylized.
Why interviewers ask this: Preserving volume makes deformation communicate flexibility and force without suggesting that the object gains or loses material.
Anticipation is a preparatory movement that signals the main action before it happens.
- It often moves briefly in the direction opposite to the main action.
- It gives the viewer time to notice where the important movement will occur.
- Its size and duration help communicate the force and scale of the action that follows.
Why interviewers ask this: Anticipation improves clarity and makes the main action feel motivated rather than sudden.
Follow-through and overlapping action describe how connected parts continue and change motion at different times.
- Follow-through occurs when loose or flexible parts keep moving after the main body stops.
- Overlapping action occurs when different parts start, stop, or reverse direction at different moments.
- Delayed motion in hair, clothing, or appendages can communicate weight, flexibility, and momentum.
Why interviewers ask this: These principles prevent every part from moving as one rigid unit and make motion feel physically connected.
Arcs make movement follow curved paths that usually feel more natural and fluid.
- Limbs commonly rotate around joints, so their endpoints travel along arcs.
- Curved trajectories help preserve continuity of direction and momentum.
- Straight paths are most effective when the motion is intentionally mechanical, forceful, or graphic.
Why interviewers ask this: Using an appropriate path of motion helps the viewer understand how an object is connected, weighted, and propelled.
Staging in a moving scene directs the viewer's attention to the most important action at each moment.
- Composition and clear silhouettes keep the subject readable while positions change.
- Contrast in scale, color, speed, or direction separates the primary action from surrounding motion.
- The timing of entrances, exits, and pauses prevents competing actions from demanding attention simultaneously.
Why interviewers ask this: Good staging maintains a clear visual hierarchy over time instead of relying on a single well-composed frame.
Pose-to-pose and straight-ahead animation organize the development of movement in different ways.
- Pose-to-pose defines important poses first and connects them with breakdowns and in-betweens.
- Straight-ahead animation builds frames consecutively from the beginning of the action to the end.
- Pose-to-pose favors control and structure, while straight-ahead animation favors spontaneity and fluid variation.
Why interviewers ask this: The two approaches can also be combined to keep major beats clear while allowing flexible details to evolve freely.
Secondary action is an additional movement that supports the meaning of the primary action.
- It can reveal attitude, emotion, or intention without replacing the main action.
- It should remain less visually dominant through smaller scale, lower contrast, or quieter timing.
- It must reinforce the same idea as the primary action rather than introduce a competing message.
Why interviewers ask this: A well-controlled secondary action adds information and richness while preserving the scene's main point.
Exaggeration deliberately pushes an aspect of motion beyond literal realism to make an idea clearer or more expressive.
- Timing, spacing, poses, scale, deformation, or reaction can be amplified.
- The pushed element should emphasize the intended weight, emotion, hierarchy, or impact.
- Internal consistency keeps an exaggerated movement understandable within the visual style.
Why interviewers ask this: Effective exaggeration clarifies the intended impression without turning the motion into arbitrary distortion.
A keyframe records a property at a specific moment in time.
- Its time determines where the keyframe sits in the timeline.
- Its value can be a number, color, position, shape, or another property state.
- Its interpolation settings describe how the property enters, leaves, or holds that value.
Why interviewers ask this: Keyframes define the important states, while interpolation creates the change between them.
Temporal interpolation controls change over time, while spatial interpolation controls the route through space.
- Temporal interpolation determines the timing, speed, and easing between keyframes.
- Spatial interpolation shapes the motion path of a position property.
- An object can follow the same path with different timing, or different paths with the same timing.
Why interviewers ask this: Separating timing from trajectory makes it possible to adjust how an object moves without changing where it moves.
These interpolation types produce different kinds of change between keyframes.
- Linear interpolation changes at a constant rate with no easing.
- Bezier interpolation creates an adjustable curve that can ease into or out of a value.
- Hold interpolation keeps the previous value unchanged until it jumps to the next keyframe value.
Why interviewers ask this: Choosing an interpolation type sets the basic character of the transition before finer timing adjustments are made.
The value graph shows property values, while the speed graph shows the rate of change.
- In the value graph, time runs horizontally and the property's value runs vertically.
- The slope of a value graph indicates speed, with a steeper slope meaning faster change.
- In the speed graph, the curve's height directly represents speed, so peaks are fast and points near zero are slow.
Why interviewers ask this: The value graph is best for reading exact values and direction, while the speed graph makes acceleration and easing easier to see.
Influence and handles shape how easing behaves around a keyframe.
- Influence describes how much of the neighboring time interval is affected by the keyframe's easing.
- A longer horizontal handle generally spreads the easing across more of that interval.
- Changing a handle's angle or vertical position changes the curve's slope or keyframe speed, depending on the graph type.
Why interviewers ask this: Handles provide a visual way to control both the reach and shape of acceleration around keyframes.
The distance an object travels between consecutive frames reveals its speed.
- Equal spacing between positions indicates constant speed.
- Increasing gaps indicate acceleration because more distance is covered per frame.
- Decreasing gaps indicate deceleration because less distance is covered per frame.
Why interviewers ask this: When frame intervals are equal, changes in traveled distance directly show changes in speed.
Movement duration equals its frame count divided by the frame rate.
- A 24-frame movement lasts one second at 24 frames per second.
- The same 24 frames last half a second at 48 frames per second.
- If duration stays fixed, a higher frame rate gives the movement more frames rather than making it longer.
Why interviewers ask this: Frame rate defines how many frames fit into each second, so duration depends on both rate and frame count.
Motion blur simulates the image recorded while an object moves during a frame's exposure.
- A 180-degree shutter angle exposes for half of each frame interval.
- A larger shutter angle produces longer, softer blur because the exposure lasts longer.
- A smaller shutter angle produces shorter, sharper blur because the exposure lasts less time.
Why interviewers ask this: Shutter angle controls blur duration relative to the frame interval, while object speed controls how far the image travels during that exposure.
Solid drawing keeps forms convincing and readable as they change pose, even without hand-drawn volume.
- Proportions and apparent volume should remain consistent through rotation, scaling, or deformation.
- Perspective and overlap should describe the same orientation and depth from frame to frame.
- Clear silhouettes and balanced poses keep the action readable at its important moments.
Why interviewers ask this: The principle tests whether a designer understands form, weight, and space rather than whether they can make a traditional drawing.
A motion path is the trajectory a position property follows through space.
- Position keyframes place points that the path passes through.
- Spatial Bezier handles set the incoming and outgoing tangent directions at those points.
- Moving the handles changes the path's curvature without directly changing its timing.
Why interviewers ask this: Spatial handles shape where the object travels, while temporal interpolation controls how quickly it travels along that path.
Locked questions
- 21
What is a composition in After Effects, and what do its width, height, frame rate, and duration control?
animationoopcomposition - 22
How do layer order and layer In and Out points affect a composition?
compositionlayersoop - 23
What is a mask in After Effects, and how do common mask modes work?
tools - 24
What is the difference between a track matte and a mask in After Effects?
tools - 25
What is precomposition, and what boundary does it create for transformations and effects?
rendering - 26
How do parenting and null objects work in After Effects?
toolsfundamentals - 27
Why is the anchor point important for rotation and scale in After Effects?
tools - 28
How is a shape layer structured with paths, fills, strokes, and group transforms?
layerscomposition - 29
What does Trim Paths do on a shape layer?
layerscomposition - 30
What do a text animator and its range selector do in After Effects?
tools - 31
How can kinetic typography stay readable while the text is moving?
typography - 32
What makes two shape paths compatible for a clean morph?
composition - 33
How do timing and repetition create visual rhythm in motion?
motionanimation - 34
What does appeal mean as an animation principle in motion design?
animationmotiondesign - 35
Why are pauses and holds considered part of animation timing?
animation - 36
What is the purpose of a storyboard in motion design?
motionstoryboarddesign - 37
What does an animatic validate beyond a storyboard?
storyboardvalidation - 38
What is eye trace, and how does it support continuity between shots?
- 39
How do waveforms and timeline markers help with basic audio synchronization?
- 40
What is the difference between syncing motion to the beat and syncing it to meaningful sound accents?
motion - 41
How do you translate brand traits into motion behavior?
motionbranding - 42
How do you preserve a logo's proportions, clear space, and readability during animation?
animationbranding - 43
How do you keep timing and easing consistent across a motion system?
animationmotionsystem-design - 44
How should brand typography and color be used while they move?
typographycolorbranding - 45
What is the difference between resolution and aspect ratio?
- 46
How do you choose a frame rate for delivery, and why should you avoid blind conversion?
animation - 47
What is the difference between a container and a codec?
deliverycontainers - 48
When would you use H.264 instead of ProRes, and vice versa?
- 49
What is an alpha channel, and how do straight and premultiplied alpha differ?
rendering - 50
What is Lottie, what role does Bodymovin play, and which visuals suit this workflow?
- 51
You receive a simple geometric logo mark and need to create a short reveal that feels lively but controlled. How would you use anticipation and a settle without making the logo look rubbery?
brandingforms - 52
You need to animate a three-dot loader that can repeat for an unknown amount of time. How would you build its rhythm and loop?
- 53
Two scenes contain the same circular graphic element in different positions and sizes. How would you use it to create a connected transition between the scenes?
animation - 54
You are animating the short phrase “Make work visible” for a social clip. How would you keep the kinetic typography expressive while preserving the reading order?
typography - 55
Design a microinteraction for a bookmark icon with default, pressed, saved, and unsaved states. How would you make every state understandable?
design - 56
You need a lower third for a ten-second interview shot. How would you plan its entrance, hold, and exit so the name and role remain easy to read?
- 57
A confirmation animation must turn a circle into a checkmark using shape animation. How would you make the transformation feel like one object rather than two swapped icons?
animationcomposition - 58
A dashboard contains a row of four cards that should animate into view with a small delay between them. How would you stagger them without making the interface feel slow?
types - 59
In a product demo, a callout must direct attention to a small control without covering it. How would you animate and place the callout?
- 60
You have three seconds for an end card containing a logo and the CTA “Start your free trial.” How would you animate it so both elements can be read?
branding - 61
A logo reveal hits every key pose on time, but the movement between them feels wooden and mechanical. How would you fix it?
branding - 62
A character's hand snaps for one frame near the middle of an otherwise smooth gesture. What would you check and change?
animationcharacter-design - 63
A heavy drawer opens at the correct speed, but the action starts so suddenly that it feels unmotivated. How would you improve the shot?
- 64
A card animation overshoots its final position so far that the card seems weightless. How would you correct it while keeping some energy?
animation - 65
In a running character, the torso, arms, coat, and hair all reverse direction on the same frame, making the motion rigid. What would you change?
motionanimationdirection - 66
An icon should travel in a clean arc between two buttons, but its motion path creates a small hook and side-to-side wobble. How would you repair it?
motionanimationhooks - 67
A kinetic type sequence looks energetic, but viewers cannot finish reading each phrase before it leaves. How would you revise it?
animation - 68
A circle-to-logo shape morph pinches and twists halfway through even though both end shapes look correct. What would you inspect and fix?
brandingcomposition - 69
A looping loading animation plays smoothly until the last frame, where it visibly jumps back to the start. How would you make the loop seamless?
animation - 70
Motion blur makes fast-moving thin lines in an interface animation almost disappear. How would you preserve clarity without making the movement feel choppy?
animationmotiontypes - 71
You receive a finished horizontal motion piece and need a vertical social version without simply cropping the sides. How would you prepare the export?
motionscaling - 72
A campaign needs the same motion asset in 16:9, 1:1, and 9:16 while keeping the composition recognizable. How would you build and export it?
motionoopcomposition - 73
An editor needs your animated overlay with a transparent background. How would you export and verify it?
composition - 74
A web preview looks good but takes too long to load. How would you make a lighter review file without hiding obvious compression damage?
rendering - 75
A Bodymovin export looks different from the After Effects composition because several effects are unsupported. What would you do?
toolsoopcomposition - 76
Your Lottie JSON works but is too heavy because the animation contains complex paths and dense keyframes. How would you reduce it?
animation - 77
A smooth motion piece starts to judder after its frame rate is converted for delivery. How would you diagnose and fix it?
motionanimation - 78
Gradients and brand colors look different after export than they do in the project. What would you check before sending another file?
colorbranding - 79
You need to choose GIF, MP4, or Lottie for a simple web animation. How would you decide based on delivery constraints?
animation - 80
A client asks for both a high-quality master and a compact review or delivery file. How would you prepare the two outputs?
client - 81
You need to hand off an After Effects project that contains vague names, loose assets, and abandoned tests. What would you clean before sending it?
toolstesting - 82
A teammate must open your After Effects project on another computer without missing footage or font surprises. How would you package the handoff?
toolstypography - 83
A composition contains twelve copies of the same animated badge, and the design will keep changing. How would you structure it so all copies remain manageable?
compositiondesignoop - 84
You need a keyframed icon animation to repeat forever in After Effects. How would you build and apply a reliable loop with loopOut()?
animationtools - 85
Several layers should respond to one simple control, such as a shared blur amount. How would you link them without creating a hard-to-read expression setup?
toolslayers - 86
A heavy After Effects scene is too slow for useful previews, but you still need to animate it. Which practical changes would you make?
tools - 87
One layer or effect is making a composition slow, but the cause is not obvious. How would you isolate it with layer and effect switches?
compositionlayersoop - 88
After artwork is precomposed, its scale or effect result looks different in the parent composition. How would you diagnose the precomp boundary and Collapse Transformations setting?
compositionrenderingillustration - 89
You are preparing an editable motion template for someone who should change only text and brand colors. How would you expose those edits clearly?
colorbrandingmotion - 90
A loop looks smooth in the composition, but the rendered file pauses because its last frame duplicates the first. How would you verify and fix the export range?
compositionrenderingoop - 91
The voice stresses the product name between musical beats, and a strong downbeat follows shortly after. Where would you place the main visual reveal?
- 92
A kinetic typography scene must follow a voiceover without animating every spoken word separately. How would you synchronize it?
typography - 93
Every element currently moves on every musical beat, and the result feels monotonous. How would you rebuild the accents?
- 94
You have to fit a logo sting into a very short music cue while keeping the final logo readable. How would you time it?
branding - 95
A visual impact is aligned to the sound peak, but it still feels late. What would you change?
- 96
An animation made for a large display is being reused as a small mobile ad, where fine details and long travel are hard to read. How would you adapt it?
animationrendering - 97
Your vertical social animation will be covered by captions, account details, and action buttons on the target app. How would you prepare it?
animationrendering - 98
A short social clip will autoplay silently and may receive only a few seconds of attention. How would you adapt its timing?
animation - 99
You need a web loader for a process that can take much longer than expected. How would you keep its motion from becoming distracting?
motionconcurrency - 100
You have exported a motion asset for its final platform. What practical QA pass would you run before delivery?
motion