查看: 6333|回复: 144
[特效设计研究向] 风格化的喷泉特效(教程更新版)

167

薇星辰

13

薇积分

447

精灵币

二星会员

回归会员CGwell游戏特效03期学员CGwell游戏特效04期学员

发表于 2018-1-8 13:27
(之前的帖子编辑后就发不出来,只好重开一帖)
偶然的情况下看到了这样的手绘喷泉特效,觉得非常有意思。很简约,但水却很生动。
cgwell风格化的喷泉特效(教程更新版)44 作者:南滨小草 帖子ID:52374

所以筹划着将它3d化用引擎实现,这几天弄完了感觉还不错,特来分享。感觉这种特效若是用在风格化的游戏里的话实在太合适了。

模型的话尤其那条fish大家可以无视cgwell风格化的喷泉特效(教程更新版)4 作者:南滨小草 帖子ID:52374
教程更新:
应广大群众要求(好像也没几个人),看来我还是得来个教程,把该装的逼装完。
那么开始吧!我先把这个特效分成几个部分。
先是这个溢出来的水帘的效果。
我从那个我所参考的gif里观察到,能让人感觉到水是溢出来而非稳定流下的原因在于:
1,水会左右移动,并且粗细会有变化。这个很好理解,因为水量和来源不稳定,总是一波一波的溢出,我们生活的经验也是如此。
2,会有一波一波起伏的浪出来,形态就好像我们纵向甩一根绳子似的,这明显能让水生动很多。
那接下来该如何表现这些呢?
首先是模型,这个不用多说吧,这一圈水帘都是这一个模型缩放复制的


cgwell风格化的喷泉特效(教程更新版)16 作者:南滨小草 帖子ID:52374


对于左右移动,我所用的方式其实出奇的简单。大家请看下图。


cgwell风格化的喷泉特效(教程更新版)6 作者:南滨小草 帖子ID:52374 cgwell风格化的喷泉特效(教程更新版)98 作者:南滨小草 帖子ID:52374 cgwell风格化的喷泉特效(教程更新版)100 作者:南滨小草 帖子ID:52374
前两张选一个用于左右移,第三张用于中间水的裂开。这我在ps里一次性就画好了,灰常简单,大家自己可以玩玩。

连到透明节点,通过v方向的uv滚动,效果就出来了。

cgwell风格化的喷泉特效(教程更新版)97 作者:南滨小草 帖子ID:52374    
cgwell风格化的喷泉特效(教程更新版)95 作者:南滨小草 帖子ID:52374                           

至于起伏的浪,这个需要用到材质的顶点置换的功能。只需要用下面这样的贴图与法线方向相乘就能让模型白色那部分沿法线方向隆起cgwell风格化的喷泉特效(教程更新版)28 作者:南滨小草 帖子ID:52374,再乘以渐变是为了让隆起效果由弱变强,再滚动uv,你懂的。
cgwell风格化的喷泉特效(教程更新版)12 作者:南滨小草 帖子ID:52374
cgwell风格化的喷泉特效(教程更新版)12 作者:南滨小草 帖子ID:52374
cgwell风格化的喷泉特效(教程更新版)48 作者:南滨小草 帖子ID:52374


最后是水本身的质地了,注意,我这个材质是unlit模式的,不需要灯光,但我们可以模拟一个方向光以获取明暗,因为我们的特效定位是风格化的,单色就可以,再加细节便是多余了。

那高光呢?也是很简单,用下面的贴图,与本色相加,再扰动它的uv就可以模拟高光不稳定的效果了(最后连到自发光节点)。

cgwell风格化的喷泉特效(教程更新版)98 作者:南滨小草 帖子ID:52374

cgwell风格化的喷泉特效(教程更新版)78 作者:南滨小草 帖子ID:52374

cgwell风格化的喷泉特效(教程更新版)40 作者:南滨小草 帖子ID:52374


水帘最终效果:



cgwell风格化的喷泉特效(教程更新版)32 作者:南滨小草 帖子ID:52374

好,那下一部分,就是水帘落下溅起的水花。这个大家一般都会想到用粒子吧?我也用粒子试了试,感觉都不好,后来用面片,感觉又好又简单。
用个这样的小贴图。同样是扰动该帖图。该面片模型可直接从水帘模型底下截取,保留uv,透明度上乘以原来的左右滚动,正好和水帘对应,像是跟随水帘溅起的水花(这个水比较安静,水花小小的就好)。
cgwell风格化的喷泉特效(教程更新版)21 作者:南滨小草 帖子ID:52374 cgwell风格化的喷泉特效(教程更新版)8 作者:南滨小草 帖子ID:52374                               

然后是这个鱼吐出的水,请看模型。


cgwell风格化的喷泉特效(教程更新版)28 作者:南滨小草 帖子ID:52374


颜色和水帘一样,关键是透明度,参考下图,从它的特征看出,水应该在末端溶解。

cgwell风格化的喷泉特效(教程更新版)26 作者:南滨小草 帖子ID:52374

实现方式看节点。

cgwell风格化的喷泉特效(教程更新版)31 作者:南滨小草 帖子ID:52374

当然,这个和水帘一样,也是要置换效果的,可以让喷泉规律性上下跳动。cgwell风格化的喷泉特效(教程更新版)78 作者:南滨小草 帖子ID:52374

cgwell风格化的喷泉特效(教程更新版)58 作者:南滨小草 帖子ID:52374

最后是这个水面啦。
请看模型。

cgwell风格化的喷泉特效(教程更新版)14 作者:南滨小草 帖子ID:52374

先说透明度,这个我参照ue4官方的透明水的表现方式,让它有个深浅的透明度变化,越深的地方透明度越低,看起来越暗。节点如下,能不能理解,就看你的数学功底了。
cgwell风格化的喷泉特效(教程更新版)70 作者:南滨小草 帖子ID:52374

cgwell风格化的喷泉特效(教程更新版)3 作者:南滨小草 帖子ID:52374



补充一下,不管是水帘还是水面,在边缘的顶点颜色都是0,这样就不会有切边显得突兀。

水的颜色呢?这里的水因为有水落下,所以不应该是平静的,而应该是扰动的,也就是有那种碧波荡漾的效果。这个我通过两张黑白图互相溶解来实现,因为水面uv是径向的,所以贴上去就可以一圈一圈的荡漾了,黑白再各种插值各自的颜色就ok了。
cgwell风格化的喷泉特效(教程更新版)31 作者:南滨小草 帖子ID:52374

cgwell风格化的喷泉特效(教程更新版)72 作者:南滨小草 帖子ID:52374



基本上就这样了,这里只说一些思路和表现方式,具体细节大家有兴趣自己去尝试。
还有问题的话请在评论区留言,或加我微信:j1527239317




cgwell风格化的喷泉特效(教程更新版)7 作者:南滨小草 帖子ID:52374

评分

参与人数 19精灵币 +135 薇积分 +7 收起 理由
大洪 + 5 + 2 你让我眼前一亮,期待看到你更多的作品!.
夜迹 + 6 感谢大佬无私分享!
黑板 + 10 学习了,贼6
鱼蛋佬丶 + 5 你就是游戏特效之星
牛嬭ˋのˊ咖啡 + 10 赞一个!赞一个!赞一个!
衣柜里的老王 + 10 老哥你真是厉害
aiabin + 5 啥也不说了,精灵币是你的了
木子君 + 6 厉害 无敌
秋山辽 + 10 简直强无敌
nemo + 10 赞一个!
Waier + 6 给你一个B,证明我爱过
木木丶 + 10 你就是游戏特效之星
佛陀的微笑 + 10 你就是游戏特效之星
路飞 + 6 赞一个!
Torresliza + 6 感谢大佬分享知识!
喵酱 + 5 + 5 你让我眼前一亮,期待看到你更多的作品!.
莯鱼 + 6 啥也不说了,精灵币是你的了
大AD + 6 6
音音音 + 3 666

查看全部评分




上一篇:Unity Stylized VFX (Assetstore)
下一篇:U3D2017版的辉光插件,怎么缓慢出现

120

薇星辰

-1

薇积分

329

精灵币

二星会员

发表于 2018-1-26 08:49
筹划着将它3d化用引擎实现,这几天弄完了感觉还不错,特来分享。感觉这种特效若是用在风格化的游戏里的话实在太合适
楼层回复(0) 收起

191

薇星辰

15

薇积分

1774

精灵币

二星会员

发表于 2018-1-21 23:12




嘘因为我是三星会员,不用回复就能看隐藏贴。三星会员了不起啊,嗯~sorry~,三星会员就
是这么了不起!还能为所欲为!
楼层回复(0) 收起

379

薇星辰

10

薇积分

3510

精灵币

三星会员

CGwell游戏特效02期学员一年相伴 感谢有你薇儿被上了100天二年相伴 感谢有你

发表于 2018-1-9 09:51
嘘因为我是三星会员,不用回复就能看隐藏贴。三星会员了不起啊,嗯~sorry~,三星会员就
是这么了不起!还能为所欲为!
楼层回复(0) 收起

137

薇星辰

-16

薇积分

721

精灵币

二星会员

发表于 2018-1-9 09:02
嘘因为我是三星会员,不用回复就能看隐藏贴。三星会员了不起啊,嗯~sorry~,三星会员就
是这么了不起!还能为所欲为!

楼层回复(0) 收起

137

薇星辰

-16

薇积分

721

精灵币

二星会员

发表于 2018-1-9 09:01
嘘因为我是三星会员,不用回复就能看隐藏贴。三星会员了不起啊,嗯~sorry~,三星会员就
是这么了不起!还能为所欲为!

楼层回复(0) 收起

137

薇星辰

-16

薇积分

721

精灵币

二星会员

发表于 2018-1-9 09:01
嘘因为我是三星会员,不用回复就能看隐藏贴。三星会员了不起啊,嗯~sorry~,三星会员就
是这么了不起!还能为所欲为!

楼层回复(0) 收起

137

薇星辰

-16

薇积分

721

精灵币

二星会员

发表于 2018-1-9 08:59
嘘因为我是三星会员,不用回复就能看隐藏贴。三星会员了不起啊,嗯~sorry~,三星会员就
是这么了不起!还能为所欲为!

楼层回复(0) 收起

137

薇星辰

-16

薇积分

721

精灵币

二星会员

发表于 2018-1-9 08:59
嘘因为我是三星会员,不用回复就能看隐藏贴。三星会员了不起啊,嗯~sorry~,三星会员就
是这么了不起!还能为所欲为!

楼层回复(0) 收起

137

薇星辰

-16

薇积分

721

精灵币

二星会员

发表于 2018-1-9 08:59
嘘因为我是三星会员,不用回复就能看隐藏贴。三星会员了不起啊,嗯~sorry~,三星会员就
是这么了不起!还能为所欲为!

楼层回复(0) 收起

137

薇星辰

-16

薇积分

721

精灵币

二星会员

发表于 2018-1-9 08:58
嘘因为我是三星会员,不用回复就能看隐藏贴。三星会员了不起啊,嗯~sorry~,三星会员就
是这么了不起!还能为所欲为!

楼层回复(0) 收起

1

薇星辰

-1

薇积分

359

精灵币

一星会员

回归会员

发表于 2018-1-8 14:06
非常感谢楼主
楼层回复(0) 收起

635

薇星辰

499

薇积分

13万

精灵币

管理员

一年相伴 感谢有你二年相伴 感谢有你薇儿被上了100天CGwell游戏特效03期学员CGwell游戏特效04期学员

发表于 2018-1-8 14:09

非常感谢楼主
楼层回复(0) 收起

74

薇星辰

15

薇积分

765

精灵币

二星会员

发表于 2018-1-8 14:11
123
楼层回复(0) 收起

74

薇星辰

15

薇积分

765

精灵币

二星会员

发表于 2018-1-8 14:11
ahhh
楼层回复(0) 收起

74

薇星辰

15

薇积分

765

精灵币

二星会员

发表于 2018-1-8 14:11
加油加油
楼层回复(0) 收起

74

薇星辰

15

薇积分

765

精灵币

二星会员

发表于 2018-1-8 14:12
精灵币我来了
楼层回复(0) 收起

74

薇星辰

15

薇积分

765

精灵币

二星会员

发表于 2018-1-8 14:12
加一
楼层回复(0) 收起

74

薇星辰

15

薇积分

765

精灵币

二星会员

发表于 2018-1-8 14:12
好了吗
楼层回复(0) 收起

74

薇星辰

15

薇积分

765

精灵币

二星会员

发表于 2018-1-8 14:12
789
楼层回复(0) 收起

您需要登录后才可以回帖 登录 | 普通注册

本版积分规则 回复 诸如“sadasdasf”“撒旦撒旦撒范围为” 将被直接禁言 快捷回复内容选择:

CG薇儿热门讨论X

关于CGwell整改的若干个通知

希望大家和薇儿一起加油,共同热爱这片社区,多多发表内容和交流,感谢大家...

参加讨论查看详情
快速回复 返回列表 客服中心
快速回复 返回顶部 返回列表