
Learn to create your first Google Ads banner in Google Web Designer by mastering the interface, tools, panels, and publishing options for a 300 by 250 banner.
Explore the latest Google Web Designer interface updates, including a color toolbar for fill and stroke, new image masks for animation, and enhanced gradients, swatches, and color extraction.
Discover how google web designer components provide pre-built modules to add interactive features to banner ads and g.m. documents, organized in galleries, interaction, maps, and media.
Explore how gallery components present multiple images, focusing on the 360 degree gallery that rotates through a series of angles to showcase a product in an ad.
Explore how to create a 360 degree gallery in Google Web Designer by compiling angle-specific images, configuring wrap and autoplay, and using transform controls to size and align the banner.
Add a swipe gallery in Google Web Designer on the stage and select images. Control navigation with thumbnails or dots, enable autoplay, and adjust frame size, offset, and start frame.
Create a carousel gallery in google web designer (2020) to deliver a 3d effect and adjust autoplay, navigation, thumbnails, and neighboring rotation, separation, and scale.
Add a flexible gallery navigation component linked to a gallery, movable for creative placement, with optional thumbnails and text styling to enhance HTML5 banner ads in Google Web Designer.
Learn to implement a calendar component in a banner ad, enabling add-to-calendar options (Google, Yahoo, iCalendar) with event title, date, time, location, and a clear save the date CTA.
Explore the timeline in Google Web Designer, switch to quick mode for frame-by-frame animation, create frames, set a five-second move from point A to B, and learn easing.
Explore the advanced timeline in Google Web Designer by animating a car through keyframes, adjusting x, y, and z properties to create diagonal motion and rotation on the timeline.
Learn to implement events and actions in Google Web Designer to build interactive banner ads with hover-triggered color changes, opacity shifts, and timeline-driven looping.
Master the media components—audio, video, and YouTube—for Google Web Designer, including hosted audio (mp3), playback controls, and poster. Note that Google ads do not support these components in banner campaigns.
Google Web Designer is an easy, free and powerful tool that is used widely by Display Marketers and animators to create HTML5 Display Ads. This course takes you through all the essentials you need to understand in your journey to start creating HTML5 banner ads without coding. The course also takes you through some basics of CSS and HTML 5 that are good to know in case if the user tries to add some additional properties in banner ads.
Google Web Designer is almost like an industry standard for creating HTML5 animated banner ads, lots of companies, brands, and agencies use this tool across the globe to create HTML5 animated ads. As I have been working in the field of online marketing and the design industry for the last 10 years, I have tried to share my experience with this tool in form of a course. So join this course and share your feedback with me. I hope you get a lot of value from this course. I update this course on a continuous basis as the Google Web designer team adds features to it.
In addition to that, you don't need to have any special skills to learn this tool.
Latest Updates:
1. April 2020: Image Effect Component and Preview Tool
2. October 2019: Masking and Transition Gallery