企业官网建设流程全解析

刚拿到一张白模截图时，多数人的本能反应是“太素了”——干干净净的灰壳子，体积关系在，结构关系在，但看不出场景是清晨还是黄昏、是仙山还是魔窟。曾经我也习惯把它丢回三维软件里重新打灯、铺材质、调雾效，等渲染器把GI跑完，一个上午就没了。后来琢磨出一套完全不吃渲染、纯粹在PS里用图层叠加和蒙版逻辑快速“补气氛”的流程，实测下来3分钟左右就能把白模抬成一张带国风仙侠气质的气氛图。这套方法不光适用于概念设计阶段，项目前期提案、内部方向对比、个人速涂练习都能用。下面把底层思路、配色逻辑、实操步骤和踩过的坑一起展开聊。

1. 为什么白模截图能当气氛图的底子——先搞清楚这3分钟到底在补什么

很多人困惑的是：白模图片信息量那么少，硬靠后期去画，难道不会比重新渲染更费劲？这里有个关键认知要纠正：白模截图的“素”不是缺点，而是它最大的优点。灰模状态下画面没有颜色干扰，黑白灰的分布其实就是光照强度分布，也是体积和空间层次的直接映射。我们要做的不是在上面从零画画，而是利用这层完整、准确的结构关系，像染色布一样把色彩氛围“罩”上去。3分钟听上去夸张，但如果只看重气氛表达力，而不是追求材质细节，这个时间完全够用。

1.1 白模本身提供了什么：灰阶、结构、构图

三维软件里导出的白模截图，本质上是一张灰度图像，但它比普通灰度图多了一个东西——绝对可信的形体比例和空间透视。山体转折、建筑飞檐、地形高低，这些几何信息是手绘时最容易画歪的地方，而白模直接帮你解决了。所以做气氛图时，我们要保护它原有的剪影轮廓和体块关系，后续所有色彩操作都必须建立在“不破坏大形”的前提下。

从实际操作角度看，白模截图还有一个隐藏优势：它的灰阶分布通常比较均匀，人物、建筑、山石都有足够的信息量。这意味着后期用曲线或者色阶调整时，不会轻易出现死黑或死白。假如环境中某个部位光照太强导致一片全白，捕捉曝光时就该考虑开一个“窄范围亮部映射”，也就是在导图时用不同的曝光参数输出两张图，一张正常曝光，一张压暗保高光细节。准备工作做足，后期就会轻松很多。

1.2 气氛图缺的不是“模型细节”，而是“光色信息”的重新组织

概念设计阶段的气氛图，本质上是在表达情绪和氛围，而不是在展示材质的PBR贴图有多精细。你看一张仙侠题材的概念图，打动人的通常不是石头表面的凹凸质感，而是山间云气氤氲的感觉、傍晚金光照在远山上的那种辽阔感、水面上泛起灵光的那种神秘感。这些东西都属于“光色信息”，它们并不依赖模型有多精细，而是依赖你对色彩、层次、空气透视的后期组织能力。

当我这样理解了之后，整个工作流的重心就变了：不再花大量时间去三维里调整阳光角度和雾效参数，而是把精力放在PS后期去重新组织光色。白模里的暗部、亮部会成为我选区和蒙版的依据，让颜色跟随结构走。整个过程很像是给一张黑白照片上色，只不过上色的逻辑不是填色，而是建立一套“光色关系”：冷暖对比、空气透视、遮挡色、受光与背光的色温差。把这套关系画对了，哪怕画面只有寥寥几笔色块，气氛也能立刻立起来。

2. 国风仙侠气氛的底层规律：配色、雾光、留白三板斧

“国风仙侠”这四个字看起来抽象，但在视觉层面有非常明确的套路可以总结。做过几个项目后，我梳理出了国风仙侠题材的几个高频视觉特征：云海雾气、霞光斜照、远山如黛、灵光粒子、水墨晕染边缘。这些元素组合在一起，会形成一种既空灵又壮丽的观感。最核心的三板斧是好配色、分层雾、有韵律的光效。

2.1 常见配色公式与选色逻辑

国风仙侠不同于欧式奇幻那种浓烈的高饱和撞色，也不同于赛博朋克的霓虹粉紫对比。它的配色逻辑更偏向“水墨淡彩”，但又不是完全的灰调子。我长期使用下来效果最稳的一套公式是：基础色取青绿色系作为冷调底色，再叠一层暖金色或霞色系作为亮部关键色，最后用墨蓝色或者酞青蓝做画面重色区域的压制。

选色的具体思路是这样的：打开拾色器，先把明度定位在中低区间，避免用那种亮得刺眼的纯色。青绿方面，我一般取#3E6B6A、#5F8B7A、#355C4D这一类——带一点灰度、带一点黄味的石绿色；金色系则偏向#D4A35C、#E4B35D、#C98B3E，这些颜色偏橘不偏黄绿，跟青色系才能形成互补关系。记住一个原则：国风的“金”不是纯金色，而是偏向阳光色、烛火色的暖，明度太高就会失去古味。

具体上色时，不要让颜色大面积平铺，而是要有计划地分配区域。一般是远景部分以冷青雾色为主导，中景山体结合青与暖的过渡，近景轮廓和受光面用暖金色提亮。画面中暖色所占比例通常不要超过30%，否则就会从仙侠滑向玄幻页游的俗艳感。

2.2 雾气的层次与“离屏雾”思维

有经验的设计师一定听过一个概念叫“离屏雾”，指的是画面中有一层悬浮在半空、不贴地也不贴天空的雾气，它能把空间感瞬间拉开。雾的作用不是在所有物体上都蒙一层白纱，而是只能在特定高度、特定距离出现，让山脚清澈、山腰起雾、山顶透光。这片雾在国风仙侠题材里非常重要，因为没有它，“云海之上”的空间想象就撑不起来。

实际操作时，我会把雾气拆成三个层次来叠加：首先是底层雾，用大尺寸柔边画笔以低透明度刷，作用是统一远近的灰度关系；然后是中层雾，用套索工具选出云带的走向，配合羽化做出流动感；最后是高层雾或仙气，用素材照片或云彩滤镜生成，配合混合模式里的滤色与色阶压白，得到明亮但有细节的云雾。分了三层以后，画面就不会出现“一条雾带横遮半山”的塑料感。

2.3 光效与水墨晕染感的组合

仙侠题材的“仙”字很大程度靠光效来体现。常规的斜射光带、体积光、镜头光晕都能用，但要注意光效本身的形状和软硬度。做得比较好的是“硬边缘+软过渡”的组合：光束中心区域边缘轮廓清晰，和背景产生明确的交界，但这个交界的过渡可以拉得很长，形成一种从有到无的渐隐感。你可以把它理解为一块砚台里滴入清水，边界在，但水的浓度在慢慢稀释。

水墨晕染感则体现在暗部和阴影的边缘处理上。传统手绘水墨画中，笔触边缘常有自然的渗化效果。在PS里模拟这个效果，可以用一个带有粗糙颗粒的笔刷来修边缘，或者用“滤镜-模糊-表面模糊”把经过蒙版的边缘局部软化。这类细节单看不是很明显，但叠加起来之后，画面的气质就从数字绘制的数码味转向了国风特有的纸绢气息。

3. 实操流程：3分钟从白模到国风仙侠气氛图

这套流程我已经在多个项目里反复验证过，稳定可行。前提是手头有一张清晰的白模截图，分辨率建议不低于2000像素宽，这样才能扛得住后期多次叠加、调色和模糊。下面按照时间节奏拆解，方便你们跟着操作一遍。每步的快捷键和混合模式我会标清楚，这套流程的PS版本用的是CC系列，老版本也基本通用。

3.1 准备阶段：白模截图的前置要求

严格来说，真正操作前的准备工作占了整个过程的一半以上。进入PS时，白模图片建议以16位深度打开，色彩模式用RGB就行。如果白模是从三维软件直接渲染出来的，最好勾选“去Gamma”或者把线性色彩空间处理好，避免后期叠色后发现颜色整体偏灰。

在白模中通常都会有主体的受光面和背光面，如果灯光布局不够理想，比如说正前方一盏灯把整个画面打平了，后期会很难救。前置补救办法是：在三维里增加一束侧后方轮廓光再截一张图，不一定用它作为底图，可以在后期作为亮度遮罩辅助。这样做的好处是，后期加光效时，轮廓光的位置会自动形成选区引导，光感会更自然，完全不需要手动涂抹受光区域。

3.2 第一分钟：打底与整体色彩罩染

核心步骤是建立一个曲线调整图层和一个色彩平衡调整图层，先确定画面整体明暗和冷暖基调。曲线层方面，把中间调略微压暗，将高光部分控制在接近白色但不溢出的范围内。这样做的目的是让后加的雾感和光效有足够的“容量”去承载，否则画面后期会越来越灰、越来越闷。

接下来是色彩平衡。在中间调里加入青色和蓝色，在亮部里加入暖黄的色调。不用调得太猛，各通道数值可以先从±10到±15开始。调完看一眼画面，如果白模基本变成了青灰色调中透出暖光的感觉，说明罩染已经成功。这时候图层混合模式默认用“正常”即可，不透明度可以设在80%-100%之间。不要小看这一步，很多人做后期时习惯一上来就堆素材，结果整个画面像贴了张彩色玻璃纸，根本原因就是没有先做整体罩染。

第一分钟内还要顺手处理一个任务：用“色阶”把黑场和白场重新标定一遍。快捷键是Ctrl+L，然后把黑场滑块向右拖到画面中出现一点真正的深色，白场滑块向左拖到画面中最亮的雾区变成接近白色。这样等于给画面定了一个明确的光比，所有后续的颜色都会在这个光比范围内有秩序地运作。

3.3 第二分钟：雾、云、霞光的搭建

第二分钟是整个流程中最出效果的一步。新建一个图层，命名为“远雾”，混合模式设为“滤色”。用画笔工具，选一个大尺寸、硬度为0的柔边圆笔刷，颜色设为白色或淡青色，不透明度控制在20%-30%。在画面的远景位置和半山腰处刷几下，雾的底就铺好了。

接着处理更明确的云带。可以使用套索工具（快捷键L）在需要起雾的区域画一个松散的长条形选区，一定要画得随意，不要拘谨。对这个选区设置羽化，羽化值调到50到80像素之间，然后用白色填充选区。填充后把这个图层的混合模式设为“滤色”，如果觉得太重就降到40%左右。这时你得到一条边缘虚化的云雾带。再复制这个图层，稍微向下移动几像素，加上一个图层蒙版，用黑色画笔把中间局部擦掉，雾气马上就流动起来，不再是死板的一条白带。

霞光则用“渐变工具”来完成。新建一个图层，混合模式设为“叠加”或“线性光”。选择前景色为暖橙色（比如#E4A35C），背景色为透明，使用“前景色到透明渐变”，从画面左上角或右上角斜着拉一条渐变。这时候画面中相当于出现了一个暖色光源输出方向。如果渐变边缘太硬，就对这个图层执行“滤镜-模糊-高斯模糊”，半径设定大一点，比如40到80像素。光是从哪里来的、照在哪些物体上，在这一步就要定下来，后面所有高光强调都以此为基准。

3.4 第三分钟：精修光效、粒子与完稿调色

最后这一分钟主要处理点睛的部分。用钢笔工具或者套索工具，画一条从光源发射方向延伸出的光带路径，羽化后填充成暖白色，然后执行多次径向模糊或者高斯模糊，制造体积光的感觉。光带的图层混合模式建议用“柔光”或“滤色”，不透明度可以先设定在50%左右，再根据画面反馈调整。

仙侠感觉里的“灵光粒子”可以用Spatter滤镜或者自带的画笔预设来完成：新建一个图层，混合模式设为“线性减淡（添加）”，用3到5像素的小圆点画笔，以不透明度不规律的方式在核心视觉区域点缀。这些光点可以是白色、淡青色、淡金色，视画面冷暖需要而定。点缀的疏密要有节奏，不要均匀撒满，重点是光源周围密一点、远处疏一点。

完稿调色我习惯加一个可选颜色调整图层。对于白色区域，把“青色”加一点，在“中性色”里稍微增加黑色输出；最后再加一个渐变映射，从深蓝色到暖黄色再到白色，混合模式设为“柔光”，不透明度在15%-25%之间。这一层就像胶片时代的冲洗调色，作用是统一全图的色彩倾向，顺手做出暗角效果。整体画面方向如果还不够“仙”，就用曲线把阴影部分压入一点蓝灰，把亮部提亮到接近白光。

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

这套流程看着简单，真上手做时还是会遇到各种意外情况。我在反复操作过程中总结了一些高频问题，也摸索出了对应的排查思路。整理出来给大家参考，能避开不少弯。

4.1 色彩闷、脏、土气的原因与对策

色彩闷的根源通常在两个地方：一是曲线层里的黑场没有压下去，暗部不“实”；二是色彩平衡阶段加冷暖色时太平均，导致色相之间互相抵消。排查方法很简单：在调色图层的上方放一个“色相饱和度”调整层，把饱和度暂时拉到最低，观察整张图的灰度关系是否成立。如果灰度关系看着平，那就优先调整曲线和色阶，等黑白灰关系理顺了再重新叠色。

色彩发脏则往往是因为使用了过多灰色画笔叠加在白色区域上，导致亮部发灰，颜色不透。对策是修改提亮工具：把所有提亮操作都用“滤色”模式完成，所有压暗操作用“正片叠底”完成，一般不要用黑色画笔直接涂抹。黑色溶解在画面里很快会让色彩变污，尤其叠在暖黄色上时会出现恶性发黄的鸡屎感。

土气这个问题更有意思，多数是因为暖色色相选得太偏黄绿、明度太统一。国风仙侠里暖色要带红味或橘味才会显得“仙气”，纯黄容易像沙地。我习惯在完稿阶段用一个色彩平衡调整层，专门把“高光”区域里的“黄色”向“红色”方向偏移5到10个数值，画面会立刻通透起来。

4.2 雾层死白、不但没有纵深感反而拉平层次

这是新手最容易踩的坑。雾气一旦加多，整个画面就像隔了一层磨砂玻璃，虽然是仙境了，但什么结构都看不清，视觉重心也丢了。问题的本质在于雾只有“雾度”而没有“雾形”，流动感和疏密感出不来。

解决办法是重新理解雾气要跟随画面结构。在蒙版上把雾气受遮挡的区域——比如近景山石的轮廓、建筑主体——用黑色画笔擦掉，让实体结构保持清晰。其次要检查雾的高光位置是否合理，雾通常在背景主体物的背后和山腰处亮度最高，到了紧贴地面的位置反而应该压暗一些，否则就会给人“镜头起雾”的错觉。

保留体积感的另一个细节在于给雾层加“曲线”调整。把曲线拉成S形，亮部更亮、暗部更暗，这样雾在整个画面里就有了透明和半透明的形态差异，而不是一块均匀的白色滤片。

4.3 光效生硬、像贴纸一样“飘”在画面上

光效生硬一般不是因为画得不够亮，而是因为光效与画面结构之间缺乏遮挡关系。现实中光线穿过树梢时会有阴影碎隙，扫过山峰时会被凸起处切断。要让光效融入，必须在光带图层上添加蒙版，用黑色画笔沿着前景区块的轮廓把光线擦掉一些，人为制造“光被阻挡”的感觉。这个过程不需要很精确，断断续续的遮挡往往会更有味道。

另一方面，光带本身的边缘需要跟底色混合。可以试试把光带图层复制两层：底层混合模式为“线性减淡”，负责制造强度感；上层混合模式为“滤色”，配合高斯模糊，负责柔化过渡。两层叠加后，光效的衰减会更自然，亮度也会更有层次。顺带一提，光效中心最亮的部分最好控制在纯白以下，保留一点点色相信息，即使只是5%的暖色纯度，也比死白更有高级感。

4.4 时间把控与工作流习惯的沉淀

最开始尝试这套流程时，我耗时都在15分钟以上，主要浪费在选择素材和反复试色彩上。后来给流程定了硬性时间阈值：第1分钟没做完罩染和基调定位，就强制自己先锁定一个方向继续往下走；所有图层命名为“雾”“光”“色”“结构”，决不出现“图层1副本3”这类命名。格式化的工作习惯看起来不起眼，但在临危受命时能救命。

另外建议把常用的素材、笔刷、色彩预设收集成一套自己的“国风仙侠速调包”。里面至少包括几张干净的云海素材、几支柔边压力笔刷、三到五个常用渐变预设和配色表。积少成多后，后面再做类似题材时，几乎可以做到套路化批量输出，效率又会再上一个台阶。这个过程很像厨子熬老卤，卤汤越用越香。

最后再分享一个小技巧：当整套图做成之后，不要急着交付，把整个画面水平翻转一下看半分钟。翻转能打破你对原图构图的心理惯性，很多色彩失衡、雾气挡结构、光效方向不统一的问题都会在翻转后暴露得很明显。修完再翻转回来，这张白模气氛图基本就可以拿出去见人了。