返回行业情报

Photoshop 3D实时取色器Chroma Space

Color Picker for Photoshop That Lets You See Hues on 3D Shapes Before Painting Them

ColgArt推出Chroma Space,一款Photoshop CEP扩展面板,内置基于Three.js的WebGL实时3D视口,可在上色前于受光3D形体上预览任意颜色的高光、暗部与反射光。支持与PS前景/背景色双向同步、吸管读取渲染视图,Pro版可调时段与材质。一次性买断29美元起,离线可用。

深度解读

ColgArt推出的Chroma Space是Photoshop的一款CEP扩展面板,核心能力是让画师在落笔之前,先在实时3D视口中看到任意颜色被光照、阴影和反射光影响后的真实效果,从而避免画面出现浑浊、死板的色彩。

这听起来像是一个小工具,但它触及的是数字绘画工作流中一个长期被忽视的断层:拾色器与画布之间的认知鸿沟。

问题本质:平面色板无法预测立体光照下的颜色

传统Photoshop拾色器给出的是一块平面色样。你在色轮上选一个暖橙色,它就是一个暖橙色——仅此而已。但当你把这个颜色画到角色脸颊、金属盔甲或天空云层上时,它会被环境光、主光源、反弹光同时作用,最终呈现的可能是完全不同的色相偏移。

开发者自己的描述很直白:

"Chroma Space started with a painter's problem. It's hard to judge a color until you see it next to other colors, and in a painting that means a lot of back and forth before a color works."

这句话点出了绘画中的核心痛点——颜色从来不是孤立存在的。一个颜色是否"对",取决于它周围有什么颜色、被什么光照亮、处于什么阴影中。传统工作流要求画师反复试错:画上去、撤销、调整、再画上去。Chroma Space试图把这个试错过程前置到选色阶段。

技术实现:WebGL + Three.js + 物理渲染

Chroma Space的3D视口并非简单的色相预览球。它基于WebGL渲染器,底层使用Three.js构建,并采用基于物理的着色(physically based shading) 来呈现颜色。

更关键的是它的光照模型。开发团队称:

"Image-based environment lighting is rebuilt from the sky, horizon, and ground colors, so reflections and bounce light follow the colors you pick."

这意味着环境光不是固定预设,而是根据你选取的天空色、地平线色和地面色动态重建。你选一个偏冷的天空蓝,物体表面的反射光就会带上冷色调;你换一个暖橙色的地面,反弹光就会把物体的暗部染暖。这种基于图像的环境光照(IBL) 在游戏引擎中早已是标配,但在Photoshop的选色环节中出现,是第一次。

双向同步与吸管取色:打通3D预览与2D画布

Chroma Space与Photoshop的前景色/背景色实现双向同步。你在3D视口中调整颜色,Photoshop的前景色实时更新;反过来,你在Photoshop中改变前景色,3D视口也会同步变化。

更有意思的是吸管工具的逻辑。它的吸管读取的是渲染后的3D视图,而非平面色板。也就是说,你可以直接从被照亮的3D物体上吸取高光色或阴影色,然后直接用于绘画。这解决了一个实际问题:画师经常需要手动混合出"高光应该是什么颜色",而现在可以直接从物理正确的光照结果中采样。

GPU节流:一个被低估的工程细节

原文提到一个容易被忽略但很重要的细节:

"The tool throttles its lighting updates without overloading the GPU, sharing it with Photoshop instead."

Photoshop本身对GPU资源的需求已经不低,尤其是在处理大尺寸画布、多图层和滤镜时。如果Chroma Space的3D视口无节制地占用GPU,整个工作流会变得卡顿甚至不可用。GPU节流意味着它在后台智能控制光照更新的频率,把GPU资源让给Photoshop主进程。这是一个工程上的务实选择,也说明开发者理解画师的实际工作场景——没有人愿意为了预览一个颜色而牺牲画笔的流畅度。

Pro版的时间滑块与材质系统:从选色工具到光照模拟器

基础版解决的是"这个颜色在标准光照下长什么样"。Pro版则进一步引入了时间滑块,允许你移动天空和阴影颜色来模拟不同时段的光照条件。早晨的冷蓝光、正午的硬白光、黄昏的暖橙光——同一个颜色在不同时段下的表现截然不同。

此外,Pro版还支持Depth Fog(深度雾)、Reflectivity(反射率)、Toon Shading(卡通着色) 等材质效果。这已经超出了"选色"的范畴,进入了快速光照预览的领域。对于概念设计师来说,这意味着可以在Photoshop内部快速验证一个角色或场景在不同光照条件下的色彩方案,而不需要切换到Blender或Unreal Engine。

定价策略:$29买断制,对独立画师的友好信号

Chroma Space的Basic计划起价$29,且不是订阅制——一次付费,永久使用。工具支持离线工作,仅需联网激活和每月检查一次许可证。

在创意工具普遍转向订阅制的当下,这个定价策略值得注意。$29的买断价格对于独立画师、自由职业者和学生来说门槛极低。对比Adobe全家桶的月费、或者某些3D辅助工具的订阅价格,Chroma Space的定位很清晰:它是一个轻量级的辅助面板,不是主力生产工具,因此定价也必须匹配这一定位。

所以呢:这对行业意味着什么

对2D画师而言,Chroma Space填补了一个长期存在的工具空白。传统上,从平面色板到立体光照效果的预判,依赖的是画师的经验和脑内模拟能力。经验不足的画师容易画出"脏"颜色——暗部发灰、高光发白、整体缺乏光感。Chroma Space把这种预判能力部分外化为工具,降低了色彩控制的门槛。

对Photoshop生态而言,CEP扩展的活跃说明Adobe的插件体系仍然有生命力。尽管Figma、Procreate、Krita等工具在各自领域攻城略地,Photoshop在数字绘画领域的统治地位依然稳固,而第三方开发者正在围绕它构建更精细的工作流工具。

对3D与2D的融合趋势而言,Chroma Space是一个缩影。游戏美术行业中,2D概念设计与3D制作之间的边界越来越模糊。概念设计师需要理解光照和材质,3D艺术家需要具备色彩和构图能力。Chroma Space把3D光照预览嵌入2D绘画工具,本质上是在降低两个领域之间的认知转换成本。

对工具开发者而言,Chroma Space的案例说明:不需要做一个大而全的平台,只需要找到一个具体、真实、被长期忽视的工作流痛点,用恰当的技术手段解决它,就能创造价值。$29的买断制、离线优先、GPU节流——这些决策都指向同一个理念:工具应该适应画师的工作方式,而不是反过来。

Chroma Space目前仍是一个相对小众的工具,但它代表的方向值得关注:色彩选择正在从平面走向立体,从静态走向动态,从孤立走向环境感知。如果这个方向被验证,未来我们可能会看到更多类似的光照感知选色工具出现在各类绘画软件中。

其
软件技术Photoshop插件3D取色色彩预览WebGL绘画工具