在上次不成熟的重现“秒速五厘米”场景后，这次又来尝试还原“哈尔的移动城堡”的花园。

老规矩先附上参考资料：B站up主“业余何师傅”版本的不透明水彩画

再附上UE4还原的效果:

简单的展示视频：

不过这次分享的重点不是这个作品的制作，而是作品里草地是如何实现的。那么话不多说，直奔主题：

风格化草地（吉卜力风格）制作思路分享

看过吉卜力系列电影的朋友都知道，电影中的草地总是那么细腻而柔和。

那如此美丽的草地在虚幻4中如何实现呢？

美丽的草地

首先通过观察可以发现，风格化草地没有过多的光影表现，即草与草之间连成一片片“干净简洁”的色块，这是实现风格化草地的重点。

其次，看似绿色的草地蕴含着许多颜色，且不同色块之间过渡自然“给草地赋予丰富的色彩”这是另一个重点。

下面来逐个具体说明：（在此之前，先给个纯色作为草的颜色）

一.干净简洁

所谓干净简洁就是草与草之间不会产生杂乱的视觉效果

此处需要做两件事：取消草的投射阴影、修改草的法线使法线全部紫蓝色

如图：

更多精彩图片 请登录

原始状态

更多精彩图片 请登录

取消阴影

更多精彩图片 请登录

取消阴影、修改法线

至此我们完成了第一步，让草地看起来干净简洁。但是，这未免干净过头了，像假的一样。

于是我们就得伪造阴影，让草看起来更自然些：给草一个上下方向由深到浅的的颜色渐变

如图：

更多精彩图片 请登录

伪造阴影

二.丰富的色彩

获得干净简洁的草地后，接下来要考虑的就是丰富的色彩。

观察参考图片发现，草地大致可分为三种颜色：绿色，黄绿色，蓝绿色（原谅我不标准的颜色描述）

此前，我们已经把绿色作为草的基础颜色，所以接下来只需要再用Noise来添加黄绿色，蓝绿色到草地上，具体操作如下：

更多精彩图片 请登录

部分节点

把颜色2作为混合下一个颜色的基础颜色（重复以上连法）

更多精彩图片 请登录

Noise贴图

当然为了更好的效果，可以给noise贴图添加更多功能，比如调对比度，旋转，缩放等等

最终效果如下图：

更多精彩图片 请登录

用Noise添加黄绿色，蓝绿色

更多精彩图片 请登录

更多精彩图片 请登录

做完收工，大伙学会了吗？

写在最后：

在实际应用之中，只有一种草是很单调的，所以需要添加几种不同的草，来丰富草地。这次的风格化草地制作只是给大家提供一个基础的制作思路，属于个人闲暇时间的一次不成熟的尝试，并不代表最好的做法，在此欢迎有其他想法的朋友交流讨论。最后希望这篇文章能够给各位带来些许启发。

Enjoy it

原文链接：https://zhuanlan.zhihu.com/p/272734944?utm_source=wechat_session&utm_medium=social&s_r=0

讲解的很棒

nice，带劲。

很好的资源，感谢分享。

厉害厉害，我最近正在学习和尝试手绘风格的场景制造，学到了，虽然我学习的是Unity但是思路可以用，谢谢谢谢，明天就尝试一下

我和别人的小伙伴们都懵。。。懵逼了      

我和别人的小伙伴们都懵。。。懵逼了      

别人的小伙伴们都懵。。。懵逼了   

牛逼  学习到了

感谢楼主分享谢谢

感谢分享

牛逼  学习到了

有源文件放出来吗

一个人有美感才是最重要的，厉害。

感謝分享

dalaodalaodalao

这个很有意思，谢谢大佬！

看到有个SD编辑shader,还没搞明白,虚幻的改天试一下

太感谢楼主了，这种授人以渔的贴纸最棒了