
可收藏的工作区
把 /app 分享给只需要编辑器的同事。
免费 · 本地处理 · 无需注册
本页是 NormalMapAI 的专注实时 3D 编辑器。完整材质请看PBR 贴图生成器;只要法线请用首页法线贴图生成器。

正在加载 3D 预览…
Ctrl + 滚轮缩放
示例纹理:Poly Haven(CC0)
优势

把 /app 分享给只需要编辑器的同事。

全屏后专注调贴图。

Albedo 到 Specular 全覆盖。

Unity / Unreal / Godot / Blender 命名与打包。
使用步骤
四步从照片到引擎 ZIP。

JPG / PNG / WebP,或用 Poly Haven CC0 示例熟悉控件。

有接缝先去无缝工具,再回到这里。

拖动滑杆,切换球体/立方体/平面与灯光。

选择引擎与最高 4096 px 导出。
独立游戏、建筑可视化、自由职业与学生。
会议间隙用参考图快速出一套贴图。
用预设 ZIP 熟悉打包再进制作。
专有照片留在本机迭代。
拖滑杆看粗糙度与法线如何联动。
场景反馈
以下为常见工作流的匿名场景短句,用于说明使用情境,并非已验证客户证言、星级评价或具名背书。
滑杆还开着就能在 3D 里看结果,比导出后再猜靠谱得多。
客户参考图不能上传 — 浏览器本地生成是硬需求。
无缝、抠图和贴图在同一产品里,少在多个网站之间倒腾。
匿名场景反馈 · 示意说明,非客户证言
上传照片,在 3D 光照下调节,本地导出 — 无需账号。
对比
当你只想从照片快速、私密地出一张贴图,而不想打开整套 DCC。
| 能力 | NormalMapAI | 典型桌面套件 |
|---|---|---|
| 安装与授权 | 浏览器免费 — 无需安装 | 付费套件 + 本地安装 |
| 照片隐私 | 留在你的设备 | 常进云端或本地工程 |
| 实时 3D 检查 | 调节时内置预览 | 另开视口 / 烘焙 |
| 引擎 ZIP 打包 | Unity / Unreal / Godot / Blender 预设 | 手动通道打包 |
工具
免费PBR贴图生成器,带实时 3D 预览
免费PBR贴图生成器:任意图片生成 albedo、法线、高度、粗糙度、AO、金属度与高光,实时 3D 预览,导出 Unity / Unreal / Godot / Blender ZIP。本地处理。…
免费 4K 无缝纹理生成器
在线生成无缝可平铺纹理。混合边缘、实时平铺预览、去除光照,最高导出 4K,再送入 PBR 生成器。免费,浏览器内运行 — 不上传。…
免费透明 PNG 在线工具
去除黑底或白底并导出透明 PNG。调节阈值与羽化,棋盘格预览,下载或送入 PBR 生成器。免费,浏览器内 — 不上传。…
图片转法线贴图
在浏览器内把任意图片或 PNG 转成法线贴图。调节强度,切换 DirectX / OpenGL,并在 3D 中预览。免费。…
凹凸贴图生成器
从任意图片在线创建凹凸贴图。控制对比度,3D 预览并导出 — 免费私密。…
环境光遮蔽(AO)贴图生成器
从照片生成 AO贴图。调节半径与强度,可打包进 Unreal/Godot ORM。免费。…
粗糙度贴图生成器
从任意图片制作粗糙度贴图,或翻转为 Unity Smoothness。免费,浏览器内,含 3D 预览。…
免费位移贴图生成器(16 位)
免费位移贴图生成器:从照片创建 16 位 位移贴图,用于 Blender、Unreal、视差或浮雕打印。实时 3D 预览,浏览器本地,无需注册。…
首页法线贴图生成器
带营销说明的实时 3D 法线编辑器枢纽。
学习
贴图、无缝纹理与引擎导入的短教程。
如何使用免费法线贴图生成器(分步)
A normal map stores surface direction so flat photos catch light in 3D. This guide walks through NormalMapAI’s free generator — from upload to engine ZIP — without installing software.
如何用照片制作无缝 / 可平铺纹理
Hard seams show up the moment a photo is tiled. Use edge blending, multi-scale fade and a 2×2–4×4 preview so the pattern repeats cleanly before you build normal and roughness maps.
把 PBR 贴图导入 Unity、Unreal 与 Blender
Export presets pack maps the way each engine expects. This guide covers import settings so albedo stays colored, normals stay linear, and ORM / MetallicSmoothness land in the right channels.
PBR 贴图说明:法线、粗糙度、AO 等
Physically based rendering needs a small set of textures that describe color, shape and light response. Here is what each map does and which ones NormalMapAI generates from one photo.
高度贴图与位移贴图:渲染器里差在哪
Both textures store height as brightness. Height often drives parallax or bump-style effects; displacement moves vertices. NormalMapAI exports both as 16-bit PNG to avoid banding.
法线贴图:DirectX 与 OpenGL(Y 翻转)
The only practical difference is the green channel: OpenGL stores +Y, DirectX stores −Y. Pick the right format — or an engine export preset — so bumps do not turn into dents.
常见问题
NormalMapAI 的 /app 页面是纯粹、可收藏的实时 3D 实时 3D 材质编辑器工作台,完全在浏览器本地运行。它提供与首页法线贴图生成器和 PBR 贴图生成器完全一致的 WebGL2 着色器与导出预设,去除了长篇教程排版,适合高频生产使用。
将 JPG、PNG 或 WebP 贴图拖入实时 3D 材质编辑器,即可在着色球、球体、立方体、平面、圆柱与圆环模型之间切换,并拖动棚拍光源角度,在实时 3D 光照下核对凹凸深度与高光散射。
你可以在实时 3D 编辑器中同步调节 Base Color(固有色)、切线空间法线(OpenGL 或 DirectX)、16 位高度、16 位位移、粗糙度、环境光遮蔽(AO)、金属度、凹凸、曲率与高光共十种材质通道。
/app 是专为日常制作与团队书签分享设计的精简实时 3D 工作区;而 /pbr-texture-generator 与首页则包含完整的步骤图解、通道原理解析与各游戏引擎导入指南。
可以,实时 3D 编辑器内置 Unity(MetallicSmoothness)、Unreal Engine 5(DirectX 法线 + ORM)、Godot 4(OpenGL 法线 + ORM)、Blender(Principled BSDF)以及通用未打包 ZIP 五种一键导出预设。
若目标软件是 Blender、Unity、Godot 4 或 Three.js,请在实时 3D 编辑器中选 OpenGL(Y+);若是 Unreal Engine 5 或 3ds Max,请选 DirectX(Y-),导出预设会自动翻转绿通道。
可先通过顶部导航打开站内的「无缝纹理」工具消除边缘接缝与暗角,或用「透明 PNG」工具抠除纯黑纯白背景,随后点「发送到 PBR 生成器」即可带着处理好的图像回到实时 3D 编辑器。
支持 512、1024、2048(2K)与 4096(4K)四档分辨率。实时 3D 编辑器会将固有色、法线、粗糙度与 ORM 导出为 8 位 PNG,并将高度与位移通道导出为真 16 位 PNG。
因为 NormalMapAI 使用自定义 WebGL2 片元着色器在本地显卡上并行计算法线梯度、高度平滑、AO 腔体与粗糙度曲线;当设备不支持 WebGL2 或导出 4096 px 大图时,会自动切换到本地 CPU 线程。
工作台内置的三套示例材质均来自 Poly Haven 的 CC0 公共领域高清纹理,方便你在上传自有照片前先体验实时 3D 材质球与滑条响应。
绝对不会。图片解码、WebGL2 通道生成与 ZIP 打包全部在你的浏览器本地内存中完成,没有任何文件会上传到远程服务器。
完全可以。NormalMapAI 免费无水印、无需注册账号,你基于自有图片生成的全部材质通道均可直接用于商业游戏、建筑可视化与影视外包项目。