Week 3 · Advanced Shape Animation

Project 1 · Branded Vector Explainer — Weeks 1–5

Today's new skill: Advanced Shape Animation

In class

Trim paths, repeaters, offset and merge paths, gradient strokes/fills and shape morphs for modern vector motion.

In-class exercise

Exercise 3 · Trim, Repeat, Morph — Use trim paths, repeaters, offset/merge paths and gradients — plus two shape-based transitions.

Work through this ~60-minute drill in class to rehearse today's skill before you apply it to your project. Full step-by-step: see the Exercise 3 · Trim, Repeat, Morph page.

Homework this week

Animate an icon set + two transitions Push your Branded Vector Explainer forward with today's skill. See the Assignment · Project 1 page for the full brief.

Helpful links

Advanced Shape Animation

• Animate Shape Layers with Trim Paths — YouTube
• How to Animate Trim Paths — Envato Tuts+
• Animated Shape Transitions (repeaters) — Motion Array

Key terms: see the Vocabulary page. All links: see the Tutorial Links page.