Creating an HTML5 Banner Ad with GreenSock (GSAP)

- [Voiceover] Hi, I'm Chris Converse and this is a course that I've put together to show you how to create web animations with the GreenSock animation platform. To learn to create animations with this platform, we're gonna be creating a web advertisement. Since GreenSock animates HTML elements, we're gonna start by creating and advertisement with standard HTML in CSS. We'll also use a single graphics spread sheet to reduce the number of graphics loaded into the ad. Then, we'll hook in a single JavaScript file and begin to write instructions for the animation. The GreenSock platform makes animating with code very straight forward and simple.

And there are many features that make this animation technique faster to develop than more traditional key frame based techniques. For example, we can hook together animations by giving them a common label, we can reorder items in an animation by rearranging the instructions, or even jump to a specific point in an animation to test portions of the project. Later on in the course, we'll explore techniques for more interesting animations, as well as, an option for using individual parts of the animation platform to save even more data for the users to download. And this platform and you're animations can be used with any HTML based project, including web sites, digital books, magazines, mobile applications, and as in the example for this course, online advertisements.

And finally, the exercise files for this course are available to all members, so download the files and let's get animating with GreenSock.