如何在Unreal 5中仅对UI后方的背景添加模糊效果

针对你Archviz项目的需求，这里给你两个实用的原生实现方法：

方法一：UMG模糊控件+渲染目标（精准控制UI后方模糊） #

• 打开你的UMG蓝图，拖入一个Blur控件，把它放在需要加模糊的UI元素下方（在层级面板调整顺序，确保Blur处于目标UI的底层）
• 在Blur控件的Details面板找到Blur Strength参数，直接调整数值——Archviz场景里15-25的数值效果比较自然，不会过度模糊
• 要是只想模糊UI后方的场景（而非整个屏幕），给Widget绑定Render Target：先在内容浏览器创建一个Render Target资产，回到Widget的Details面板，把这个资产拖进Render Target选项。这样Widget会单独把自身及后方场景渲染到这个目标上，Blur控件只处理这块区域的内容

方法二：后处理层+UI遮罩（适合大范围UI后方模糊） #

• 在场景里放置一个Post Process Volume，在Details面板勾选Infinite Extent (Unbound)，让它覆盖整个场景
• 找到后处理的Blur模块，开启Gaussian Blur，先把模糊强度调到合适值；此时整个屏幕会模糊，需要添加遮罩限制范围
• 回到UMG制作遮罩Widget：拖入Canvas Panel，把背景色设为纯黑，在需要模糊的区域（UI元素后方位置）用Mask控件挖空，或者直接把对应区域的透明度设为0
• 将这个遮罩Widget渲染到新的Render Target，回到Post Process Volume的Blur模块，把该Render Target设为模糊遮罩——这样只有遮罩挖空的区域（UI后方）会被模糊，其余区域保持清晰

Archviz项目专属小优化 #

• 由于Archviz场景面数较多，Render Target别设太高分辨率，比如设为屏幕分辨率的70%左右，既能保证效果，又不会拖垮性能
• 如果做实时交互的Archviz，建议开启Temporal Blur，模糊效果更平滑，性能消耗也比普通高斯模糊低

内容的提问来源于stack exchange，提问作者AlienBruh