企业官网建设流程全解析

1. 植被图集项目的整体设计与核心思路拆解

1.1 为什么植被图集值得单独拿出来做

做场景地编或者环境美术的朋友应该都有体会，植被是那种“看起来简单、做起来要命”的资产类型。一棵树、一丛草、一片蕨类，单看面数不高，但一旦铺满整个场景，性能压力和视觉真实感的矛盾就立刻暴露出来。我在早期项目里吃过不少亏：每种植被单独一套贴图，Draw Call直接爆炸，手机端跑起来帧率掉到个位数，美术效果再好也白搭。

植被图集的核心价值就在于把多株植物的贴图合并到一张或几张图集里，通过共享材质和合理的UV布局，把渲染批次压下来。Substance Designer在这件事上的优势非常明显——它本身就是节点化的程序纹理工具，做图集不是简单地把图片拼在一起，而是从生成逻辑层面就把多株植被的形态、颜色、法线、粗糙度等信息统一管理。你可以理解为：别人是在做“一张张贴图”，而Substance Designer是在做“一套能批量产出贴图的规则系统”。

这套流程适合谁？如果你已经在用Substance Designer做基础的材质，比如砖墙、金属、地面，想往更复杂的有机形态走，植被图集是很好的进阶练习。如果你是从Substance Painter转过来的，习惯了手绘贴图，那这套流程会帮你建立程序化思维。哪怕你只是想知道“为什么游戏里的草看起来那么自然”，跟着走一遍也能明白背后的技术逻辑。

1.2 图集方案选型：为什么不是简单拼图

很多人第一次做图集，直觉反应是打开Photoshop，把几种植被的贴图拖到一张大画布上排好，导出完事。这种做法在静态展示里没问题，但放到实际渲染管线里就会遇到几个硬伤。

第一，边缘溢色。植被叶片通常有大量镂空区域，用Alpha通道控制透明度。如果你在PS里简单拼合，叶片边缘的半透明像素会采样到相邻图块的颜色，出现一圈奇怪的杂色。Substance Designer里可以通过控制每个图块的边界扩展和Alpha处理来规避这个问题。

第二，法线接缝。不同植被的法线方向不一致，拼在一起后如果UV岛之间距离太近，mipmap层级一降，法线就会互相干扰，光照表现直接崩掉。程序化生成时可以在节点层面统一法线空间，保证所有图块的法线朝向一致。

第三，可复用性。PS拼图是一次性劳动，下次要加一种新草，整个图集得重排。Substance Designer做的是参数化图集，你改一个参数，所有图块的布局、间距、边缘处理自动更新。这才是“高级材质艺术家”该有的工作方式。

我个人的选型建议是：如果项目里植被种类少于5种，且风格偏写实单株，用Substance Painter手绘加PS拼合也能凑合。但只要超过5种，或者需要做风格化、卡通渲染，Substance Designer的程序化图集流程就是唯一正解。

1.3 核心节点链路的设计逻辑

整个植被图集在Substance Designer里的节点链路，可以拆成四个阶段：形态生成、材质分层、图集排布、输出配置。

形态生成阶段，核心是“从一张简单的形状图推导出复杂的植被轮廓”。我通常用一个Polygon节点或者Shape节点作为起点，配合Directional Warp和Slope Blur来做出叶片的弯曲和边缘锯齿。这里的关键参数是Warp的强度——太弱了叶片像塑料片，太强了边缘会糊成一团。实测下来，Warp强度控制在0.15到0.25之间，配合Slope Blur的半径在8到16像素，出来的叶片形态最自然。

材质分层阶段，是把颜色、法线、粗糙度、金属度这些PBR通道分开处理。植被的难点在于颜色不能是单一的绿，得有叶脉的深色、叶尖的枯黄、背光的透亮感。我一般用Gradient Map配合Curve节点，把形态阶段生成的灰度图映射成多层次的绿色。法线通道则用Normal节点从高度图转换，注意要勾选“Flip Y”还是“Flip X”取决于你的渲染引擎——Unity和Unreal在这点上不一样，后面会细说。

图集排布阶段，用Tile Sampler或者Tile Generator节点把多株植被按网格排列。这里有个容易忽略的点：每个图块之间要留至少4到8像素的Padding，否则mipmap一降级就会互相渗透。Padding的大小和你的图集分辨率有关，2048x2048的图集，Padding给8像素比较稳妥。

输出配置阶段，要针对不同的渲染管线设置输出格式。Unity的URP和HDRP对贴图通道的打包方式不同，Unreal有自己的ORM打包规则。Substance Designer的Output节点可以同时输出多套配置，这点非常方便。

2. 核心细节解析与实操要点

2.1 叶片形态生成的参数化控制

叶片形态是植被图集的基础。如果形态阶段没做好，后面颜色和法线再精细也救不回来。我在Substance Designer里做叶片形态，通常从以下几个节点入手。

首先是基础形状。用Polygon 2节点画一个细长的椭圆，边数给到32以上，保证边缘平滑。然后接一个Transform 2D节点，把椭圆旋转到合适的角度。这里有个小技巧：不要只做一种叶片形状，用Tile Sampler节点把三到四种不同角度、不同长宽比的椭圆随机排列，这样出来的植被丛才有自然的变化。

接下来是边缘处理。真实的叶片边缘不是光滑的，有锯齿、有缺口。用Directional Warp节点配合一张Noise图，可以做出边缘的不规则感。Noise的类型建议用Perlin Noise，Scale给到8到12，强度控制在0.1左右。太强了叶片会碎掉，太弱了看不出效果。

然后是叶脉。叶脉是植被真实感的关键细节。用Slope Blur节点从叶片中心线提取出主叶脉，再用Multi Directional Warp做出侧脉。这里要注意，叶脉的高度不能太高，否则法线会过曝。我一般把叶脉的高度控制在0.05到0.1之间，配合Normal节点的强度参数微调。

最后是叶片的弯曲。真实的叶片不是平的，有自然的弧度。用Directional Warp配合一张线性渐变图，可以让叶片产生弯曲。弯曲的方向要和光照方向配合——如果场景主光源从左上角来，叶片弯曲方向最好也偏左上，这样高光位置更自然。

注意：形态生成阶段的所有参数都不是孤立的。Warp强度、Noise Scale、Slope Blur半径这三个参数需要联动调整。我的习惯是先定Warp强度，再调Noise Scale，最后用Slope Blur收尾。每次只改一个参数，改完立刻在3D视图里看效果，不要一次性调一堆参数然后靠猜。

2.2 颜色分层的节点组合与调色逻辑

植被的颜色是很多人做不好的地方。常见的问题是颜色太单一，整片草都是同一个绿，看起来像塑料。真实的植被颜色至少有四个层次：叶尖的嫩绿、叶中的深绿、叶脉的黄绿、边缘的枯黄。

在Substance Designer里实现这种多层次颜色，我通常用Gradient Map节点配合Curve节点。具体做法是：先用形态阶段生成的高度图作为Mask，通过Histogram Scan节点把高度值重新映射到0到1之间。然后接一个Gradient Map，在渐变条上设置四个颜色停靠点：0.0位置是深绿，0.3位置是黄绿，0.6位置是嫩绿，1.0位置是枯黄。这样高度越高的区域颜色越亮，高度越低的区域颜色越深，自然形成层次。

但光有Gradient Map还不够，因为植被的颜色还受到环境光的影响。我会再加一个Curve节点，单独调整每个颜色通道的曲线。红色通道稍微压低，绿色通道保持，蓝色通道略微提升，这样出来的绿色更冷、更通透，适合温带植被。如果是热带植被，红色通道要提升，蓝色通道压低，颜色更暖更饱和。

还有一个细节是叶片的透光感。真实的叶片在逆光时会有半透明的透亮效果。在Substance Designer里可以用一个Invert Grayscale节点把高度图反转，然后和颜色图做Multiply混合，模拟透光区域。这个效果在法线通道里也要对应处理——透光区域的法线要稍微翻转，让光照能穿透。

实操心得：调色的时候不要只盯着Substance Designer的2D视图看，一定要开3D视图，把材质贴到一个平面上，旋转光照角度观察。很多颜色问题在2D视图里看不出来，一上3D就暴露了。我习惯每调完一个颜色层，就在3D视图里转一圈，确认不同光照角度下颜色都自然。

2.3 法线与粗糙度的通道处理

法线通道是植被图集里最容易出问题的部分。常见的问题有三个：法线方向不一致、法线强度过曝、mipmap降级后法线接缝。

法线方向不一致的问题，根源在于不同图块的法线基准不同。解决方法是：在生成每个图块的法线之前，先用一个Normal节点把高度图转换成法线，然后统一经过一个Transform 2D节点旋转到相同的朝向。注意，旋转角度要和图块在最终图集里的排列方向一致。如果图块是横向排列的，法线也要横向旋转；如果是纵向排列，法线纵向旋转。

法线强度过曝的问题，通常是因为高度图的对比度太高。在Normal节点里有一个Intensity参数，默认是1.0，我一般会降到0.6到0.8之间。另外，在高度图生成阶段，可以用一个Blur HQ Grayscale节点稍微模糊一下，降低高频细节，法线出来会更柔和。

mipmap降级后的法线接缝问题，本质上是图块之间的Padding不够。除了前面说的留8像素Padding，还有一个技巧是在图集边缘做一圈“虚拟扩展”——用Edge Detect节点检测图块边界，然后向外扩展几个像素，填充和边界颜色相近的内容。这样即使mipmap降级，边界处也不会出现明显的接缝。

粗糙度通道相对简单，但也不能忽视。植被的粗糙度不是均匀的，叶面通常比较光滑，粗糙度在0.3到0.5之间；叶脉和边缘比较粗糙，粗糙度在0.6到0.8之间。我一般用高度图作为Mask，通过Levels节点调整对比度，然后映射到粗糙度范围。注意粗糙度的变化不要太剧烈，否则渲染出来会有奇怪的斑块。

2.4 图集排布与UV布局的实操细节

图集排布看起来简单，实际上有很多坑。Substance Designer里常用的排布节点是Tile Sampler和Tile Generator，两者各有优劣。

Tile Sampler的优点是灵活，可以手动控制每个图块的位置、旋转、缩放。缺点是参数多，新手容易调乱。我的建议是：先用Tile Generator自动排布，生成一个基础网格，然后用Tile Sampler在网格基础上做微调。Tile Generator的Grid Size参数控制网格密度，2048x2048的图集，Grid Size给到4x4或者5x5比较合适，每个图块大约400到500像素。

UV布局的核心原则是：每个图块的UV岛之间要保持足够的距离，同时尽量填满图集空间。这里有个计算公式：假设图集分辨率是S，图块数量是N，每个图块的Padding是P，那么每个图块的最大边长L约等于(S / sqrt(N)) - 2P。以2048x2048、16个图块、Padding为8像素为例，L约等于(2048 / 4) - 16 = 496像素。这个尺寸对于植被叶片来说足够了。

排布的时候还要注意图块的朝向。如果所有图块都朝同一个方向，图集会看起来很呆板。我通常会把图块分成三组，分别旋转0度、120度、240度，这样铺到场景里自然形成错落感。旋转的时候要注意法线通道也要同步旋转，否则光照会错乱。

常见坑：Tile Sampler的Random Seed参数每次重新生成都会变，如果你调好了排布，记得把Seed固定下来，否则下次打开工程图块位置全变了。我一般会在Tile Sampler后面接一个Blend节点，把排布结果和一张固定的Mask图混合，这样即使Seed变了，整体布局也不会跑偏。

3. 实操过程与核心环节实现

3.1 从零搭建植被图集工程的完整步骤

打开Substance Designer，新建一个Graph，命名为“Vegetation_Atlas”。第一步是设置Graph的分辨率，我一般用2048x2048，这个分辨率在大多数项目里够用，如果要做4K图集，后面在Output节点里改就行。

第一步，创建形态生成子图。在Graph里新建一个Subgraph，命名为“Leaf_Shape”。在子图里，用Polygon 2节点画基础椭圆，参数设置：Sides给32，Radius X给0.8，Radius Y给0.2。接Transform 2D节点，Rotation给15度。接Directional Warp节点，Warp Intensity给0.2，Noise Scale给10。接Slope Blur节点，Radius给12。最后接Blur HQ Grayscale节点，Radius给2，降低高频噪点。子图输出一张灰度高度图。

第二步，创建颜色生成子图。新建Subgraph，命名为“Leaf_Color”。把Leaf_Shape的输出连进来，接Histogram Scan节点，Contrast给0.8，Position给0.5。接Gradient Map节点，设置四个颜色停靠点：0.0位置RGB(30, 60, 20)，0.3位置RGB(60, 100, 30)，0.6位置RGB(100, 150, 50)，1.0位置RGB(150, 180, 80)。接Curve节点，红色通道曲线稍微下凹，蓝色通道曲线稍微上凸。子图输出一张彩色图。

第三步，创建法线生成子图。新建Subgraph，命名为“Leaf_Normal”。把Leaf_Shape的输出连进来，接Normal节点，Intensity给0.7，Flip Y勾选（Unity用）或不勾选（Unreal用）。接Transform 2D节点，Rotation和图块排布方向一致。子图输出一张法线图。

第四步，创建粗糙度生成子图。新建Subgraph，命名为“Leaf_Roughness”。把Leaf_Shape的输出连进来，接Levels节点，In Low给0.2，In High给0.8，Out Low给0.3，Out High给0.8。接Blur HQ Grayscale节点，Radius给4。子图输出一张灰度图。

第五步，创建图集排布子图。新建Subgraph，命名为“Atlas_Layout”。把Leaf_Shape、Leaf_Color、Leaf_Normal、Leaf_Roughness四个子图的输出都连进来。接Tile Generator节点，Grid Size给4x4，Padding给8。接Tile Sampler节点，Random Seed固定为42，Rotation Range给0到360度。接Blend节点，把Tile Generator和Tile Sampler的结果混合，Opacity给0.5。子图输出四张图：高度、颜色、法线、粗糙度。

第六步，创建Output节点。把Atlas_Layout的四张输出分别连到Output节点。Output节点里设置输出格式：Base Color用sRGB，Normal用Linear，Roughness用Linear，Height用Linear。如果项目用Unreal，还要加一个ORM打包节点，把Roughness、Metallic、Ambient Occlusion打包到一张图的RGB通道。

3.2 关键参数的实测数据与调整记录

在搭建过程中，我记录了一组实测数据，供参考。

这组数据是我在多个项目里反复验证过的，但要注意，不同风格的植被需要微调。比如做风格化植被，Warp Intensity可以给到0.3，Noise Scale给到15，边缘更夸张。做写实植被，Warp Intensity降到0.15，Noise Scale降到8，边缘更柔和。

调整的时候有一个原则：每次只改一个参数，改完立刻在3D视图里看效果。我见过很多新手一次性改五六个参数，结果出来效果不对，根本不知道是哪个参数的问题。Substance Designer的节点是链式的，上游改一点，下游全变，所以一定要有耐心，一个参数一个参数地调。

3.3 输出配置与引擎对接的实操细节

Substance Designer的输出配置直接决定了贴图能不能在引擎里正确显示。这里分Unity和Unreal两种情况说。

Unity的URP管线，Base Color贴图要设置为sRGB，Normal贴图要设置为Linear，Roughness贴图要设置为Linear。如果项目用HDRP，还要额外输出一张Mask贴图，把Metallic、Ambient Occlusion、Detail Mask打包到RGB通道。Unity的Normal贴图有个特殊要求：Flip Y要勾选，因为Unity的法线空间是Y轴向上的。如果你在Substance Designer里没勾选Flip Y，导入Unity后法线会反，光照看起来会很奇怪。

Unreal的管线，Base Color贴图要设置为sRGB，Normal贴图要设置为Linear，并且Flip Y不要勾选，因为Unreal的法线空间是Y轴向下的。Unreal还有一个ORM打包规则：Roughness放G通道，Metallic放B通道，Ambient Occlusion放R通道。Substance Designer里可以用Channel Mixer节点手动打包，也可以用Output节点的Preset功能自动打包。

导出格式建议用PNG或者TGA，不要用JPG，因为JPG是有损压缩，法线贴图压缩后会出现块状伪影。PNG的无损压缩对法线贴图更友好。如果图集分辨率是2048x2048，PNG文件大小大约在5到10MB之间，可以接受。

实操心得：导出之前一定要在Substance Designer的3D视图里预览一遍，把材质贴到一个平面上，旋转光照，检查法线方向、颜色饱和度、粗糙度变化。我遇到过好几次在2D视图里看着没问题，一导入引擎就发现法线反了或者颜色偏了。预览的时候用引擎自带的材质球最好，如果没有，Substance Designer自带的PBR预览也够用。

4. 常见问题与排查技巧实录

4.1 图集边缘溢色与接缝问题的排查

边缘溢色是植被图集最常见的问题。表现是叶片边缘出现一圈不属于该叶片的颜色，通常是相邻图块的颜色渗透过来。排查思路如下。

第一步，检查Padding是否足够。在Tile Generator节点里把Padding从8调到12，重新生成，看溢色是否减轻。如果减轻了，说明Padding不够。如果没变化，说明问题不在Padding。

第二步，检查Alpha通道的处理。植被图集的Alpha通道通常是从高度图转换来的，如果高度图的边缘不够锐利，Alpha边缘就会有半透明像素，这些像素会采样到相邻图块的颜色。解决方法是在高度图生成阶段加一个Levels节点，把边缘对比度拉高，让Alpha边缘更锐利。

第三步，检查图块的边界扩展。在Tile Sampler节点里有一个“Extend Mode”参数，设置为“Clamp”可以让图块边界向外扩展，填充和边界相近的内容。这个参数对消除溢色很有效。

接缝问题通常出现在mipmap降级后。表现是图块之间出现一条细线，颜色和周围不一致。解决方法是：在图集生成后，加一个Edge Detect节点检测边界，然后用Blur HQ Grayscale节点模糊边界，最后用Blend节点把模糊后的边界和原图混合。这样即使mipmap降级，边界处也不会出现明显的接缝。

4.2 法线方向错误与光照异常的排查

法线方向错误的表现是：材质在引擎里看起来凹凸反了，本该凸起的地方凹下去了，或者光照方向不对。排查思路如下。

第一步，确认Flip Y的设置。Unity要勾选Flip Y，Unreal不要勾选。如果你不确定项目用哪个引擎，可以在Substance Designer里输出两套法线贴图，一套Flip Y，一套不Flip Y，导入引擎后对比。

第二步，确认法线旋转角度。如果图块在排布时旋转了，法线也要同步旋转。检查Transform 2D节点的Rotation参数是否和Tile Sampler的Rotation Range一致。如果不一致，法线方向就会错乱。

第三步，确认法线强度。Normal节点的Intensity参数如果太高，法线会过曝，光照看起来像塑料。如果太低，法线效果不明显，看起来像平面。我一般用0.7，你可以根据项目风格微调。

光照异常还有一个可能的原因是粗糙度贴图的问题。如果粗糙度贴图太光滑，高光会过强；如果太粗糙，高光会消失。检查Levels节点的输出范围，确保粗糙度在0.3到0.8之间。

4.3 性能优化与图集尺寸的平衡

图集尺寸越大，贴图精度越高，但显存占用也越大。2048x2048的图集，RGBA通道，显存占用大约是16MB。4096x4096的图集，显存占用是64MB。对于移动端项目，2048x2048是上限，再大就会影响性能。

如果项目里植被种类很多，一张图集放不下，可以考虑拆成两张图集。比如一张放草本植物，一张放木本植物。两张2048x2048的图集，显存占用32MB，比一张4096x4096的图集64MB要省。

还有一个优化技巧是：把不重要的通道合并。比如粗糙度和金属度可以打包到一张图的RG通道，环境光遮蔽打包到B通道。这样一张图就能搞定三个通道，省下两张贴图的空间。

Draw Call的优化也很关键。图集做好后，在引擎里要把所有使用同一张图集的植被合并到一个材质里，这样引擎才能合批。Unity里用Material Property Block，Unreal里用Material Instance，都可以实现合批。

4.4 常见问题速查表

独家避坑技巧：在Substance Designer里做图集的时候，养成随时保存版本的习惯。我一般每完成一个子图就保存一个版本，命名规则是“Vegetation_Atlas_v01”、“Vegetation_Atlas_v02”。这样如果后面调崩了，可以随时回退到上一个版本。Substance Designer的撤销栈有限，节点多了之后撤销很容易出问题，版本备份是最稳妥的。

5. 进阶技巧与项目实战经验

5.1 风格化植被图集的参数调整策略

风格化植被和写实植被在Substance Designer里的参数差异很大。写实植被追求自然、随机、细节丰富；风格化植被追求夸张、统一、形状明确。

形态阶段，风格化植被的Warp Intensity可以给到0.3到0.4，Noise Scale给到15到20，边缘更夸张。Slope Blur的Radius可以降到6到8，叶脉更锐利。颜色阶段，Gradient Map的颜色停靠点可以更饱和，比如嫩绿用RGB(120, 200, 60)，深绿用RGB(40, 80, 20)。法线阶段，Normal Intensity可以给到0.9到1.0，凹凸更明显。

风格化植被还有一个特点是形状重复度高。写实植被每株都不一样，风格化植被可以接受一定程度的重复。在Tile Sampler里把Random Seed固定，Rotation Range缩小到0到180度，这样图块之间的变化更少，风格更统一。

5.2 多图层植被图集的混合与过渡

如果项目里植被种类很多，一张图集放不下，可以用多图层混合的方式。具体做法是：做两张图集，一张放草本，一张放木本。在引擎里用两张图集分别做两个材质，然后用Landscape Layer Blend节点混合。混合的时候要注意两张图集的颜色空间要一致，否则混合后颜色会偏。

Substance Designer里也可以做多图层混合。用Blend节点把两张图集的输出混合，Blend Mode选Overlay或者Soft Light，Opacity给0.5。这样出来的图集既有草本的细腻，又有木本的厚重。但要注意，混合后图集的分辨率会翻倍，2048x2048混合后变成4096x4096，显存占用也会翻倍。如果项目对性能敏感，慎用这个方案。

5.3 植被图集在开放世界场景中的铺装策略

图集做好后，怎么铺到场景里也是门学问。开放世界场景里，植被通常用Foliage工具铺装。Unity用Terrain的Paint Trees和Paint Details，Unreal用Foliage Mode。

铺装的时候要注意几个参数：Density控制植被密度，Scale控制植被大小，Random Rotation控制随机旋转。我一般把Density设在0.5到1.0之间，Scale设在0.8到1.2之间，Random Rotation全开。这样铺出来的植被既有密度感，又有自然变化。

还有一个技巧是用Procedural Foliage Volume（Unreal）或者Procedural Placement（Unity）做程序化铺装。设置好植被的分布规则，比如坡度小于30度、海拔低于500米、距离水源小于100米，引擎会自动在这些区域铺植被。这样比手动刷效率高得多，而且分布更自然。

实战经验：在开放世界场景里，植被图集的分辨率不要超过2048x2048，否则显存和带宽压力太大。如果项目是主机端或者PC端，可以用4096x4096，但要做好LOD，远处植被用低分辨率图集，近处用高分辨率图集。LOD的切换距离根据项目视距来定，一般50米到100米之间。

5.4 从Substance Designer到引擎的完整工作流复盘

最后复盘一下完整的工作流。第一步，在Substance Designer里搭建植被图集工程，包括形态、颜色、法线、粗糙度四个子图。第二步，用Tile Generator和Tile Sampler做图集排布，设置好Padding和Random Seed。第三步，配置Output节点，根据目标引擎设置颜色空间和通道打包。第四步，导出PNG或TGA贴图。第五步，导入引擎，创建材质，连接贴图通道。第六步，用Foliage工具铺装植被，调整密度、大小、旋转。第七步，在场景里预览，检查光照、颜色、法线是否正确。第八步，根据预览结果回到Substance Designer微调参数，重新导出。

这个工作流我跑了不下几十遍，每次都能发现新的优化点。比如最近一次项目里，我发现把法线贴图的Flip Y设置做成一个Switch节点，可以在Unity和Unreal之间快速切换，不用手动改参数。还有一次，我把图集的Padding从8调到12，边缘溢色问题直接消失了。这些细节都是在实际项目里踩坑踩出来的，文档里不会写，但实战中非常有用。

植被图集这个方向，Substance Designer只是工具，核心还是对植被形态、颜色、光照的理解。工具可以学，理解需要积累。多观察真实的植被，多看优秀项目的植被处理，多动手做，慢慢就有感觉了。