Animate for the web
Essential pro advice, inspirational examples and how to get started with Greensock.
Animation has become a key component of a great web experience. Here we reveal essential advice from the pros, inspiration examples and how to get started with the popular web animation platform Greensock. It’s time to start tweening
EXCITING TIMES AHEAD
More tools and greater support means animation on the web is destined for greater things IT’S An exciting TIME TO Be part Of THE web ANIMATION community and there are now more tools than ever to help you create your next engaging animation or interactive project. And no matter what language you use (imperative, declarative, and so on), or what software you use to build your project there’s now likely to be an animation library that is designed to work specifically for that. You can even output your video animations to SVG from After effects now using Lottie, enabling a whole new raft of animators to join the party. Animation for the web is now a first-class citizen and, frankly, it’s about time. Traditionally animated content is a snapshot of motion — you watch it and the content never changes. This is fine when the animation is designed to get across an idea or a concept. A picture tells a thousand words and a carefully crafted animation turns those words into a meaningful story. But more and more it’s becoming important to design interactive, animated content as a framework rather than as a linear experience. Our digital lives are fuelled by live data that constantly changes — interactive animations should be able to handle that data and react and adapt in a functional and aesthetically pleasing way.
Always be a student. Remain humble and stay excited about learning. The more you know the more you’ll realise that there is so much more to learn. Chris Gannon Independent Interactive Designer, Web Animator and Illustrator gannon.tv @chrisgannon
Looking inwards means you just regurgitate the same ideas. Looking outwards makes you form unusual connections