Mastering Gradients in Ads

Welcome! In this article I will teach you how to make best use of gradients when designing your ads.

Follow the guide below for the best practices regarding gradients.

Nico, CX Specialist | Zuuvi 

Nicoline_Circle_Portrait


  

Perfecting Gradients in Ads

You can use a gradient as an overlay to spice up your images or videos - or you can combine it with animation, to make a colorful moving background.

 

 

In the example above, I have used a Radial Gradient and added a rotation animation that plays through the whole period.

See how to do it yourself in the video below or in the step-by-step guide.

 

 

Step-by-step guide:

  • Add a rectangle and make it over twice as big as the format.

  • Click Edit and choose Radial Gradient.

  • Add as many colours as you like (in the example, I have used two colors. The same in center and outer and another in between). Use the parameter to regulate how much each color should cover.

  • Place the rectangle as the lowest layer in the layer menu.

  • Add Rotate animation to the layer and add how many degrees the rotation should be. In the example, the value is 300, and the duration is 10 seconds. Meaning the animation will play through the whole period.

 

Go wild with colourful gradients. Enjoy ðŸ¤