UI Gradient Effect

Documentation

Version 2.0 Update: Gradient "Overlay" mode can now be toggled on/off.

With UI Gradient Effect you can create Photoshop-like Gradients for Unity UI right inside the editor.

● Gradient Styles:

◦ Vertex (Corner and Linear)

◦ Linear

◦ Radial/Circular

◦ Angle

◦ Diamond

◦ Reflected

● Easy Intuitive set-up : Add as a component to any graphic UI element. Clean and easy interface for creating the desired gradient effect.

● Works with the Unity’s internal gradient editor : This lets you easily create and customize gradients.

● Transform : Scale, offset and rotate the gradients.

● Blend Modes: 22 blend modes which can be used to blend the gradient overlay with base image and color.

● Opacity: Control the opacity of overall gradient.

● API : Change properties at runtime. Animate gradient colors, scale, offset, angle etc.

Demos Scenes Included :

◦ Demo 1 : General usage ( first screenshot)

◦ Demo 2: Changing properties at runtime

Limitation and Work In Progress: Vertex type gradients for UI text : In vertex type, gradient distribution is not gradual in UI text. Read more about it in the documentation.