Many tools and languages are used to create web animation. Depending on your requirements, some will give you better results than others.
During this two-day course, we'll use a combination of theoretical and practical exercises to teach you all about web animation. We’ll start by understanding the principles using Google Web Designer, followed by holding a hands-on workshop where you'll learn what a rich media ad is.
You’ll also learn how to use an open source framework called bannertime, as well as how to follow a brief to create an animated web banner. Finally, we’ll show you how to publish your ad within the Google Marketing Platform.
Our Animated Web Banners course is available as a private training session that can be delivered via Virtual Classroom, at our training centre in The Shard, or at a location of your choice in the UK.
Course overview
Who should attend:
If you want to learn how to create animated web banners to a professional standard and acquire skills that will allow you to provide solutions – regardless of the complexity of the brief – then this course is for you.
What you'll learn:
By the end of this course, you will be able to:
- Understand the twelve principles of animation
- Use Google Web Designer to see how those principles apply to web
- Use CSS to animate HTML elements
- Understand the power of JavaScript and GreenSock, and how to use them effectively
- Take a project from initial brief to publishing on the Google Marketing Platform
Course agenda
- Disney’s twelve principles of animation
- What are the principles?
- How do the principles translate into web animation?
- Interface overview
- Timeline
- Motion with properties
- Nested animations
- Strengths and limitations
- Transitions
- Keyframing
- Strengths and limitations
- Triggers and Events
- Timers
- DOM manipulation
- Good programming practices
- Strengths and limitations
- What is Rich Media?
- What is it?
- Why use it?
- How to use it
- Case Study
- Requirements
- Asset ingestion
- Animation prototyping
- Animation mastering
- Production
- Publishing
- Studio
- Campaign Manager
- Google Ads
- Other platforms