Image Effect component - Google Web Designer

In this video, Google Web Designer specialist Kent walks us through the Image Effect component in Google Web Designer. Learn how to add visual effects to your images, such as wave distortions, or revealing another image or scratch to reveal.

Photo by Robert Murray on Unsplash

[monicareyna]

Hi guys, very helpful this videos, please can you make more tutorials? thanks.

[farhanzahoor]

Hello Google how can i make the reveal by click and move just like scratching effect not just by hovering mouse pointer. thank you please help

[farhanzahoor]

I really need to know how can I make scratch effect to start on mouse click or with touching the mobile screen please help

[mohammadshafi]

Can please make an video on Button blinking

[erikrosas]

Just to complement the information: in order to add a click tag and maintain the cursor effect I had to add a click event to the image effect. The tap area in the foreground disable the image effect component :(

[ranguvlad]

That’s very cool but i have a problem.

When I want to add tap area for clicking ( CTA to send to my website), the interaction with the banner no longer works. Is there another way I can add a click tag to an ad but still be able to interact with the banner? (For example reveal effect - scratch ad)? The temporary solution is to make tap area for click smaller, the size of cta button ( not fullscreen ), but that is not what i want for the long term.

If there is any other solution to implement the click area on the entire size of the banner and I can still interact with the banner please help me with the information. Thank you so much

[masudzaman]

it's not working in chrome or firefox. How to fix it?

[_Vinayak]

How we can stop a waving image after a 2-3 sec to its original view?