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

相关推荐
钟离墨笺28 分钟前
Go语言学习-->从零开始搭建环境
开发语言·后端·学习·golang
我是坑货1 小时前
Spring学习笔记:Spring的基于注解的XML的详细配置
笔记·学习·spring
开开心心就好2 小时前
高效视频倍速播放插件推荐
python·学习·游戏·pdf·计算机外设·电脑·音视频
行云流水剑4 小时前
【学习记录】Element UI导入报错 * element-ui/lib/theme-chalk/index.css in ./src/main.js
css·学习·ui
清晨朝暮5 小时前
vscode不满足先决条件问题的解决——vscode的老版本安装与禁止更新(附安装包)
ide·vscode·编辑器
扮作大侠5 小时前
VScode自动添加指定内容
ide·vscode·编辑器
Eric.Lee20215 小时前
vscode实时预览编辑markdown
ide·vscode·编辑器·markdown
爱意随风起风止意难平6 小时前
003 flutter初始文件讲解(2)
学习·flutter
东京老树根6 小时前
SAP学习笔记 - 开发18 - 前端Fiori开发 应用描述符(manifest.json)的用途
笔记·学习
虾球xz6 小时前
CppCon 2014 学习:C++ Memory Model Meets High-Update-Rate Data Structures
java·开发语言·c++·学习