Before & After - Multipurpose Animated HTML5 Banner Ad Templates (GWD, GSAP) (Ad Templates)
Before & After – Multipurpose Animated HTML5 Banner Ad Templates with Draggable Effect for AdWords and DoubleClick Studio. Easy to use and customize with Google Web Designer free software.
Read Before You Buy:
- Using Google Web Designer you can change TEXT in all text blocks and adjust layout properties via CSS Tab (font size, colors, width and height of all elements).
- You CAN adjust animation properties in the “Code View” if you know GSAP.
- You CAN NOT adjust animation properties in the “Design View” via timeline.
Just replace default text with your own, change color in accordance with the advertised brand and replace placeholder images with your own (before, after, logo). All this can be done using the Google Web Designer without the knowledge and skills in GSAP coding.
Ad Templates Features:
- Layout created and fully editable with Google Web Designer
- Animation made with Green Sock Animation Platform and can be edited using GWD “Code view” mode
- Google Web Fonts used
- Draggable Effect
- Animation duration – 30 seconds (3 loops)
- Compatible with Adwords and Doubleclick
- Tested with Google HTML5 Validator (Adwords & DCM)
The package includes:
- 8 Popular Sizes : 160×600, 200×200, 250×250, 336×280, 300×250, 728×90, 970×250, 300×600
- Google AdWords GWD source and Published (with demo data) files
- DoubleClick Studio GWD source and Published (with demo data) files
- Adobe Illustrator (.ai) files (for exporting backup images)
- 6 Month Item Support
- Free item updates
- Documentation PDF file to describe item and template editing processes
- Video of the customization process (Link)
Resources:
- Fonts: Montserrat
- Photo: Shutterstock
- Photo: Unsplash
- Photo processing: Conceptum – 3D Sketch Photoshop Action
- Animation powered by GSAP
- Draggable effect powered by GSAP Draggable Plugin
Images used in the template are not included in the main download file, they are only for the preview purpose.
For your convenience, we have attached a link to the video of the customization process.