UE5 制作方块边缘渐变边框效果

该效果基于之前做的(https://blog.csdn.net/grayrail/article/details/144546427)进行修改得到,思路也很简单:


1.打开实时预览

1.为了制作时每个细节调整方便,勾选Live Update中的三个选项,开启实时预览。

2.点开节点右上角的箭头,可查看实时预览效果。

2.提取边缘

3.先看下提取边缘的原理,对UV正数范围加偏移后,区间会变为[0.1 - 1.1],将其减去1以提取大于1的部分,可提取右半边边缘。同样做法,对UV负数范围反向加偏移,提取左半边边缘。

4.对UV的X和Y都作用此操作,并通过Max节点合并内容。

5.最后归一化,使用Add节点进行最终合并。

因为横向和纵向都包含边角区域,因此合并后边角会格外突出。

6.除非是有这样的美术需求,正常情况下还需要减去边角区域的高亮,这里可以使用Min节点提取该区域,增加一定系数相减。

7.最终所有节点如下:


参考:https://www.bilibili.com/video/BV1mdoBYMERv

相关推荐
悠悠~飘3 小时前
php学习(第二天)
开发语言·学习·php
zgc12453673 小时前
汇编基础1
汇编·学习
qq7798233404 小时前
PMP考试学习计划与知识大纲
学习·产品经理
索迪迈科技4 小时前
java后端工程师进修ing(研一版‖day42)
java·开发语言·学习·算法
Lecxcy_Kastreain5 小时前
解决VSCode默认F5配置无法启动调试器的问题
ide·vscode·编辑器
长安——归故李5 小时前
【modbus学习】
java·c语言·c++·学习·算法·c#
索迪迈科技5 小时前
STL库——map/set(类函数学习)
开发语言·c++·学习
我命由我123455 小时前
Excel 表格 - Excel 减少干扰、专注于内容的查看方式
学习·ui·excel·photoshop·表格·ps·美工
我命由我123455 小时前
Excel 表格 - Excel 单元格添加边框
学习·ui·excel·课程设计·photoshop·ps·美工
人生游戏牛马NPC1号6 小时前
学习 Android (二十一) 学习 OpenCV (六)
android·opencv·学习