查看: 1563|回复: 31
[Unreal UE4引擎] 风格化的喷泉特效(教程更新版)

167

薇星辰

13

薇积分

447

精灵币

二星会员

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

发表于 2018-1-5 19:49
偶然的情况下看到了这样的手绘喷泉特效,觉得非常有意思。很简约,但水却很生动。
cgwell风格化的喷泉特效(教程更新版)29 作者:南滨小草 帖子ID:51683

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

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



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

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

前两张选一个用于左右移,第三张用于中间水的裂开。这我在ps里一次性就画好了,灰常简单,大家自己可以玩玩。

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

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

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

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

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

那高光呢?也是很简单,用下面的贴图,与本色相加,再扰动它的uv就可以模拟高光不稳定的效果了(最后连到自发光节点)。
cgwell风格化的喷泉特效(教程更新版)92 作者:南滨小草 帖子ID:51683 cgwell风格化的喷泉特效(教程更新版)31 作者:南滨小草 帖子ID:51683 cgwell风格化的喷泉特效(教程更新版)86 作者:南滨小草 帖子ID:51683

水帘最终效果:
cgwell风格化的喷泉特效(教程更新版)4 作者:南滨小草 帖子ID:51683

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

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

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


颜色和水帘一样,关键是透明度,参考下图,从它的特征看出,水应该在末端溶解。
cgwell风格化的喷泉特效(教程更新版)26 作者:南滨小草 帖子ID:51683

实现方式看节点。
cgwell风格化的喷泉特效(教程更新版)49 作者:南滨小草 帖子ID:51683

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

最后是这个水面啦。
请看模型。
cgwell风格化的喷泉特效(教程更新版)21 作者:南滨小草 帖子ID:51683

先说透明度,这个我参照ue4官方的透明水的表现方式,让它有个深浅的透明度变化,越深的地方透明度越低,看起来越暗。节点如下,能不能理解,就看你的数学功底了。

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

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

水的颜色呢?这里的水因为有水落下,所以不应该是平静的,而应该是扰动的,也就是有那种碧波荡漾的效果。这个我通过两张黑白图互相溶解来实现,因为水面uv是径向的,所以贴上去就可以一圈一圈的荡漾了,黑白再各种插值各自的颜色就ok了。

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

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



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






评分

参与人数 1精灵币 +10 收起 理由
虾米煎蛋 + 10 这等干货还不加精??

查看全部评分




上一篇:真实体积雾(云)许久没来发帖,发下最近新搞的点事
下一篇:萌新做的特效求大佬指点

187

薇星辰

4

薇积分

334

精灵币

二星会员

发表于 2018-1-6 11:15
不出教程只炫技就是耍流氓,质感调一下啊,透亮一点~
楼层回复(0) 收起

484

薇星辰

0

薇积分

1470

精灵币

三星会员

发表于 2018-1-6 10:36
不出教程只炫技就是耍流氓,质感调一下啊,透亮一点~
楼层回复(0) 收起

712

薇星辰

0

薇积分

2811

精灵币

三星会员

回归会员

发表于 2018-1-6 10:01
cgwell风格化的喷泉特效(教程更新版)50 作者:萌氏物语 帖子ID:51683不出教程只炫技就是耍流氓,质感调一下啊,透亮一点~
楼层回复(0) 收起

482

薇星辰

42

薇积分

4763

精灵币

三星会员

薇儿被上了100天一年相伴 感谢有你

发表于 2018-1-6 08:58
出教程啊大佬,那水的模型怎么做的会有那样的动态
楼层回复(0) 收起

442

薇星辰

62

薇积分

3305

精灵币

三星会员

发表于 2018-1-6 09:07



溅起的水花是怎么做到这么精的
楼层回复(0) 收起
男人要感性一点。

535

薇星辰

0

薇积分

441

精灵币

三星会员

发表于 2018-1-6 12:27
不出教程只炫技就是耍流氓
楼层回复(0) 收起

348

薇星辰

3

薇积分

173

精灵币

二星会员

CGwell游戏特效01期学员CGwell游戏特效04期学员

发表于 2018-1-6 11:33
不出教程只炫技就是耍流氓
楼层回复(0) 收起

934

薇星辰

54

薇积分

5443

精灵币

三星会员

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

发表于 2018-1-6 09:36
不出教程只炫技就是耍流氓cgwell风格化的喷泉特效(教程更新版)31 作者:白银 帖子ID:51683
楼层回复(0) 收起

484

薇星辰

0

薇积分

1470

精灵币

三星会员

发表于 2018-1-6 11:28
你是用序列图片实现的吧cgwell风格化的喷泉特效(教程更新版)32 作者:Louis 帖子ID:51683
楼层回复(0) 收起

390

薇星辰

8

薇积分

3641

精灵币

三星会员

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

发表于 2018-1-5 20:00
厉害啊,大佬

楼层回复(0) 收起

647

薇星辰

9

薇积分

1143

精灵币

三星会员

CGwell游戏特效01期学员

发表于 2018-1-5 20:00
看着很舒服啊
楼层回复(0) 收起

发表于 2018-1-5 20:02
来个教程cgwell风格化的喷泉特效(教程更新版)14 作者:头像是我老婆:) 帖子ID:51683
楼层回复(0) 收起

717

薇星辰

6

薇积分

1120

精灵币

三星会员

发表于 2018-1-5 20:29
大佬啊!
楼层回复(0) 收起

524

薇星辰

10

薇积分

12

精灵币

三星会员

发表于 2018-1-5 20:56

来个教程cgwell风格化的喷泉特效(教程更新版)37 作者:溢彩星空 帖子ID:51683
楼层回复(0) 收起

545

薇星辰

-6

薇积分

201

精灵币

三星会员

发表于 2018-1-5 21:00
很棒
楼层回复(0) 收起

574

薇星辰

1

薇积分

815

精灵币

三星会员

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

发表于 2018-1-5 21:01
很棒
楼层回复(0) 收起

507

薇星辰

6

薇积分

1121

精灵币

三星会员

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

发表于 2018-1-5 21:13
很棒
楼层回复(0) 收起

425

薇星辰

10

薇积分

3489

精灵币

三星会员

CGwell游戏特效01期学员CGwell游戏特效04期学员

发表于 2018-1-5 21:19
不错 咋做的呀
楼层回复(1) 收起

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

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

CG薇儿热门讨论X

关于CGwell整改的若干个通知

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

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