URP 线性空间 ui资源制作规范

前言:

关于颜色空间的介绍,可参阅 unity 文档 Color space

URP实现了基于物理的渲染,为了保证光照计算的准确,需要使用线性空间;

使用线性空间会带来一个问题,ui资源在unity中进行透明度混合时,与PS中的效果不一致;

原理:

使用线性空间时,伽马空间制作的贴图在采样时需移除伽马编码转化为线性空间中的值,透明度混合是基于线性值进行的;而在PS中,混合是基于当前的伽马值进行的,因此导致unity中的效果与ps中的不匹配;为了实现PS中的效果与Unity中的匹配,需在PS中需进行相关的设置,以达到使用线性空间中的值进行透明度混合;

制作规范:

PS 编辑 > 颜色设置:

注意,PS的工作空间位于 sRGB 伽马空间中,只是透明度混合时使用伽马值对应的线性值进行混合,以达到和unity相同的计算处理;

顺便一提,如果需要PS工作在线性空间,则需要自定义 RGB工作空间:

(线性空间下灰度系数为1)

图片制作好后,注意保存文件时 是否转化为 sRGB:

由于我们工作空间 RGB 已经设置为 sRGB IEC61966-2.1,保存文件时勾不勾选 sRGB都没有影响,因为已经位于sRGB工作空间;这里需要注意,如果工作空间不是 sRGB,保存文件勾选sRGB的话会转化到sRGB中,使得保存图像的颜色值与在 PS 看到的有些许差别,因此保存文件时就不需要勾选 转化为sRGB,使用原来的色彩空间;

实验时创建3个图层,对应3张png图片:

(红绿蓝颜色值分别为128,不透明度为50%),导出3张png图片到Unity;

Unity贴图设置:

(由于我们的贴图是在伽马空间制作的,需要勾选 sRGB 来转换到线性空间)

使用 UGUI 显示图片结果为:

(左边ugui显示,右边ps显示,结果是一样的)

对于半透明文本:

(PS)

(Unity)

显示颜色也是一样的;

参阅别人的文档时,发现在用灰度系数1混合RGB颜色时,PS合并图层有问题,但是笔者使用的PS2022功能是正常的,应该是PS修复了Bug了吧;

参阅文档:

Unity & PS Linear Workflow - Unity 和 PS 的线性工作流实践 - 简单配置示例

相关推荐
向宇it4 小时前
【unity小技巧】在 Unity 中将 2D 精灵添加到 3D 游戏中,并实现阴影投射效果,实现类《八分旅人》《饥荒》等等的2.5D游戏效果
游戏·3d·unity·编辑器·游戏引擎·材质
向宇it7 小时前
Unity Universal Render Pipeline/Lit光照材质介绍
游戏·unity·c#·游戏引擎·材质
共享ui设计和前端开发人才7 小时前
数字孪生技术引领UI前端设计新风向:跨领域数据融合的可视化
ui
UI设计和前端开发从业者9 小时前
大数据时代UI前端的智能化转型之路:以数据为驱动的产品创新
大数据·前端·ui
__water20 小时前
RHA《Unity兼容AndroidStudio打Apk包》
android·unity·jdk·游戏引擎·sdk·打包·androidstudio
desssq1 天前
嘉立创黄山派下载watch ui demo 教程(sf32)
ui·嵌入式·嘉立创·黄山派
写不出来就跑路1 天前
基于 Vue 3 的智能聊天界面实现:从 UI 到流式响应全解析
前端·vue.js·ui
两水先木示1 天前
【Unity3D】微信小游戏适配安全区域或胶囊控件(圆圈按钮)水平高度一致方案
unity·微信小游戏·安全区域·ui适配·胶囊控件·safearea
枯萎穿心攻击1 天前
ECS由浅入深第三节:进阶?System 的行为与复杂交互模式
开发语言·unity·c#·游戏引擎
不绝1911 天前
怪物机制分析(有限状态机、编辑器可视化、巡逻机制)
网络·游戏·unity·游戏引擎