Advanced SVG Animation
Size: 726 MB | Duration: 2h 55m | Video: AVC (.mp4) 1280x720 24fps | Audio: AAC 48KHz 2ch
Genre: eLearning | Level: Intermediate | Language: English
Scalable vector graphics (SVGs) adapt smoothly to a wide variety of sizes, and are easy to manipulate with their navigable DOM. In this course, learn how to work with the powerful SVG graphic format, and create complex animations for multiple use cases across the web.
Sarah Drasner begins the course by providing an introduction to SVG and outlining the SVG DOM (document object model). Next, she explains how to create SVG graphics with platonic shapes, and work with paths and groups. Sarah also discusses optimizing SVG files, working with responsive SVG animation sprites and the GreenSock animation library, animating text and relative color values, and more.
Topics include:
* Paths and groups
* Platonic shapes
* Optimization and CSS animations
* SVG sprites
* Atmospheric and elemental motion
* GreenSock workflow
* Staggering animations
* UI/UX animation vs. standalone
* DrawSVG and motion along a path
* Animating text and relative color values
* MorphSVG
TO MAC USERS: If RAR password doesn't work, use this archive program:
RAR Expander 0.8.5 Beta 4 and extract password protected files without error.
TO WIN USERS: If RAR password doesn't work, use this archive program:
Latest Winrar and extract password protected files without error.
