Animating SVG Icons? UI Animations with ShapeShifter! (Tutorial)

Ever wonder how designers animate their icons? They may have used a tool called -- which allows you to import SVG graphics and animate them based on a timeline. In this tutorial, I'm going to show you how to do exactly that while we create our own SVG icon and animate. I will even show you how to...

Intermediate - 26 min - Design & Creative Software - DesignCourse

The full course: Learn Motion Graphics free

What you'll need

• Laptop stand: Screen at eye level for long study sessions.
• Noise-cancelling headphones: Focus through long video lessons.
• Second monitor: Video on one screen, practice on the other.
• Wireless keyboard and mouse: Comfortable for hours of typing.

Books

1. The Animator's Survival Kit by Richard Williams - View on Amazon
2. Adobe After Effects Classroom in a Book by Lisa Fridsma - View on Amazon
3. The Illusion of Life by Frank Thomas Bullen - View on Amazon

Next lessons

• AFTER EFFECTS BASICS (24 min, Peter McKinnon, Beginner)
• I'll Teach You After Effects in 60 Minutes... (59 min, Ben Marriott, Intermediate)
• Learn After Effects in 10 Minutes! Beginner Tutorial (10 min, Ben Marriott, Beginner)
• Make ANYTHING Retro in After Effects (13 min, Ben Marriott, Intermediate)
• 50 After Effects Tips, Tricks & Secrets for Beginners (12 min, Ben Marriott, Beginner)
• 5 Best Ways to Use Noise Creatively in After Effects (13 min, Ben Marriott, Intermediate)
• After Effects Smooth Transitions - Animation Tutorial pt. 1 (11 min, Ben Marriott, Intermediate)
• Animated Grain shading in After Effects tutorial - Noise and textured gradients (10 min, Ben Marriott, Intermediate)