PBR花色地砖材质制作全流程：从贴图绘制到引擎应用

做数字展厅项目时我需要一批花色地砖材质。一开始以为直接拖一张纹理贴图进引擎就能搞定结果在灯光变化后地砖整体发灰凹凸感完全不对接缝处还有明显色差。后来系统梳理了 PBR 材质流程才明白花色地砖材质不只是“画一张图”那么简单还涉及到绘制、烘焙、通道配置、材质节点连接和导出规范。这篇文章就把这条流程完整记录下来从基础概念讲到实际制作再到常见问题和工程建议。无论是刚接触三维材质的新手还是做室内可视化、游戏场景的开发者都可以从中直接参考。1. 花色地砖材质是什么1.1 从“真实地砖”到“数字材质”我们先看现实中的地砖。一块地砖给人带来的视觉感受其实由多个因素共同决定表面图案与颜色釉面或哑光带来的反射差异砖缝和边缘的磨损光照下产生的凹凸细节砖体表面被灰尘、污渍覆盖的程度。在三维软件中材质Material就是用来模拟这些真实外观的“配方”。而数字地砖材质就是通过若干张贴图和参数在渲染器或游戏引擎中还原出真实地砖的视觉与质感。花色地砖则强调“花”这个字。它比纯色砖、素色砖多了一层复杂的纹理信息比如欧式古典拼花黑白棋盘格水刀切割的大理石拼花花鸟、几何纹样的手绘砖仿古做旧砖。正因图案复杂制作起来就需要更严格地控制贴图分辨率、平铺方式、色彩空间和通道搭配。1.2 PBR物理渲染材质现在的花色地砖材质制作基本都基于 PBRPhysically Based Rendering基于物理的渲染工作流。简单来说PBR 用统一的参数模拟真实光线与物体表面的交互让材质在不同光照下表现稳定。传统手绘贴图很容易出现“场景里好看换个灯光就发灰”的问题。PBR 材质通过分离“颜色”“粗糙度”“凹凸”等信息让材质表现更接近真实物理规律。花色地砖材质最常用的 PBR 通道包括基础色贴图Base Color / Albedo法线贴图Normal粗糙度贴图Roughness金属度贴图Metallic环境光遮蔽贴图AO高度贴图Height可选。后面会用一节专门解释这些通道的用途和制作要点。1.3 常见应用场景花色地砖材质常见于以下场景场景类型要求建筑可视化纹理精度高、比例真实、瓷砖缝隙清晰游戏场景纹理大小受性能限制需要优化压缩虚拟展厅/漫游强调近距离观察效果需要高分辨率和细节动画短片兼顾渲染速度与质感产品渲染突出材质本身的装饰艺术效果理解了概念之后就可以进入实际制作环境。2. 制作前的准备与思路拆解2.1 软件选型与版本说明花色地砖材质制作可以走不同软件组合最核心的是“画纹理”和“连材质”两步。常见的组合如下纹理绘制Photoshop、Krita、Affinity Photo程序化纹理与烘焙Substance 3D Painter、Substance 3D Designer、Blender法线/AO生成Substance 系列、GIMP 法线插件、Materialize材质节点整合Blender、Unity、Unreal Engine 5渲染验证Blender Cycles/EEVEE、UE5 Lumen、Unity 内置渲染管线本文以 Blender 加常见贴图绘制软件的组合为例重点讲材质制作思路。不同版本的软件菜单名可能略有不同但核心逻辑基本一致。你在实际操作中遇到版本差异时按对应版本的文档调整即可。2.2 贴图分辨率与尺寸规划地砖花纹需要清晰呈现因此贴图分辨率不能太低。常见分辨率选择如下使用场景建议分辨率移动端游戏512×512 或 1024×1024PC 游戏2048×2048建筑可视化4096×4096特写镜头4096×4096 或 8192×8192分辨率并不是越高越好还要考虑显存占用和加载速度。制作阶段可以先使用 2048×2048最后根据项目需求导出不同版本。同时要注意“纹素密度”。一块实际尺寸 600mm×600mm 的地砖在画面中占的像素越多贴图就需要越高清。如果场景很大建议使用 Tiling平铺贴图而不是在模型上展开一整张超大 UV。2.3 花色地砖的分类与制作路径选择花色地砖的“花”有多种类型不同类型适合不同的制作方法。规则对称拼花适合先绘制基础纹理再用四方连续的方式平铺。典型的如黑白棋盘格、菱形拼花。水刀拼花图案复杂、曲线繁多建议在矢量绘制软件中先设计好图案再转成位图贴图。仿古砖需要保留边缘磨损、斑驳污渍等细节制图时要做旧处理并结合粗糙度变化增强质感。六角砖/马赛克需要精确的六边形或网格排布可以在 Substance 3D Designer 或 Blender 节点中程序化生成。本文实战部分采用“黑白欧式拼花地砖”案例因为它包含了清晰的几何花纹、砖缝和做旧需求非常适合演示完整流程。2.4 制作流程总览花色地砖材质制作可以拆成六个步骤。确认图案方案与地砖尺寸。创建基础色贴图画出花纹和砖缝底色。生成法线贴图表现砖缝、边缘凹凸。生成粗糙度贴图区分釉面亮区与哑光区域。生成 AO 贴图增强砖缝和结构交界处的真实感。在渲染器或引擎中连接材质节点调节参数后验证效果。这个流程看似简单但每一步都会影响最终效果。下面先补充 PBR 通道知识然后进入完整实战。3. 核心概念PBR 贴图通道详解3.1 基础色贴图Base Color / Albedo基础色贴图决定地砖本身的颜色和花纹。它应该不包含光照信息也就是说没有高光、没有阴影、没有暗角只有物体本身的颜色。制作花色地砖时基础色贴图是最重要的文件。你需要把花纹、底色、砖缝颜色都画在上面。有一个常见误解纯黑和纯白可以随意使用。实际上 PBR 材质中很少出现绝对的纯黑和纯白因为真实物体总会有一点颜色倾向和反射率。比如白色大理石砖基础色在 RGB 255 的白色上略微降低一点比如 245、240、235避免曝光后丢失细节。基础色贴图的色彩空间在软件中应设置为 sRGB 或 Filmic。3.2 法线贴图Normal法线贴图是一张“假凹凸”贴图它记录的是表面每个像素的法线方向变化让平坦的面在光照下表现出凹凸感。地砖材质中法线贴图通常用于表现砖缝的凹陷砖边缘的轻微倒角表面釉面不均匀形成的起伏大理石裂纹处的凹凸。法线贴图的 RGB 值并不表示颜色而是表示 XYZ 方向向量。因此在软件的贴图设置中法线贴图的色彩空间必须设置为非颜色Non-Color否则会得到错误的凹凸效果。3.3 粗糙度贴图Roughness粗糙度贴图控制表面反射的锐利程度。数值越接近白色表面越粗糙越接近黑色表面越光滑。花色地砖中有很典型的粗糙度差异釉面亮砖高光反射强粗糙度较低可能在中灰到深灰之间哑光仿古砖反光很弱粗糙度较高接近浅灰或白色砖缝通常比砖面粗糙所以粗糙度值更高污渍、磨损区域粗糙度会产生局部变化。粗糙度贴图颜色看起来不是直观的“花纹”但它直接决定材质在灯光下的高级感。3.4 金属度贴图Metallic地砖材质绝大多数是非金属材料所以金属度贴图通常是一张纯黑色贴图。这一点容易被忽略但如果不把金属度设为 0地砖在渲染时会带有金属反射效果画面会显得非常奇怪。因此地砖材质的金属度贴图一般保持为纯黑即可。只有在制作带金属嵌条的水刀拼花时才需要单独画出金属部分的白色区域。3.5 环境光遮蔽贴图AO环境光遮蔽贴图描述物体表面哪些地方“不太容易受到环境光照射”通常表现为边缘、缝隙、褶皱处的暗部。对地砖而言AO 最明显的地方是砖缝。如果没有 AO砖与砖之间的缝隙会显得浮空缺乏真实接触感。AO 贴图可以理解为白色表示完全暴露在环境光中黑色表示遮蔽位置。3.6 高度贴图Height与置换高度贴图是一张灰度图用黑白灰记录高度信息。白色表示凸起黑色表示凹陷。它和法线贴图的区别在于法线贴图只改变表面光照方向不改变几何轮廓高度贴图配合曲面细分或置换真正改变几何形状。在 Blender 中可以将高度图连接到 Principled BSDF 的 Displacement 输入并在材质设置中开启曲面细分。这个功能适合需要近距离观察地砖边缘倒角的项目但对性能有一定影响。下面是各通道的用途汇总。贴图通道颜色信息色彩空间典型用途Base Color花纹与颜色sRGB提供基础颜色NormalXYZ 向量Non-Color模拟砖缝、边缘凹凸Roughness粗糙度值Non-Color控制反射模糊程度Metallic金属度值Non-Color控制金属属性AO遮蔽程度Non-Color增强砖缝等接触阴影Height高度值Non-Color曲面细分或置换4. 完整实战制作一张欧式拼花地砖材质下面以黑白欧式拼花地砖为例走一遍完整流程。4.1 确定图案与网格布局欧式拼花地砖常见的是“中心花朵图案 四周方形边框”结构。为了让后续平铺方便我将它设计成可四方连续的图案。先在绘图软件中建立 2048×2048 的画布并拉出参考线四周预留砖缝位置约 32 像素中间区域划分成 4×4 网格每个网格内放置同样的菱形花纹。这个阶段不需要画得非常精细重点是确定几何比例保证后续四边能无缝拼接。4.2 绘制基础色贴图基础色贴图分四步绘制。第一步填充底色。新建图层使用浅灰色作为大理石底色。RGB 参考值为 230、225、215避免死白。第二步绘制砖缝。在画布四边绘制深灰色线条模拟砖缝颜色。砖缝颜色不宜纯黑可使用 RGB 60、60、60 左右。第三步绘制拼花图案。在中心区域用黑白灰铺出图案使用对称工具加快绘制。花纹主体可以用黑灰色大理石纹也可手绘一些大理石细纹。第四步叠加纹理细节。在空白区域添加一些柔和的杂色或纹理模拟天然石材的颗粒感。这一步不用太重否则后续做旧会显得脏。绘制完成后导出为Tile_C_BaseColor.png。4.3 创建法线贴图法线贴图可以通过多种方式生成这里介绍两条常用路径。路径一在 Substance 3D Painter 中生成。将基础色贴图作为智能材质或填充层导入然后把生成的贴图通道导出。Substance 3D Painter 会根据灰度信息生成法线适合纹样清晰的砖面。路径二在 Blender 中生成。在 Blender 中建立一个平面把基础色贴图作为纹理映射上去然后通过“纹理绘制”模式在表面添加凹凸细节再烘焙出法线贴图。路径三使用独立工具。一些免费工具可以根据灰度图自动生成法线贴图例如 Materialize、GIMP 的法线插件。操作思路是导入灰度图设置凹凸强度预览法线方向导出 PNG。生成法线时需要注意墙体方向。地砖的法线贴图应该整体平坦只在砖缝和边缘处出现明显凹陷效果。如果法线方向反了砖缝会变成凸起的棱条。导出为Tile_N_Normal.png。4.4 生成粗糙度贴图与 AO粗糙度贴图在 Substance 3D Painter 中可以直接通过“粗糙度通道”绘制也可以在 Blender 中用“纹理绘制”模式画。核心思路是砖面釉面区域使用较暗的灰色表示光滑砖缝区域使用较亮的灰色表示粗糙做旧磨损区域叠加局部噪波或笔刷增加细节变化。AO 贴图的生成也很常见。在 Substance 3D Painter 中可以用“环境光遮蔽”烘焙功能在 Blender 中可以通过烘焙 AO 的方式得到如果用 Materialize也能根据高度图生成 AO。如果没有专业软件也可以做一个简化版 AO把基础色贴图复制一份转为灰度然后压暗砖缝区域再叠加模糊效果。这种方法虽然不如真实烘焙准确但在快速制作中足够使用。分别导出Tile_R_Roughness.pngTile_AO.png4.5 在 Blender 中搭建材质节点打开 Blender使用“着色器编辑器”Shader Editor。先创建一个新材质命名为DecorTile_MAT然后删除默认的 Principled BSDF 之外不需要的节点按下方逻辑连接Principled BSDF Base Color - 图片纹理Tile_C_BaseColor.png色彩空间sRGB Roughness - 图片纹理Tile_R_Roughness.png色彩空间Non-Color Metallic - 数值 0 Normal - Normal Map 节点 - 图片纹理Tile_N_Normal.png色彩空间Non-Color具体操作步骤如下。选择材质节点面板中的“原理化 BSDF”。使用快捷键“Shift A”添加“纹理”下的“图片纹理”节点。在图片纹理节点中打开Tile_C_BaseColor.png将“颜色”连接到 Principled BSDF 的“基础色”输入。再次添加两个图片纹理节点分别打开Tile_R_Roughness.png和Tile_N_Normal.png。粗糙度贴图直接连接到“粗糙度”输入。法线贴图不能直接连接。需要添加“向量”下的“法线贴图”节点再把法线贴图图片的“颜色”输出连接到法线贴图节点的“颜色”输入最后把法线贴图节点输出连接到 Principled BSDF 的“法线”输入。连接完成后在 Blender 视图着色方式中切换到“材质预览”或“渲染预览”放入一个合适的灯光环境查看地砖效果。如果想进一步调整地砖比例可以在“纹理坐标”节点和“映射”节点之间控制平铺次数。例如希望一块 600mm×600mm 的地砖在 6m×6m 的地面上重复 10 次就需要通过 UV 缩放实现。4.6 导出贴图并在游戏引擎中应用在 Blender 中调整满意后可以导出贴图并应用到游戏引擎。导出贴图时推荐采用以下命名规则Tile_C_BaseColor.png Tile_N_Normal.png Tile_R_Roughness.png Tile_AO.png这种命名规则清晰方便后续维护。在 Unity 中应用时需要创建材质球将对应贴图拖入 Albedo、Normal Map、Smoothness 等槽位。需要注意Unity 的 Smoothness光滑度和 Roughness粗糙度是相反关系如果贴图是粗糙度贴图需要在“Smoothness”来源中设置为“From Alpha”或使用反向处理具体取决于项目使用的渲染管线。在 Unreal Engine 5 中创建 Material 后添加 Texture Sample 节点然后将基础色连接到 Base Color法线连接到 Normal粗糙度连接到 Roughness。UE5 的 Metallic 默认是 0不需要额外连接。4.7 可选用脚本批量创建地砖模型如果场景中有大量地砖模型可以考虑使用 Blender Python 脚本辅助创建平面并指定材质。下面是一个简化版示例核心是创建平面并指定材质。import bpy # 创建一块地砖平面 bpy.ops.mesh.primitive_plane_add(size0.6) plane bpy.context.active_object plane.name FloorTile_600 # 新建材质 mat bpy.data.materials.new(nameDecorTile_MAT) mat.use_nodes True plane.data.materials.append(mat) print(地砖平面已创建请打开 Shader Editor 连接贴图节点。)这段脚本的作用是快速搭建场景实际材质节点仍需要在着色器编辑器中配置。如果你使用的是 3.x 之后的 Blenderuse_nodes和材质附加 API 都保持兼容直接运行即可。5. 常见问题与排查思路制作花色地砖材质时最容易碰到的问题集中在贴图设置、色彩空间、法线方向和性能优化上。问题现象常见原因解决思路地砖整体发灰花纹不清晰基础色贴图中包含了阴影或对比度过低重新检查基础色贴图确保没有光照信息砖缝凹凸方向反了法线贴图绿色通道方向设置错误在引擎中翻转绿色通道或重新导出法线贴图接缝明显UV 平铺方式不正确检查纹理的四方连续效果修复边缘拼接地砖表面有严重重复感单张贴图重复次数过多增加纹理变化使用多层贴图叠加或细节贴图材质出现金属反光金属度未设为 0将 Metallic 设置为 0或使用黑色金属度贴图法线贴图色彩空间设置错误被当成 sRGB 使用将法线贴图、粗糙度贴图设为 Non-Color贴图变得模糊分辨率太低或压缩格式过强提高贴图分辨率调整压缩设置近距离看时边缘锯齿明显没有使用 mipmap 或各向异性过滤打开 mipmap 和各向异性过滤这里挑三个高频问题详细展开。第一个是“整体发型发灰”。这通常不是灯光问题而是基础色贴图没有剔除环境光照。很多初学者喜欢在画布上直接叠加阴影导致 PBR 光照计算时重复计算。正确做法是只保留纹理本身的颜色信息光照交给渲染器计算。第二个是“法线方向反了”。法线贴图用 RGB 表示方向其中绿色通道对应 Y 轴。在不同软件中Y 轴方向可能相反。最简单的排查方法是在场景中把法线贴图强度调高观察砖缝是凹陷还是凸起如果反了就翻转绿色通道。第三个是“平铺重复感太重”。花色地砖因为花纹明显重复感会比纯色砖更严重。解决方案有两种一种是绘制更大的无缝贴图让图案更有变化另一种是使用“细节法线”或“细节贴图”增加随机感但要注意叠加强度不能太高。6. 最佳实践与工程建议6.1 贴图命名与目录管理花色地砖材质涉及多张贴图如果不统一命名项目一大会非常混乱。推荐命名格式[物体名]_C_BaseColor.png [物体名]_N_Normal.png [物体名]_R_Roughness.png [物体名]_AO.png [物体名]_H_Height.png可选同时建立目录结构Textures/ Tile/ DecorTile/ DecorTile_C_BaseColor.png DecorTile_N_Normal.png DecorTile_R_Roughness.png DecorTile_AO.png6.2 使用真实世界比例地砖材质必须匹配真实世界比例。一块 600mm×600mm 的地砖纹理上的砖缝和图案比例也要符合这个尺寸。在 Blender 中可以在模型上设置真实尺寸再通过 UV 缩放让贴图按物理尺寸正确显示。在 UE5 中材质节点可以使用“纹理坐标”和“常数”控制 Tiling 数值在 Unity 中则是在材质的 Tiling 参数中设置。如果比例不对会出现“砖缝特别宽”“图案无限重复”等违和感。6.3 不要用纯黑和纯白在 PBR 工作流中基础色贴图应避免纯黑和纯白粗糙度贴图也可以适当留有余地。纯白基础色会导致高光过度曝光纯黑基础色会让人觉得材质“死黑”粗糙度全白或全黑会让材质失去层次。适度使用中间灰度是更稳妥的做法。6.4 法线贴图强度调节法线贴图的强度不是越大越好。地砖的砖缝通常是毫米级别的凹槽过强的法线贴图会让砖缝看起来像深沟。在 Blender 中可以通过 Normal Map 节点调整强度在 UE5 中可以直接在连接法线的节点后添加 Multiply 节点控制强度在 Unity 中材质面板中通常也有法线强度参数。建议从 0.5 到 1.0 的范围开始测试。6.5 大场景性能优化大型场景中不可能所有地砖都使用 4096×4096 贴图。建议根据物体在画面中的重要性分 LOD近景主角区域2048×2048 或 4096×4096中景区域1024×1024远景区域512×512 或直接使用纯色材质。还可以考虑使用纹理图集Texture Atlas把多种地砖合并到一张大图上减少材质切换。6.6 生产环境中的协作建议如果团队多人制作同一批材质建议约定公共规则统一的贴图命名统一的色彩空间配置统一的贴图分辨率和压缩格式统一的引擎版本和渲染管线材质文件必须附说明文档记录参数调整思路。这些规范能减少后期返工。7. 进阶学习建议与拓展方向完整掌握“花色地砖材质制作”后可以继续向以下几个方向进阶。第一个方向是程序化纹理。Blender 自带节点可以生成噪声、网格、颜色渐变等效果加上数学节点后可以制作出可参数化的地砖材质。好处是无需绘制贴图即可调节花纹尺寸、缝隙宽度、颜色变化。适合需要大量变体的情况。第二个方向是 Substance 3D Designer。它是一款专业程序化纹理工具可以制作高度可控的花色瓷砖而且生成的纹理自带全套 PBR 通道。学习曲线比直接绘图陡峭一些但效率高很多。第三个方向是扫描与实拍材质。使用相机拍摄真实瓷砖再通过软件处理成无缝 PBR 贴图可以获得更强的真实感。这个方向需要学习摄影、色调映射、无缝拼贴等技巧。第四个方向是风格化地砖材质比如卡通渲染、低多边形风格、手绘纹理。它与 PBR 流程不完全相同更适合游戏风格化项目。除了技术上继续深入也可以多观察真实地砖。材质制作到最后拼的不是软件操作而是对现实中物体质感、光线、细节的观察力。动手做一批不同类型的砖从素色砖到复杂拼花你的控制力会越来越强。如果这篇文章对你有帮助建议收藏备用。实际制作中遇到具体报错和异常效果也欢迎在评论区把现象发出来我会尽量补充更多排查经验。