跳过主要内容

浏览器贴图工具

在线凹凸贴图生成器:从图片制作灰度浮雕贴图

在浏览器中把照片或材质纹理转换为灰度凹凸贴图。查看 Height 输出,调整亮暗变化并导出 PNG,用于材质制作流程。

浏览器工具·不上传服务器

从图片生成凹凸贴图

上传纹理或选择示例。工具默认选中 Height。使用模糊和对比度调整灰度值;强度控制的是 Normal 输出,不会改变 Height 图。

在浏览器中处理
stone-sample.png

上传图片或选择示例材质开始。

正在准备石材示例…
预览表面
PNG 导出基于高度的转换无需注册查看支持的输出

这个生成器会输出什么

Height 输出是根据图像亮度估算的相对高度灰度图。较亮像素代表相对较高区域,较暗像素代表较低区域;可以用对比度和模糊调整信号。砖块、石材、织物和木纹等细节清晰的图片适合作为起点。但它不是实际深度扫描:仅凭一张彩色照片,工具无法知道哪些明暗区域在物理上真正凸起。

如何使用在线凹凸贴图生成器

  1. 1. 选择合适的素材

    上传 PNG、JPG 或 WebP 纹理,也可以先用示例。均匀受光的材质近景通常比有强烈投影的场景更容易转换。

  2. 2. 使用 Height 输出

    灰度 Height 标签已默认选中,适合接入 bump 或 height 输入。Normal 保存 RGB 表面方向,需要连接到另一种着色器输入。

  3. 3. 调整并检查

    逐步调整模糊和对比度。Strength 控制 Normal 输出,不会改变灰度 Height 图。按计划使用的尺寸检查 Height;沟槽不明显时可稍增对比度,噪点太多时降低对比度或柔化细节。

  4. 4. 导出后在材质中测试

    下载 Height PNG;若渲染器要求,将其作为非颜色数据导入,并连接到 Bump 节点的 Height。最终效果还要在目标材质中调整强度或距离。

示例:把砖墙纹理转为凹凸贴图

先选择正面拍摄、能分辨砖块和灰缝、没有明显光照渐变的纹理。在 Height 预览里确认灰缝与砖面区分清楚,同时保留细小孔洞。如果原图一侧有强反光,它可能变成并不存在的凸起条带。可以改用受光更均匀的素材、降低对比度,或先编辑原图。最终应结合材质的实际尺寸和灯光检查导出的 PNG,而不是只看屏幕预览。

凹凸贴图、法线贴图和置换贴图的区别

类型像素表达内容常见效果
Bump / Height灰度相对高度改变明暗,不改变网格轮廓。
NormalRGB 表面方向向量逐像素改变受光,接入法线输入。
Displacement解释为表面位移的高度渲染器和网格支持时可以移动几何。

浏览器本地处理

图片会在当前浏览器标签页中解码和处理,结果导出为 PNG。免费转换流程不会把图片发送到转换接口。导出的灰度图是派生纹理,请同时保留原始素材。

凹凸贴图生成器常见问题

如何用图片制作凹凸贴图?

上传纹理,保持 Height 选中,再调整对比度和模糊。导出 Height PNG 后连接到材质着色器的 bump 或 height 输入。高度是根据亮度估算的,需要在最终灯光下确认。

凹凸贴图和法线贴图一样吗?

不一样。凹凸或高度图用灰度表示相对高度,法线图用 RGB 表示表面方向。本页导出 Height;材质需要 RGB 法线时请切换到 Normal。

这个在线工具能生成真实 3D 几何吗?

不能。凹凸映射改变表面受光,不会增加多边形,也不会改变网格轮廓。真实置换取决于渲染器、材质设置和网格细分。

什么图片适合生成凹凸贴图?

细节清楚、受光均匀的材质近景通常更适合作为起点。强阴影、反射和透视可能被误判为高度。手绘灰度高度图能提供更直接的控制。

为什么凹凸方向反了或强度过高?

着色器可能以相反方向解释黑白值,可以反转素材或调整材质。效果过强时降低 bump 强度或距离,并在实际材质尺度下检查。

凹凸贴图生成器导出什么格式?

当前选中的 Height 输出会按生成尺寸下载为 PNG。PNG 无损保存灰度像素,但渲染器可能另行应用色彩空间或压缩设置。

可以在 Blender 中使用吗?

可以。加载灰度 PNG,把图像值连接到 Bump 节点的 Height,再把 Normal 输出连接到着色器的 Normal。按物体尺度调整 Strength 和 Distance。节点的当前行为可查阅 Blender 官方手册。

继续材质贴图流程