Skip to main content
All CollectionsCreative Studio
What is Gradient and How Do I Use It?
What is Gradient and How Do I Use It?

Create stunning designs with the gradient feature! 🎨

Emma Pescettini avatar
Written by Emma Pescettini
Updated over a week ago

Gradients allow you to blend multiple colours smoothly within an element. This guide will walk you through how to use them effectively in Zuuvi.

Where to Find the Gradient Feature

1️⃣ Select Your Layer

2️⃣ Go to Edit
3️⃣ Click on the coloured square under Transform
4️⃣ Select Linear or Radial from the dropdown menu

πŸ’‘ Note: Gradients cannot be applied to box shadows or element borders.

Adding and Adjusting Colours

  • To add a color: Click in the space below the colour spectrum.

  • Adjust your colour selection by clicking on the new colour square and choosing your desired shade.

  • You can add up to 20 colours to an individual element!

  • Move colours around by dragging the squares.

  • The closer the colours are, the sharper the transition - spreading them apart creates a smoother blend.

  • Remove a colour by double-tapping it.

Linear vs. Radial Gradient

✨ Linear Gradient: Colours transition at an angle that you can control using the circle icon under the colour picker.
✨ Radial Gradient: Colours originate from the center and spread outward in a circular pattern.

Controlling Opacity

To adjust the opacity of your entire layer, use the Opacity settings under Transform.

Opacity layer

πŸ’‘ Want to change the opacity of just one color in your gradient? Adjust it directly in the gradient settings.

gradinent

Now you’re ready to add depth and vibrancy to your designs! 🌈

Happy colouring! πŸ˜„

Did this answer your question?