1、利用基础颜色实现扁平化渲染
2、创建多边形描边
3、创建法线描边
4、完善描边效果

后期处理体积:用于应用或修改渲染到屏幕上的视觉效果,自定义后期处理材质通过改动渲染缓冲(在渲染画面上叠加RGB值)来实现独特的视觉效果。

扁平化风格渲染:创建扁平化着色、描边、绘画风格等效果,并将其应用于整个关卡或特定Actor。

0、创建后期处理体积并按如下设置

启用无限范围:后期处理体积设置-无限范围(无边界)打勾

关闭眼部适应并禁用曝光度补偿:镜头-曝光度-最低/最高亮度均设为1,曝光度补偿为0

关闭动态模糊:渲染特征-动态模糊-Amount设为0

1、利用基础颜色实现扁平化渲染

新建后期处理材质,材质域选择“后期处理”

调用"场景纹理:基础颜色"节点到自发光颜色上

应用到场景中的后期处理体积即可

由于项目渲染设置"抗锯齿方法"被设置为"TemporalAA"即"临时抗锯齿",使图像产生了异常抖动和边缘锯齿,需将材质细节面板-后期处理材质-可混合位置设为"色调映射前"。

下图为"色调映射后":在后期处理的最后阶段从低动态范围空间提取GBuffer

下图为"色调映射前":在高动态范围空间内提取GBuffer

2、创建多边形描边

思路:基于场景深度数据,分别绘制出多边形上下左右的描边,并把多边形内部基础颜色加进来

依旧新建后期处理材质

按如下操作绘制多边形顶部描边

应用到后期处理体积

效果如下

多边形底部描边只需要修改UV常量中的V为-1即可

合并顶部描边和底部描边后效果如下,

接着把基础颜色加进来

同理添加左右两侧的描边,并把轮廓线绘制成黑色

3、创建法线描边

在多边形描边示例的基础上,基于关卡世界法线的边缘计算线条,以便在几何体细节中创建线条。

法线描边效果如下(未去饱和度):

混合了多边形描边和法线描边后效果如下:

4、完善描边效果

调整优化描边线条的粗细、对比度、质量。

主要是通过添加参数,对描边结果进行修改,其中修改对比度为幂运算。


可在仅光照视图下查看绘制效果

可调整至效果满意为止

UE4后期处理材质:扁平化风格描边相关推荐

  1. AI教程!教你绘制扁平化风格的卡通人物肖像(四人组合篇)

    编者按:今天@鱼过无声design 的教程教大家来绘制四个卡通人物头像,操作不难,但成就感满满,有很多同学已经给自己做了专属头像,木有的赶紧来试试. 系列教程:<AI教程!教你绘制扁平化风格的卡 ...

  2. ps手机计算机图标教程,PS手机图标绘制教程:手绘时尚大方的扁平化风格手机APP图标。PS-站长资讯中心...

    PS手机图标绘制教程:手绘时尚大方的扁平化风格手机APP图标.初稿 步骤 02 制作时钟底盘 2.1 新建540*540px的圆,命名为[圆-1]并为其添加图层样式. 2.2 新建460*460px的 ...

  3. Html5和Css3扁平化风格网页

    前言 扁平化概念的核心意义 去除冗余.厚重和繁杂的装饰效果.而具体表现在去掉了多余的透视.纹理.渐变以及能做出3D效果的元素,这样可以让"信息"本身重新作为核心被凸显出来.同时在设 ...

  4. 【干货分享】使用Inno Setup设计扁平化风格的安装包

    前言: 本文将提供一个通用的扁平化风格安装包模板.模板参考有道云设计,兼容win10.win7等操作系统. 模板及相关软件学习资料下载路径: 链接:https://pan.baidu.com/s/1u ...

  5. 扁平化风格博客——后续

    之前Po出的扁平化风格源码,只用了HTML5+CSS3(具体详见http://blog.csdn.net/ansheng02/article/details/78618750),这次的后续将会添加上侧 ...

  6. html按钮扁平化,HTML5和CSS3扁平化风格博客教程的资源分享

    本课程通过CSS3扁平化风格博客的实例详细讲解,让大家更容易理解常规网页的组成部分,灵活的使用不同部分WEB组件,理解它的构成思想,以及网页灵活的布局和设计.我们也可以由宏观到微观去掌握整体的布局. ...

  7. android4.4风格,Android 4.4消息汇总 扁平化风格来袭

    1.奇巧(KitKat)味儿的Android 4.4 Android 4.4标志着谷歌首次在Android的代号上和食品商展开合作.双方也联合展开了一场规模盛大的营销活动:据称有5000万盒Andro ...

  8. Ubuntu设置扁平化风格桌面

    ubuntu上比较好的一款扁平化风格的主题是.Flatabulous是针对Ubuntu和其他基于Linux.debian的Flat主题,Flatabulous是基于Ultra-Flat主题,一个扁平化 ...

  9. 资源收藏:扁平化风格的图标

    25套扁平化风格的图标 下载地址:http://blog.ithomer.net/2014/08/25-flat-style-icon/ (后续有待更新~~~)

最新文章

  1. java.lang.NullPointerException: Attempt to invoke virtual method ‘boolean java.lang.String.equals(j
  2. python0b1010_笔记-python-字符串格式化-format()
  3. oracle中触发器的讲解
  4. 锁、C#中Monitor和Lock以及区别
  5. 项羽java_Java中高级面试题
  6. MMN实用架构过程概览
  7. 重启模块与及关开邮件存储设置功能页面-PHP-shell-py
  8. 4.3串的模式匹配算法(BF算法)
  9. mongo(四)索引
  10. linux-权限操作,数字法
  11. Netfilter分析
  12. 深度学习-吴恩达-笔记-1-深度学习引言
  13. layUI 选中表格 checkbox
  14. 如何优雅的输出PHP调试信息
  15. K8s宣布弃用Docker?千万别慌!
  16. 基于各国贷款数据的可视化分析(含python代码)
  17. 父与子一起学python3_父与子的编程之旅(与小卡特一起学Python第3版全彩印刷)/图灵程序设计丛书...
  18. 【Matlab】利用matlab画圆
  19. DA14580与ADXL362应用
  20. Oracle项目管理系统之合同基本信息

热门文章

  1. C++ 标准库查询参考网站(收藏)
  2. java判断时间是否超过24小时_判断两个日期是否超过24小时!
  3. 增长复盘|我们在小程序实现裂变!日拉新1000+
  4. 小程序 - 折线图画法
  5. PyCharm - 码云(Gitee)
  6. weka 执行结果MySQL_WEKA数据解析实验.doc
  7. react-native抽奖转盘制作
  8. qt4.8与达梦数据库间的插入和更新字符串数值问题
  9. C++define宏的边际效应
  10. 人家好害羞啦主题主题下载