Google web designer in its latest update got some new features in the stack. These features will not only help creators in adding more interesting animation to their HTML5 creatives but will also speed up the creative approval process.

The GWD team has introduced the latest version which is packed with improvements, bug fixes, and new components. The components on Google Web Designer are a huge plus when it comes to adding interactivity. It reduces the burden of manual coding. One newly introduced component is ‘Image Effect’. 

Image effect lets you add some cool morphing effects on images, as shown in the image below, type option let you choose from the kind of effect you want to add to your image.

Image effect component using some examples:

Wave effect

As shown in the example, the Wave effect can be used to animate an image to look like a moving wave. In this example, We have used two layers of the same image where one is cropped using a masking tool and the uncropped part is shown as a stationary image, similarly, the wave effect is added to the uncropped part of another image. The intensity of the wave is adjusted using various controls in the panel of the Image Effect.

Breath Effect

The example below illustrates the breath effect for the packet of chips.


One of the most fascinating effects is the reveal on mouseover, if you are planning to run a product launch or promo code, You can also give users a chance to reveal the product by themselves by mouseover. A most interesting application of this feature is the ‘scratch to win’. This effect also works without mouseovers.

Before and After

As the name implies, this effect can be used to show the before and after stages, we showed a similar manually coded effect in a previous post that talked about many such templates. This feature is now available through components.

Advance Preview Options

Creators making ads for Google ads know the pain of sending HTML5 ads to the client for approval, you first put them on the server and then share links with the client and continue with the process till she approves the ads. Now the new version has an option to generate a preview link.

You simply need to log in using your Google account and then share a generated preview link with your client.

You can even send the preview link to a mobile device, for that you need to download an App called Creative preview. By logging in using the same account as you do in Google web designer, the preview option shows the device name under ‘Send preview to device’. You can then send a preview link of the ad to the App and view it on your mobile device.

There are still some limitations to preview. We cannot use this feature for Responsive or Dynamic ads. For responsive ads, we are required to choose the size we wish to view using the preview link. Sharing a generated preview link in the Google Ads interface is still the best option for dynamic ads.

To get the most out of Google display advertising contact