Logo Animation Technology & Digital Applications 4 — Questions and Answers
Question 1: Which principle of animation involves squishing and stretching a logo element to give it a sense of weight and flexibility?
- Anticipation
- Squash and Stretch (Correct answer)
- Staging
- Follow Through
Correct answer: Squash and Stretch
Squash and Stretch is one of the 12 principles of animation; it deforms an object during motion to simulate physical weight and elasticity.
Question 2: When using Bodymovin (a plugin for After Effects), what format does it export animations in?
- MP4
- JSON (Lottie) (Correct answer)
- SVG still image
- CSS keyframes
Correct answer: JSON (Lottie)
Bodymovin exports After Effects compositions as JSON files that conform to the Lottie animation format, usable in web and mobile apps.
Question 3: What does 'parenting' layers in After Effects allow you to do when animating a logo?
- Link a child layer's transforms to a parent layer so they move together (Correct answer)
- Export multiple layers as separate video files
- Apply the same audio effect to multiple layers
- Lock layers against accidental editing
Correct answer: Link a child layer's transforms to a parent layer so they move together
Parenting links a child layer's position, rotation, and scale to a parent layer, so transforming the parent automatically moves all children.
Question 4: What is the main benefit of using a vector-based logo (e.g., SVG or AI file) as the source for animation over a raster image?
- Vector files contain embedded audio
- Vector artwork scales to any size without pixelation (Correct answer)
- Vector files load faster than all raster formats
- Vector graphics automatically animate on import
Correct answer: Vector artwork scales to any size without pixelation
Vector graphics use mathematical paths rather than fixed pixels, so they scale to any resolution—critical for logo animations displayed on varied screen sizes.
Question 5: In CSS logo animations, what does the 'animation-fill-mode: forwards' property do?
- Runs the animation in reverse on completion
- Holds the final keyframe state after the animation ends (Correct answer)
- Loops the animation indefinitely
- Delays the start of the animation
Correct answer: Holds the final keyframe state after the animation ends
animation-fill-mode: forwards tells the browser to keep the element's style at the last keyframe after the animation completes, rather than reverting.
Question 6: Which After Effects feature lets you create text animations where individual characters animate separately in a logo reveal?
- Shape Layers
- Text Animators (Correct answer)
- Track Mattes
- Expressions
Correct answer: Text Animators
After Effects Text Animators allow properties like position, opacity, and scale to be applied and animated per-character, enabling dynamic letter-by-letter reveals.
Question 7: What is 'motion blur' and why is it applied to fast-moving logo animation elements?
- A compression artifact that must be removed in post
- A blur applied in the direction of motion to simulate realistic movement speed (Correct answer)
- An export setting that reduces output file size
- A color effect that emphasizes brand colors
Correct answer: A blur applied in the direction of motion to simulate realistic movement speed
Motion blur mimics how fast-moving objects appear to streak in real photography, making quick logo animation moves feel natural and polished.
Logo Animation Technology & Digital Applications 4
Which principle of animation involves squishing and stretching a logo element to give it a sense of weight and flexibility?