Web Motion: Create an Animated Banner Ad
46mBeginner2014-01-24
Authors
Tom Green
Teacher, Author, Professor
Course details
Learn to create a simple web banner with motion and interactivity. This installment of Web Motion for Beginners shows you how to take a client project from concept to completion—in this case for a banner ad that invites viewers to visit Ontario, Canada. Tom Green shows how to build on an initial idea with sketches and wireframes, and create your image assets in Adobe Photoshop and Illustrator. You'll then assemble the ad in Edge Animate and create interactive buttons with the Gradient feature.
Skills covered
Edge AnimatePay-Per-Click MarketingAdvertising and PromotionMarketingAdobeDeep Dive (X:Y)
Concepts
Create an Animated Banner Ad
- 01 - Project overview and plan
- 02 - SVG graphics creation in Illustrator
- 03 - PNG graphics creation in Photoshop
- 04 - Assembly in Edge Animate
- 05 - Create a three-state button in Edge Animate
- 06 - Add interactivity in Edge Animate
- 07 - Test and output