跳过主要内容

PHOTOSHOP 工作流指南

如何用 Photoshop 制作法线贴图

Photoshop 可以整理法线贴图的源图;部分仍提供旧版 3D 滤镜的安装版本也能直接生成初稿。要获得可用的 3D 贴图,需要继续检查绿色通道方向、在真实光照下测试,并判断当前任务是否需要针对模型烘焙的法线。

先看结论

先准备干净的灰度高度图,让较亮像素代表相对较高的起伏,再清理不代表形状的噪点。如果当前 Photoshop 版本提供“滤镜 > 3D > 生成法线贴图”,可用它生成初稿;找不到该功能时,使用下方浏览器转换器。导出无损 PNG,在目标引擎里检查 OpenGL/DirectX 绿色通道约定。由高度图计算的法线不等于高低模烘焙结果。

可重复的 Photoshop 到材质流程

保留分层 PSD,复制灰度版本,清理缺陷,并把真实表面起伏与绘制光照区分开。

先选对法线贴图工作流

法线贴图为每个像素记录表面方向,让渲染器改变光照响应而不增加多边形;灰度高度图记录的则是相对高低。两者不能混为一谈:高度转法线是根据亮度变化估算坡度,烘焙法线则比较高模和低模,能够记录特定网格上的雕刻细节。

如果目标是清理扫描纹理、制作简单起伏或快速预览,Photoshop 很合适。如果接缝、曲面和雕刻细节必须准确匹配某个低模,应使用 3D 烘焙器。这里生成的是供材质使用的切线空间 RGB 贴图,不会改变模型轮廓。

准备可靠的灰度高度源图

从亮度变化确实代表表面形状的纹理开始。石材沟槽、织物纤维或浅浮雕图案通常比带有强投影的成品照片更适合。复制图层并转为灰度后检查色阶:纯黑纯白过多会丢失坡度信息,灰度范围太窄则容易得到几乎平坦的结果。

生成前去掉灰尘、压缩块和孤立亮点。只有当缺陷比真实材质细节更小时,才使用少量模糊;模糊太强会抹掉细坡度。避免把宽范围的明暗光照当作高度,否则阴影和高光会被误读成凹凸。若纹理需要平铺,生成前后都要检查相对边缘。

保留分层 PSD 作为源文件,另存一份合并副本用于转换。尽量在最终使用分辨率下处理,因为之后缩放会软化决定法线方向的渐变。导出后也要按引擎中的实际过滤和尺寸检查。

信息图展示灰度高度源转换为 RGB 法线数据,并在受光材质上检查效果
先把高度信号转换为 RGB 方向数据,再放到受光材质上验证。

在 Photoshop 中生成法线贴图

包含旧版 3D 工具的 Photoshop 安装中,可以检查“滤镜 > 3D > 生成法线贴图”。功能位置和可用性会随版本、安装组件变化,Adobe 也调整过 3D 功能支持;旧教程截图不一定适用于当前版本。若菜单不存在,不要安装来源不明的插件,直接改用浏览器方案。

在滤镜预览中对照源图与输出,先用较低的细节或尺度,再逐步增加到沟槽可辨、但不会变成锐利凸脊的程度。不同版本的参数名称和预览可能不同。好的初稿应保留大形状,只增加克制的表面反应;对比度更大不代表高度更准确。

把生成的 RGB 图另存为新文件,不要覆盖灰度源图。最终贴图避免使用索引色和有损 JPEG,因为量化与压缩会给方向数据引入阶梯。PNG 是实用的交换格式,但引擎的导入设置仍决定通道如何解释。

没有 3D 滤镜时使用浏览器转换器

Photoshop 的专用滤镜不是必需步骤。浏览器转换器可以从灰度高度源计算切线空间法线,并直接调整强度、模糊、对比度与 Y 方向。相比控制项随版本变化的旧滤镜,这条流程更容易重复。

普通图片可打开图片转法线工具;如果灰度通道已经代表高低,则使用高度图转换器。选择预览表面,小幅调整参数,确认后再导出。本站免费转换在当前浏览器标签页处理,不会把源图发送到转换接口。

这仍然是像素估算,无法恢复隐藏几何、自动校正透视、去掉烘焙光照,也不能取代网格烘焙。复杂模型可以先在 Photoshop 清理源图,再用专用烘焙器生成最终贴图。

检查绿色通道并验证结果

OpenGL 与 DirectX 风格的切线空间法线通常在绿色通道方向上不同。如果沟槽看起来像凸起,先切换 Y 或绿色通道反转,再在同一盏灯下比较两份贴图。除非目标流程有明确要求,不要同时翻转红绿通道。

普通图片查看器无法证明法线能否用于材质。将 PNG 按法线数据导入,连接到着色器的 Normal 输入,在球体和实际模型上转动方向光。检查 UV 尺度和平铺模式。接缝、局部亮斑或闪烁噪点可能来自源图、UV、压缩、Mip 或强度过高。

需要贴合雕刻或特定网格时使用几何烘焙;重复表面起伏和材质预览可使用高度转法线。两者是互补流程,不是同一操作的高低质量版本。

信息图展示法线贴图通道检查、绿色通道方向与受光凹凸测试的对比
导出前在相同光照下比较绿色通道方向。

可重复的 Photoshop 到材质流程

  1. 1

    复制并准备源图

    保留分层 PSD,复制灰度版本,清理缺陷,并把真实表面起伏与绘制光照区分开。

  2. 2

    生成第一版

    使用可用的法线贴图滤镜或浏览器高度图转换器。先用保守强度,另存 PNG。

  3. 3

    按数据导入

    将图片设为引擎法线贴图类型或 Non-Color/数据模式,不要对方向通道应用显示色彩校正。

  4. 4

    连接并打光

    把 RGB 连接到材质 Normal,在旋转方向光下检查球体和目标网格。

  5. 5

    修正方向与尺度

    凹凸反向时切换绿色通道;起伏膨胀或噪声过强时降低强度,必要时轻微模糊。

  6. 6

    针对目标平台导出

    保留无损源图,再在项目中核对压缩、Mip、平铺方式和分辨率。

导出前需要核对的设置

这些是检查起点,不是通用数值。最终效果取决于渲染器、纹理尺度和源图。

判断项起始建议原因
源图亮度灰度,较亮处表示相对较高转换会把亮度变化解释为坡度。
细节强度从低值开始,只提高到起伏可辨强度过高会让表面像塑料一样鼓起。
模糊只轻微处理孤立像素噪声过度模糊会抹掉细坡度并软化接缝。
绿色通道匹配目标切线空间约定约定不一致会让凹槽表现为凸起。
色彩处理按法线数据或 Non-Color 导入色彩变换会改变向量数值。
格式与尺寸按计划贴图尺寸导出无损 PNG压缩和二次缩放可能造成伪影。

完成前检查清单

  • 源图亮度代表表面起伏,而不是烘焙高光或投影。
  • 贴图按法线数据导入并连接到材质 Normal 输入。
  • 在同一盏移动光源下检查过绿色通道方向。
  • 按最终 UV 尺度、平铺模式和观察距离检查材质。
  • 雕刻几何或精确网格匹配时改用网格烘焙。

Photoshop 法线贴图常见问题

判断项原因起始建议
找不到 3D 滤镜当前 Photoshop 安装可能不包含旧版 3D 命令。在 Photoshop 中准备灰度源图,再用浏览器转换器或专用烘焙器。
沟槽看起来凸起绿色通道方向可能与渲染器不一致。切换 Y/绿色通道后重新导入,在同一光照下比较。
材质像塑料或有噪声强度、对比度、烘焙光照或高频缺陷可能太强。先降低强度、清理源图,确有需要时再少量模糊。
图片看起来正常,着色器里却不对可能按颜色导入、接错输入,或采样约定不一致。使用法线/数据导入,连接 Normal,并检查 UV、压缩和 Mip。
平铺时有接缝源图边缘或滤波结果不适合平铺。修复源图相对边缘,重新生成后在受光材质中测试重复效果。

常见问题

如何用 Photoshop 制作法线贴图?

准备干净的灰度高度源图;若安装版本提供“滤镜 > 3D > 生成法线贴图”,可用它生成初稿。若没有该命令,使用高度转法线浏览器工具或专用烘焙器。导出无损贴图并在目标着色器中验证。

Photoshop 可以从任意图片生成法线贴图吗?

多数图片能生成初稿,但亮度要大致对应表面起伏。人像、硬阴影、反射和绘制高光常会变成错误凸起。应先清理源图,或改用光照更均匀的材质纹理。

为什么 Photoshop 里没有“生成法线贴图”?

Adobe 在不同 Photoshop 版本与安装中调整过 3D 功能支持,菜单是否存在可能不同。请核对当前版本文档;若未安装该命令,就用浏览器转换器或 3D 烘焙器。

如何在 Photoshop 中反转法线贴图?

切线空间贴图通常需要调整绿色/Y 方向,而不是反转所有通道。使用转换器的反转 Y 控件,或按渲染器要求处理指定通道,然后在同一光源下验证。

法线贴图该选 OpenGL 还是 DirectX?

使用引擎或资产流程要求的约定,两者通常在绿色通道方向上不同。不确定时,在简单球体上测试两种版本,保留凹凸响应正确的结果。

Photoshop 法线贴图和烘焙法线一样吗?

不一样。高度图生成会根据像素梯度估算方向;烘焙贴图记录高低模几何差异,能够保留雕刻细节。Photoshop 适合编辑源图,但精确匹配模型时不能代替网格烘焙。

官方参考资料

继续材质工作流