Shader Forge 实现颜色渐变、透明度渐变效果

需求

制作UGUI时，很多控件使用到了背景色，背景色效果包含：
颜色的渐变和透明度的渐变。

因涉及到多种类似的背景图，但是又不想使用图片实现（太占空间），所以只能通过自定义Shader实现效果了。

实现

1、导入Shader Forge插件
2、新建Unlit 类型的shader（无光照类型）

Unlit.png

3、编辑shader节点，如下图：
颜色渐变：使用两个 color节点 + uv coord节点 + lerp节点实现颜色渐变
透明渐变：使用两个value节点 + uv coord节点 + lerp节点实现透明度渐变

渐变.png

4、设置混合属性
设置Blending属性，类型选择Alpha Blended

blend.png

效果

通过shader新建材质球，设置给UI元素，如下图：

效果图1.png 效果图2.png