UE4后期处理材质：扁平化风格描边

最新推荐文章于 2023-09-07 15:55:24 发布

Px杨

最新推荐文章于 2023-09-07 15:55:24 发布

阅读量2.1k

点赞数 5

分类专栏： UE4 文章标签： unreal 3d渲染游戏引擎

本文链接：https://blog.csdn.net/qq_36560524/article/details/110527295

版权

UE4 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

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

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

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

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

启用无限范围：后期处理体积设置-无限范围（无边界）打勾

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

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

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

新建后期处理材质，材质域选择“后期处理”
在这里插入图片描述

调用"场景纹理：基础颜色"节点到自发光颜色上
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4WdP482N-1606971284184)(media/image15.png)]{width="5.761111111111111in" height="2.2534722222222223in"}
应用到场景中的后期处理体积即可
在这里插入图片描述

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TgYEXVk1-1606971284186)(media/image16.png)]{width="4.946527777777778in" height="4.279166666666667in"}

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iIRBoyaW-1606971284187)(media/image17.png)]{width="4.9743055555555555in" height="4.225694444444445in"}

2、创建多边形描边

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

依旧新建后期处理材质
在这里插入图片描述

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KJbgm2Od-1606971284189)(media/image18.png)]{width="5.540972222222222in" height="2.0972222222222223in"}

应用到后期处理体积
在这里插入图片描述

效果如下
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-f48QOww5-1606971284190)(media/image19.png)]{width="5.76875in" height="2.529166666666667in"}

多边形底部描边只需要修改UV常量中的V为-1即可
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0yTufqgO-1606971284192)(media/image20.png)]{width="5.758333333333334in" height="2.576388888888889in"}

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QjS9F93P-1606971284194)(media/image21.png)]{width="5.652777777777778in" height="2.54375in"}

接着把基础颜色加进来

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Mc0I8KQX-1606971284196)(media/image22.png)]{width="5.759722222222222in" height="2.7715277777777776in"}

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RYksTvCi-1606971284198)(media/image23.png)]{width="5.767361111111111in" height="2.7847222222222223in"}

3、创建法线描边

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

法线描边效果如下（未去饱和度）：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Th9a2gx8-1606971284199)(media/image24.png)]{width="5.767361111111111in" height="3.6in"}

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MXFiFQXE-1606971284200)(media/image25.png)]{width="5.768055555555556in" height="3.5055555555555555in"}

4、完善描边效果

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pBPznxfg-1606971284202)(media/image26.png)]{width="2.640277777777778in" height="1.6395833333333334in"}

可在仅光照视图下查看绘制效果
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rDJOh2Ro-1606971284204)(media/image28.png)]{width="5.763194444444444in" height="2.8625in"}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AzXAXfzQ-1606971284206)(media/image29.png)]{width="5.759722222222222in" height="2.857638888888889in"}

可调整至效果满意为止

Px杨

关注

5
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
UE4后期处理材质：扁平化风格描边

后期处理材质：扁平化风格描边后期处理体积用于应用或修改渲染到屏幕上的视觉效果，自定义后期处理材质通过改动渲染缓冲（在渲染画面上叠加RGB值）来实现独特的视觉效果0、根据渲染风格创建后期处理体积启用无限范围：后期处理体积设置-无限范围（无边界）打勾关闭眼部适应并禁用曝光度补偿：镜头-曝光度-最低/最高亮度均设为1，曝光度补偿为0关闭动态模糊：渲染特征-动态模糊-Amount设为01、利用基础颜色实现扁平化渲染新建后期处理材质，调用"场景纹理：基础颜色"节点到自发光颜色上，应用到场景中的后期处理体
复制链接

扫一扫