灵动像素 发表于 2017-5-17 15:47

教程 | U3D技术 ShaderForge学习之旅-多贴图叠加





关于shader,我们前面已经介绍了4期,相信大家对shader应该已经有了一个比较清晰的了解了,上期我们介绍的是UV动画shader,那这期我们来了解一下如何用一个材质球实现多个贴图叠加的效果,例如法阵贴图上的流光
基础效果展示:

具体制作步骤:1)打开shader forge 面板

2)创建一个新材质

3)以Alpha-Blended模式为例
4)点击存储路径及命名


5)界面如下
6)如果需要的话,可以在左侧ShaderSettings 下更改想要存储的路径
7)在左侧Geometry下可选择材质的显示方式


8)在左侧Blending模式下可以更改材质球的混合模式

9)Alpha Blended模式下的基本面板,如下图所示~
10)我们希望制作一个法阵上的流光效果,所以首先把贴图替换为法阵贴图
11)添加一张新的四方连续纹理贴图,作为流光贴图
12)加入“color” 和“Value”节点,方便进行纹理贴图的颜色和倍数的调节,用“multiply”节点把这三个向量相乘,如下图所示
13)最终效果我们希望用的是法阵的Alpha通道,所以只需要将流光层添加到自发光上就可以了。
如下图所示,用“add”节点把两张贴图效果进行叠加,并连接到自发光上

14)最后,千万别忘了备用材质的选择哟~

15)得到材质球参数如下图所示


maintex :法阵贴图TEX_add:纹理贴图Value:可分别调节两张贴图的自发光强度color:可分别调节两张贴图的自发光颜色 可通过控制纹理贴图的Offset可以控制法阵流光的方向和速度,也可以用上一期中提到的UV动画方法进行制作,在这里就不赘述了~



•  灵动像素  •灵灵奇




快快加入灵动家族定制一切动效作品相伴成长灵动体验重新定义一次什么是“特效”

(PS:微信搜索关注姊妹号“灵动美学”,每天超多行业资讯、特效干货等着你哦)






我时你爹 发表于 2019-5-31 16:45

蛋疼的字体颜色

tianyacao 发表于 2018-7-4 23:30

感谢楼主了 辛苦了 啊

sdsiren 发表于 2018-7-4 23:17

感谢楼主了 辛苦了 啊

wjyxjqzj 发表于 2017-5-22 17:15

感谢分享

469147848 发表于 2017-5-22 15:24

前面4期在哪里..

仰空越梦 发表于 2017-5-22 09:31

谢谢楼主分享~

Journey_min 发表于 2017-5-18 19:15

资源甚好

超_朝 发表于 2017-5-18 19:06

啥也不说了,楼主就是给力!

沙鹰 发表于 2017-5-18 11:13

资源甚好,且阅且珍惜!
页: [1] 2
查看完整版本: 教程 | U3D技术 ShaderForge学习之旅-多贴图叠加