Gareth B. Davies
All courses
Video & AnimationSolid introRated 8/10

Animate Your Illustrations with After Effects

Manon Louart · Motion Designer and Illustrator

Intermediate50 min
Animate Your Illustrations with After Effects thumbnail

A 50-minute After Effects walkthrough that turns a static Photoshop illustration into a looping social animation using real production techniques, not gimmicks.

New to Skillshare? Your first month is free, enough to take this course at no cost.

A workflow, not a highlight reel

This course sets out to do one specific thing: take a layered Photoshop illustration and give it enough motion to feel alive on a feed, without asking the illustrator to become a full-time animator. It delivers on that promise by walking through a single project from start to finish rather than jumping between disconnected demos. The instructor prepares a character illustration in Photoshop, separates every element that needs to move onto its own layer, resizes the canvas to 180 by 180 pixels for Instagram, and only then opens After Effects. That ordering matters, because the course treats the Photoshop stage as part of the animation process, not a separate skill, and it shows exactly what "planning ahead" looks like in practice, down to leaving extra pixels of a clothing layer so nothing shows a gap when it bends.

The technical core of the class is the CC Bend It effect, used to animate plants and hair by placing a start point and end point on each layer and keyframing a bend value back and forth. It is a simple effect covered in real depth: the instructor shows how inverting the start and end points changes the direction of movement, and how offsetting each layer's keyframes by a few frames turns a stiff, synchronized wiggle into something that reads as organic. From there the course layers in a loop expression, pasted once and copied across every animated property, so the whole piece cycles cleanly at the composition's 10-second mark without any manual key-matching.

Where the techniques get more advanced

The second half moves into territory that separates this course from a beginner tutorial. Track mattes get real explanation, both alpha and luma variants, used to animate a light streak across hair clips and a twinkling star pattern generated from fractal noise. The randomizing expression section, credited openly to expressions specialist Dan Ebberts, is taught honestly: the instructor admits she doesn't fully understand the code but knows exactly which three values to change (frequency, amplitude, loop time) to get usable results. That kind of pragmatic, results-first explanation runs through the whole class and makes advanced tools approachable without pretending they're simple.

The final stretch covers the Wave Warp effect for fluid hair movement and a two-pass Turbulent Displace and Posterize Time combination that gives the whole animation a hand-drawn, slightly jittery quality. Exporting is handled briskly through Adobe Media Encoder for MP4 and the paid GifGun plugin for GIF output, which is honest but does mean GIF exporters without that plugin are left with a workaround.

The course's real strength is that every technique builds toward the same finished piece, so nothing feels like an isolated party trick. Its limitation is the assumed baseline: viewers need working knowledge of both Photoshop layer management and After Effects' interface before the pacing makes sense, since fundamentals like the timeline or keyframing get only a brief pass. For illustrators who already clear that bar, this is a genuinely useful, technique-dense hour that turns "add a little movement" into a repeatable production process.

The standout

The loop expression technique, pasted once and copied across every animated property, which turns a short hand-keyed movement into a perfectly seamless 10-second cycle without manual keyframe matching.

What you will learn

  • How to prep and separate layers in Photoshop specifically for animation, including merging static groups and resizing to a 180x180 Instagram-ready canvas
  • How to use the CC Bend It effect to create organic bending motion on plants and hair by placing start and end anchor points
  • How to build a seamless 10-second loop using a copy-paste loop expression across multiple layer properties
  • How to generate hands-off motion with Dan Ebberts' randomizing expression, tuning frequency, amplitude, and loop time
  • How to animate textures with alpha and luma track mattes, including a fractal-noise-driven twinkling star effect
  • How to fake a hand-drawn look using Turbulent Displace and Posterize Time, then export to MP4 via Adobe Media Encoder or GIF via the GifGun plugin

Best for: Illustrators and graphic designers who already know their way around Photoshop and have opened After Effects before, and want a repeatable system for animating static art for Instagram.

Skip it if: Complete After Effects beginners with zero interface familiarity, or anyone hoping for frame-by-frame character animation rather than subtle looping motion.

Clarity of InstructionHelpful ExamplesOrganization of LessonsActionable Steps