The Beginner's Guide to Animating Custom GIFs
Jake Bartlett · Motion Designer
A 55-minute walkthrough that turns a single Illustrator file into a looping GIF, teaching real After Effects keyframe mechanics along the way.
A single project, taught properly
This course does not try to cover After Effects. It covers one animation: a biplane looping around a heart-shaped smoke trail, set against drifting clouds and a wavy caption, exported as a GIF. That narrowness is the point. Jake Bartlett moves through nine short lessons, each isolating one mechanic, so a total beginner never has to hold more than one new idea at a time. Getting Started alone covers composition settings, frame rate, and layer import in enough detail that the rest of the course can assume the viewer already has working software.
The middle lessons are where the actual teaching happens. The Plane's Position and The Plane's Rotation walk through setting keyframes on a moving object, adjusting the motion path with the pen tool's Bezier handles, and then using Roving keyframes to smooth out timing automatically rather than nudging each keyframe by hand. That single technique, roving across time, is worth knowing on its own, since it solves the "my animation moves at uneven speed" problem that trips up most beginners long after this course.
The Heart lesson is the strongest in the course. It converts a vector guide into a shape layer, applies a dashed stroke, and animates it on using Trim Paths so the smoke trail appears to draw itself behind the airplane, then fades out with opacity keyframes. This is a genuinely useful, transferable technique, not just a one-off trick for this specific GIF, and it is explained with enough attention to the underlying logic (what a Trim Paths end value actually does) that a student could apply it to a completely different shape.
Where it thins out
The course is honest about being a template exercise rather than a design tutorial. Students work from provided artwork and a provided project file, which is the right call for a beginner course but means anyone hoping to animate their own illustration from scratch will need to extrapolate. The Clouds and Text lessons, while functional, are less instructive: matching start and end keyframes to build a seamless loop is a useful concept, but it gets less explanation than the heart-trail work that precedes it, and the Wave Warp effect on the text is applied with settings dialed in by feel rather than explained mechanically.
The export lesson is brief almost to a fault, routing through Adobe Media Encoder with no discussion of GIF file size, color palette limits, or frame optimization, though a linked follow-up course exists for exactly that gap. For a total beginner this is fine. For someone who already understands basic animation and wants the export details, it will feel thin.
At 55 minutes across nine lessons, this sits firmly in "quick win" territory rather than a deep dive, and it delivers on that promise. Anyone who finishes it will have a working GIF and a real grasp of keyframes, motion paths, and shape-layer strokes, which is a fair return for under an hour.
The standout
The Trim Paths technique for drawing on the heart-shaped smoke trail behind the biplane is the one lesson worth the whole course by itself.
What you will learn
- Importing layered Illustrator artwork into After Effects as an editable composition
- Setting position and rotation keyframes and shaping motion paths with the pen tool's Bezier handles
- Using Roving keyframes and Easy Ease to smooth timing without manual spacing
- Building a shape-layer smoke trail with dashed strokes, Trim Paths reveal animation, and opacity fades
- Looping background elements seamlessly using matched start and end keyframes
- Exporting a composition as an animated GIF through Adobe Media Encoder
Best for: A complete After Effects novice who wants one small, finishable animation project rather than a broad tour of the software.
Skip it if: Anyone who already knows basic keyframing, or who wants to animate their own artwork rather than follow a fixed template file.