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 分钟前
网络原理 TCP/IP
java·学习
后藤十八里3 小时前
Python格式化字符串的四种方法
开发语言·python·学习
球求了5 小时前
Linux 入门:操作系统&&进程详解
linux·运维·服务器·开发语言·学习
李匠20245 小时前
C++负载均衡远程调用学习之负载均衡算法与实现
运维·c++·学习·负载均衡
CodeCipher5 小时前
Java后端程序员学习前端之CSS
前端·css·学习
李匠20245 小时前
C++负载均衡远程调用学习之Agent代理模块基础构建
c++·学习
blackA_6 小时前
数据库MySQL学习——day8(复习与巩固基础知识)
数据库·学习·mysql
每次的天空6 小时前
Android学习总结之GetX库篇(场景运用)
android·javascript·学习
xiaohanbao098 小时前
day16 numpy和shap深入理解
python·学习·机器学习·信息可视化·numpy·pandas
琹箐8 小时前
VSCode Auto Rename Tag插件不生效
ide·vscode·编辑器