粉丝484
关注 1
获赞 361
教程 | U3D技术 ShaderForge学习之旅-多贴图叠加

[3D游戏特效] 教程 | U3D技术 ShaderForge学习之旅-多贴图叠加

[复制链接]
6002 12 0 30 6年前 举报




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

基础效果展示:

image001.gif

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

image002.png

0.jpg
2)创建一个新材质
1.jpg
image004.png


2.jpg
3)以Alpha-Blended模式为例
3.jpg
image006.png
image008.png

4.jpg
4)点击存储路径及命名

5.jpg
image010.png

5)界面如下
6.jpg
image012.png

7.jpg
6)如果需要的话,可以在左侧Shader  Settings 下更改想要存储的路径

8.jpg
image014.png
9.jpg
7)在左侧Geometry下可选择材质的显示方式

10.jpg
image016.png


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

image018.png
11.jpg
9)Alpha Blended模式下的基本面板,如下图所示~

image020.png
12.jpg
10)我们希望制作一个法阵上的流光效果,所以首先把贴图替换为法阵贴图

image022.png
13.jpg
11)添加一张新的四方连续纹理贴图,作为流光贴图

image024.png
14.jpg
12)加入“color” 和“Value”节点,方便进行纹理贴图的颜色和倍数的调节,用“multiply”节点把这三个向量相乘,如下图所示

image026.png
15.jpg
13)最终效果我们希望用的是法阵的Alpha通道,所以只需要将流光层添加到自发光上就可以了。

如下图所示,用“add”节点把两张贴图效果进行叠加,并连接到自发光上

image028.png

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


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

17.jpg
image030.png

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




•  灵动像素  •
灵灵奇

05_皇冠.gif




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

服务号二维码.jpg

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







0
点赞
0
打赏
30
添加到收藏夹
打赏一次,1个CG券
全部评论12
您需要登录后才可以回帖 登录 | 立即注册

蛋疼的字体颜色
4年前
回复

使用道具 举报

感谢楼主了 辛苦了 啊
5年前
回复

使用道具 举报

感谢楼主了 辛苦了 啊
5年前
回复

使用道具 举报

感谢分享
6年前
回复

使用道具 举报

前面4期在哪里..
6年前
回复

使用道具 举报

谢谢楼主分享~
6年前
回复

使用道具 举报

资源甚好

6年前
回复

使用道具 举报

啥也不说了,楼主就是给力!
6年前
回复

使用道具 举报

资源甚好,且阅且珍惜!
6年前
回复

使用道具 举报

数据加载中....
没有更多评论了