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.
π‘ Want to change the opacity of just one color in your gradient? Adjust it directly in the gradient settings.
Now youβre ready to add depth and vibrancy to your designs! π
Happy colouring! π