拖入高度图即可开始
什么是法线贴图生成器?
一款完全在浏览器中运行的免费在线法线贴图生成器。拖入高度图,即可在你的 GPU 上实时生成六种 PBR 贴图 — 法线、置换、环境光遮蔽、高光、粗糙度和曲率 — 并带实时 3D 预览。图像在本地设备处理,绝不上传到服务器。
如何在线制作法线贴图
四步从高度图到完整 PBR 贴图组 — 无需账户、无需安装、无需上传。
上传高度图
拖入灰度高度图或任意贴图,或点击浏览(PNG、JPG、WEBP)。支持透明 PNG。
调整贴图
每种贴图都有独立的实时滑块 — 强度、模糊/锐化、AO、高光、置换、粗糙度和曲率。
3D 预览
在平面、球体、立方体或圆柱上实时查看材质更新,或通过平移和缩放检查任意贴图。
下载
将单张或整组贴图保存为 ZIP — PNG、JPG 或 WEBP,并保留透明。
从高度图到法线贴图
在本工具中渲染输入一张灰度高度图,输出一张切线空间的法线贴图。亮的像素被视为高处,暗的视为低处;生成器把这个坡度转换成着色器采样的红、绿两个通道。全部运算都在你的 GPU 上完成,图片始终不会离开浏览器。
为什么选择这款法线贴图生成器
大多数在线生成器会把你的贴图上传到服务器并缓慢处理。而本工具在浏览器中的 GPU 上运行,且不丢失任何信息。
不上传任何内容
图像直接从磁盘读取,并用 WebGL 在本地处理。不传输任何内容,因此断网也能使用。
在你的 GPU 上实时运行
每种贴图都由片元着色器生成,移动滑块可在几毫秒内更新全部六种贴图 — 即使 4K 也如此。
六种贴图,各自可调
法线、置换、环境光遮蔽、高光、粗糙度和曲率 — 每种都有独立的实时控制。
透明区域保持镂空
拖入带 Alpha 通道的 PNG,每种贴图都会输出为轮廓浮雕的干净镂空 — 非常适合贴花和精灵图。
可直接用于引擎的输出
OpenGL (+Y) 或 DirectX (-Y) 法线、Sobel 或 Scharr 细节、模糊与锐化,以及适用于 glTF、Unity 和 Unreal 的金属-粗糙度贴图。
免费,无需注册
无需账户、无水印,除设备内存限制外没有文件大小上限。
生成的六种贴图
一张高度图即可驱动一整套基于物理的材质——法线贴图、置换贴图、环境光遮蔽贴图,另外还有三种。下面说明每一种是什么,以及用在哪里。
| 贴图 | 是什么 | 最适合 |
|---|---|---|
| 法线 | 切线空间 RGB 方向,OpenGL (+Y) 或 DirectX (-Y)。 | 在实时光照下模拟表面细节。 |
| 置换 | 对比度可调的高度数据。 | 真实几何置换、曲面细分或视差。 |
| 环境光遮蔽 | 缝隙中的柔和接触阴影。 | 凹陷处扎实可信的着色。 |
| 高光 | 表面何处反光,由高度推导。 | 较旧的高光 / 光泽度着色流程。 |
| 粗糙度 | 由局部表面细节得到的微观粗糙度。 | glTF、Unity、Unreal 中的金属-粗糙度流程。 |
| 曲率 | 凸/凹腔体贴图 — 亮边缘、暗缝隙。 | 边缘磨损、污渍与遮罩生成。 |
由一张图生成的贴图
在本工具中渲染由那一张高度图派生出的八种贴图中的六种。粗糙度和高光贴图同样会生成——但在默认强度下,高光贴图只是把高度值原样输出。ORM 则把环境光遮蔽、粗糙度和金属度打包进同一张图片的红、绿、蓝通道,这正是 glTF 所期望的排布。
常见用途
砖块、石材和瓷砖
把拍摄或手绘的高度图转换为法线和 AO 贴图,让平坦的墙面和地面像真实砌体一样反光 — 无需额外几何体。
用 PNG 制作徽标和贴花
拖入透明 PNG,法线、粗糙度和曲率会输出为形状浮雕的干净镂空,可直接叠加到其他材质上。
用于 glTF 的金属-粗糙度贴图组
为 Unity、Unreal、Godot、Blender 及 glTF 标准所用的金属-粗糙度流程,一并导出法线、粗糙度和 AO。
边缘磨损和污渍遮罩
在着色器或纹理工具中将曲率和 AO 贴图用作遮罩,用于在边缘生成划痕、在缝隙生成污垢。
常见问题
关于在浏览器中制作法线贴图最常见的问题。
我的图像会被上传到某处吗?
不会。生成器直接在浏览器中读取你的图像,并在你的 GPU 上用 WebGL 本地处理。不会向服务器发送任何内容,因此页面加载后即使离线也能使用。
我可以生成哪些贴图?
六种:法线、置换、环境光遮蔽、高光、粗糙度和曲率。每种都有独立滑块,你可以下载单张贴图,或将整组一次性打包为 ZIP,格式为 PNG、JPG 或 WEBP。
它快吗?会用到我的 GPU 吗?
是的。所有贴图都在你的显卡上用 WebGL 片元着色器生成,因此移动滑块可在几毫秒内更新每种贴图 — 即使 4K 也一样 — 没有延迟、无需往返服务器。
它支持透明 (PNG) 图像吗?
支持。透明会被保留:每种生成的贴图都会成为与图像 Alpha 匹配的干净镂空,并使轮廓浮雕。PNG 和 WEBP 保留透明;JPG 会合成到白色背景上。
OpenGL 与 DirectX 法线贴图有什么区别?
区别在于绿色 (Y) 通道的方向。OpenGL (+Y) 用于 Unity、Blender 和 glTF;DirectX (-Y) 用于 Unreal Engine 和许多游戏。选择你需要的引擎预设,或用「翻转 Y」切换。
我可以在 Unity、Unreal 或 Blender 中使用它们吗?
可以。法线贴图同时提供 OpenGL 与 DirectX 两种约定,粗糙度贴图适配 Unity、Unreal、Godot、Blender 和 glTF 所用的金属-粗糙度流程。若需无损质量,请导出为 PNG。
我该从什么图像开始?
灰度高度图(凹凸贴图)效果最佳:亮部视为高、暗部视为低。你也可以输入漫反射贴图,工具会根据亮度估算高度,然后用「模糊/锐化」和细节滤镜进行调整。






