搜索
浮生若梦特效公开课——特效的技术与艺术
冲击波的小效果,附上教程,一看就懂
软件设置与项目环境 (MAX U3D ps)——浮生若梦
#鲸鱼# 依然是用Unity3d做动画片系列,这次是二段爆炸~
宙斯技能特效 buff特效 表演特效
查看: 1595|回复: 2

[3D特效] 教程|Shaderforge 学习之旅--UV动画

[复制链接]
发表于 2017-5-17 15:29 | 显示全部楼层 |阅读模式

马上注册,加入CGJOY,让你轻松玩转CGJOY。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
通过前面两期的教程,我们已经对ShaderForge有了一定了解,接下来我们开始学习一些常用Shader的制作吧~

这一期讲的是UV 动画shader,上期我们简单入了门,在这个基础上,今天将进行详细的讲解和升级。

基础效果展示

image001.gif
在平时制作中,一个shader往往要用在多个效果中,那如何根据各自的效果调节UV运动的速度呢?这就需要在shader中设置调节输出端,然后就可以根据需要调节材质球参数了。

image002.jpg

1)今天我们以 particle  -- Addtive为例,创建一个shader


image003.jpg


image004.jpg



2)为了方便观察效果,指定一张贴图,并关掉“预览面板”中的“Rotation(旋转)”
image005.jpg

3)按住键盘上的“U”,选择“UVcoordinates(UV 坐标)”节点

image006.jpg

【UV coordinates】输出模型的 UV 坐标,点击“Uv 0”可以下拉选择其他UV通道。注意,光照贴图需要选择“UV 1”通道。

UV方向和分布由模型本身的UV决定。为了方便理解,下面建了三个模型,他们除了UV有所区别外,其他完全一样。

image007.jpg
第一个模型,UV默认展开
第二个模型,将1的UV进行了-90度旋转
第三个模型,将1的UV进行等比缩小
在赋予同一个UV动画材质球后,由于模型UV不同,得到了不同的动态

image008.jpg
image009.gif

通过上面的介绍,”UV coordinates”节点原理已经了解。接下来我们学习UV动画的另一个重要节点——“Panner(平移器)”

image010.jpg
  
【Panner】根据输入端的UV坐标信息,可以通过调节“Dist”及“U”、“V”数值,对UV进行平移速度及方向的设置。
4)将“UV coordinates”UV信息输出到“Panner”中,再将经过“Panner”处理过后的UV信息传输给贴图(Texture),就可以实现简单的UV动画

image011.jpg

但目前UV运动的速度是固定的,而且材质球属性中没有调节速度和方向的参数
image012.jpg

接下来,我们用“Time(时间)”节点,来实现速度和方向的控制。

image013.jpg

【Time】以不同的速率输出时间

t/20:以 1/20 倍速率输出时间
t:输出当前时间
t*2:以 2 倍速率输出时间
t*3:以 3 倍速率输出时间
5)在这里,我们根据需要选择原速率输出

image014.jpg

需要可调节参数,我们首先会想到“Value(向量1)”节点,注意:要选择墨绿色的“Value”哟~

image015.jpg

【Value】数字值,也可称为“向量1”,可以与各种向量相乘,也可以与颜色进行运算。
6)那如何将它们关联起来呢?这时候,我们就需要用到“Multiply(乘法)”节点。
image016.jpg
接下来,会发现通过调节“Value”的数值,已经可以调节UV运动的速度了。但现在调节的是整体速度,而我们希望能单独控制U、V方向的速度。
想到了不?

7)没错!就是通过“Panner”来控制!将“U”的值改为“0”,这样就只有“V”方向上的运动了

image017.jpg
image018.gif

8)接下来,用同样的方法,我们也可以控制“U”方向上的运动

image019.jpg

9)还有,不要忘了改名字哟~

image020.jpg

10)最后,还有非常非常重要的一点,选择备用材质

image021.jpg

这样,一个UV动画shader就创建好啦

image022.jpg

【更多教程】http://dwz.cn/3oSwbK



•  灵动像素  •
灵灵奇

02_充电.gif




快快加入灵动家族
定制一切动效作品
相伴成长灵动体验
重新定义一次
什么是“特效”
            服务号二维码.jpg          
(PS:微信搜索关注姊妹号“灵动美学”,每天超多行业资讯、特效干货等着你哦)







如何让别人关注你?点击设置签名 签名加图教程
     
发表于 2017-5-18 10:43 | 显示全部楼层
资源甚好,感谢分享
本楼回复(0) 收起
如何让别人关注你?点击设置签名 签名加图教程
回复 支持 反对

使用道具 举报

发表于 2017-5-18 19:08 | 显示全部楼层
看了楼主的帖子,我只想说一句很好很强大!
本楼回复(0) 收起
如何让别人关注你?点击设置签名 签名加图教程
回复 支持 反对

使用道具 举报

广播台

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

CGJOY
CGJOY培训基地
游戏动画培训
游戏特效培训
CGJOY教程
游戏资源网
CG模型下载
软件插件下载
AE下载
视频教程下载
游戏开发论坛
游戏动画论坛
游戏特效论坛
游戏原画论坛
游戏UI论坛
在线视频教程
游戏引擎
unity3d论坛
UDK论坛
Gamebryo论坛
CryEngine论坛
其他引擎论坛

Powered by Discuz! X3 © 2001-2013 Comsenz Inc. QQ| 广告联系|网站地图|小黑屋| CGJOY ( 沪ICP备12032161号 )      360网站安全检测平台

快速回复 返回顶部 返回列表