企业官网建设流程全解析

有个细节我到现在都记得很清楚：一张墙面渐变的产品图，前景多出一截不该出现的电线，我框了个选区、按下填充、等了两秒——电线是没了，可原本细腻的墙面渐变上出现了一块明显的"补丁"，颜色过渡断了一截，纹理朝着反方向重复。客户看了一眼说"这块是不是修过"。那一刻我才真正明白，PS 里的填充从来不是"点一下就干净"，它是一个需要你去指挥、去判断、去收尾的动作。下面这些内容，是我这几年在电商修图、合成海报、老照片翻新、界面素材处理这些场景里反复攒下来的经验，讲的是填充这条链路怎么想、怎么做、怎么补救。不管你是刚接触图层的新手，还是已经用了一段时间但总觉得"填完就是有点假"的人，应该都能从中挑到几处能立刻用上的东西。

1. 先把填充这件事拆开看：它解决的从来不是填颜色

1.1 为什么修复类操作里大半的活都落在填充上

刚入门的人对填充的理解往往停在"把一块区域刷成某个颜色"，所以第一次打开填充对话框时看到一堆选项会发愣。实际上填充要解决的是四类完全不同的问题：第一种是覆盖，用纯色或图案盖住原有内容；第二种是延伸，把周围的像素往空白处推，让画面变宽变大；第三种是抹除，把多余的元素去掉并且让留下的地方看不出痕迹；第四种是贴附，把平面素材按透视关系铺到有角度的面上。这四类需求在操作上共用同一个入口，但背后的算法、参数、验收标准完全不一样。

把这四类分清楚，能省掉大量返工。我见过不少人拿到一张需要扩画布的图，直接框一圈选区做内容识别填充，结果出来的边缘是一团模糊的色块，然后开始怀疑是不是软件不行。问题不在软件，在于他要的是"延伸"却用了"抹除"的思路——抹除允许粗糙，只要看不出有东西；延伸要求连续，接缝不能断。目标定错了，参数怎么调都是白调。

所以我一般建议：动手之前先问自己一句"我这里要的是哪一种"。是要让这块地方彻底看不出有内容，还是要让这块地方自然地长出新的内容，还是要把某个纹理按规律贴上去。答案不同，后续所有选择都会跟着变，包括工具、采样来源、是否新建图层、最后要不要手动收尾。

1.2 三种填充入口对应三类完全不同的需求

PS 里和填充相关的入口至少有三个层次，很多新手只知道中间那一个，导致明明有更合适的路径却硬在错误的工具里较劲。

这里有个很实用的判断标准：你要补的那块区域，周围有没有可学习的规律。如果周围是纯色墙、均匀草地、渐变天空，内容识别的成功率高得离谱；如果周围是密集的文字、整齐的网格、人物的面部细节，那机器基本就是在赌，十次里面能中两次就算运气好。这时候与其反复重试，不如直接换思路——手动补一小块采样，或者干脆用仿制图章慢慢擦。

还有一点容易被忽略：填充命令和内容识别填充是两个不同层级的工具，前者快但"傻"，后者慢但"懂"。赶时间的时候我会先用快的那一个试一下，出来能看就用，不能看立刻切到工作区里调参数。这个"先快后慢"的试错节奏，比一上来就打开重工具省钱也省眼睛。

2. 内容识别填充的内在逻辑：软件到底在猜什么

2.1 采样区的选择决定了结果的上限

内容识别填充的工作区里，"取样区域"这一项是整个功能的命门。默认状态下它会自动从选区四周取一圈像素回来做素材，问题是这个"自动"完全不懂你的画面结构。假设你要去掉画面左下角的一只饮料瓶，而选区左边缘正好压着一块颜色相近的阴影，自动采样很可能把阴影当成主要参考，补出来的地方就带着一层莫名其妙的暗调。

正确做法是手动切换成自定义采样，用画笔在真正"长得像目标区域"的地方涂出采样区。这里有个原则我一直在用：采样区要覆盖目标区的完整光照梯度。什么叫完整梯度？比如你补的那块地方，左边受光右边背光，那你的采样区就必须同时包含受光部分和背光部分，让算法知道这里存在一个渐变。只采一边，补出来必然是平的，一眼假。

采样画笔的大小也有讲究。笔刷太粗，会把不需要的元素一起圈进来，等于给算法喂了垃圾；笔刷太细，采样区稀稀碎碎，算法缺少足够样本，结果会变成一团均值化的模糊色。我通常先用大笔刷快速铺一遍大致范围，再切小笔刷把明显不该包含的区域擦掉。这个"先铺后擦"的动作，比一开始就精雕细琢快得多，因为采样区不需要精确，只要方向对。

另外工作区里有几个开关值得记住：颜色适应控制补丁和周围色调的融合程度，数值高一点适合渐变，低一点适合硬边纹理；旋转适应和缩放适应在纹理有方向性的时候很有用，比如斜向的砖墙、条纹布料，打开之后算法会尝试旋转翻转采样素材去贴合方向，关掉的话补出来就是平行复制；镜像在处理对称结构时是意外好用的选项，比如人脸、成排的窗格。这些开关不是每次都要开，但知道它们存在，碰到疑难情况时就有牌可打。

2.2 为什么有时越"智能"越糊，有时手动拖几下反而干净

这个现象非常普遍：同一张图，用内容识别填完是一团浆糊，用最原始的仿制图章手动拖了十几下，反而干净得像没动过。原因在于两种方法的能力边界不同。内容识别擅长的是均质纹理的连续延伸，它本质上在算概率，找最像的像素拼过去，一旦目标区域的语义复杂（有明确的结构线、有物体边界、有文字），算法就无法判断"这里应该是墙还是应该是门框"，于是给出一个折中的糊状结果。

仿制图章虽然笨，但它有一个碾压性的优势：你说了算。你知道墙面的砖缝在哪里拐弯，你知道人脸的高光应该落在哪，你手动对齐一次，结果就是符合你判断的。所以真实的修图流程里，这两者从来不是二选一，而是分工：大面积均质区交给内容识别，结构交界处交给人手。

我常用的组合拳是这样的：先用多边形套索把要去的元素粗框住，留出一点余量但不要框得太宽，填充一次拿到大致的底色；然后降到一个较低的硬度，用仿制图章沿着结构线（比如砖缝、墙角的明暗分界）手动把被破坏的结构接回去；最后用很低的流量配一笔轻轻扫一遍，把接缝处的色差磨平。这套流程比纯自动慢一点，但成品率高出太多。

提示：不管用哪种填充，动手之前先复制一层背景。内容识别填充是不可逆的，虽然可以撤销，但如果你在它上面又叠了别的操作，撤销栈一乱就很难退回到干净状态。多一个图层，多一条退路。

还有一个反直觉的点：小选区比大选区更准。很多人的直觉是"一次框大点，省得填两次"，结果恰恰相反。填充的质量随选区面积增大而急剧下降，面积越大，算法要猜的自由度越高，出错概率越大。把一个大区域拆成三四个小区域分次填，每次填完检查一次，整体效果远好于一次性梭哈。这个道理和拼图一样，小块拼得准，大块才有意义。

3. 图案填充与透视填充：被严重低估的两块能力

3.1 图案填充不是纹理平铺那么简单

很多人对图案填充的印象停留在"平铺一个格子背景"，觉得这功能有点土。实际上在处理实际素材时，图案填充的用处大得惊人，尤其是在需要重复结构的场景：织物纹理、地砖、编织篮、金属拉丝、纸张颗粒。

关键在于图案怎么定义。直接拿一张纹理图去定义图案，出来往往是硬邦邦的平铺，接缝明显。正确的做法是先在素材上裁出一块能被无缝拼接的区域，裁的时候要注意让左右边缘、上下边缘能自然衔接。手动做无缝拼接有个小技巧：把素材复制一层，水平偏移一半宽度，这时候接缝会跑到画面中间，看得一清二楚；用修补工具或内容识别把那道接缝处理掉，合并之后再定义成图案，平铺出来就基本看不出重复。

图案填充还有几个实用选项：脚本图案里提供了几种自动生成的图案类型，做背景底板时很好用；填充的时候可以设定角度和缩放比例，同一个图案转个角度就是完全不同的观感，缩放调到很小可以模拟噪点质感，放大可以做出夸张的装饰效果。我做过一组海报，全部用同一个基础图案，只是通过角度和缩放的变化做出完全不同的四种底纹，省掉了大量找素材的时间。

还有一个高级用法：把图案填充和图层混合模式结合。定义好图案后新建一个图层做图案填充，然后把混合模式改成叠加或柔光，调节不透明度，就能做出非常自然的纹理叠加效果——比直接贴一张纹理图再调透明度要干净，因为它天然是平铺无缝的，不会有边缘对不齐的问题。

3.2 透视填充搞定的是"平面贴到斜面"的活

透视填充解决的场景很具体：你有一张平面的图案或文字，要贴到一个有透视关系的面上，比如包装盒的侧面、地面的瓷砖、墙上的海报位。直接自由变换拉四角也能做，但变形之后图案会失真，尤其是需要重复的纹理，透视关系一旦不准，整个画面就散了。

正确路径是先进入透视滤镜，用创建平面工具的四个角点去贴合目标面，画出一块网格。网格贴准之后，在这块网格内做选区，再执行填充，选择"使用图案"或者用仿制的方式把素材拉进来。这样贴上去的素材会自动按网格的透视关系变形，重复单元的间距、走向都是对的。

这里最容易出错的地方是网格点位的精度。四个角点差几个像素，贴上去的图案就会整体偏斜，尤其是面积大的面，误差会被放大得非常明显。我的习惯是先把画面放大到百分之二百，把四个角点咬死在真实的角上，如果目标面有明显的分界线（比如瓷砖的缝、盒子的边），就拿这些线当参照去校准。花两分钟对准，能省掉后面半小时的反复调整。

还有一点：透视填充对素材本身的方向性很敏感。同样一块地砖纹理，如果素材本身是倾斜拍摄的，贴到透视网格上会出现双重变形，结果是糊的。所以贴之前先确认素材是不是正面平视拍的，不是的话先校正一次再贴，链路会更干净。

4. 填充翻车的排查链路：从结果反推每一步

4.1 边缘发虚与重复纹理：两个最高频的现象怎么归因

填充完不满意，大部分人第一反应是"再填一次"，反复几次之后把中间过程全搅乱了，最后连原始状态都找不回来。更有效的做法是看清症状，反推是哪一步出的问题。

症状一：边缘发虚、和目标区域有明显的软过渡。这个症状几乎百分之百指向选区问题。选区的羽化值太大，填充的结果就会和周围柔和地糊在一起；或者选区本身太贴近目标元素的边缘，没有留出足够的余量，算法缺少参照。解决办法很简单：把羽化调回零，重新框选区时往外扩三到五个像素，让选区边界落在纯背景区域里。

症状二：出现明显的重复纹理、像贴了张复制品。这是采样区太小的典型表现。采样素材不够丰富，算法只能反复复制同一块，重复感就会暴露。处理方向是扩大采样范围，同时保证采样区包含至少两种不同的明暗变化。如果目标区域本身面积就很大，那说明这个活不适合一次填完，拆成多次小块填充才是正解。

症状三：颜色对不上，补丁区域偏亮或偏暗。这类问题多半来自画面里的光照渐变没被纳入考虑。采样区如果只取了背光面，补出来必然偏暗。同样用扩大采样的思路解决，或者填充完成后用一个很柔的曲线调整层局部压一下，把亮度差抹平。

症状四：结构断裂，比如砖缝、线条在补丁处突然错位。这个已经不是算法能解决的了，属于语义理解的空缺。唯一的办法是手动接：用仿制图章以结构线为基准点，对齐着拖过去，几笔就能接上。这也是为什么我一直强调"结构交界处必须人工收尾"，机器不认识砖缝是连续的。

4.2 一个完整的排查顺序清单

我把实际用下来最顺手的排查顺序整理成了下面这张表，从上到下依次检查，绝大多数问题在前三步就能定位。

这个清单的价值在于防止盲目重试。很多人填不好就一遍遍重新填，每次结果都不一样，但不知道为什么会好或为什么会坏，等于在抽奖。按顺序一项项排除，你会很快发现九成的问题都集中在前两项——选区和采样。这两个东西控制好了，后面基本不需要做什么补救。

注意：内容识别填充工作区里的预览是可以反复重算的，改完参数后不要急着确认，先看预览，觉得不对就继续调，直到满意再点确定。确认之后的修改成本比在工作区里高得多。

5. 非破坏性填充：把后悔药提前备好

5.1 智能对象与蒙版在填充中的组合用法

做修图这行做久了，最怕的不是填不好，是填完之后想改却改不动。所以我现在的习惯是：任何一次填充都放在独立的图层上，配合蒙版控制显示范围，原始图层永远保持不动。

具体操作是这样：先复制背景层，把副本转成智能对象。这一步的意义在于，智能对象上做的滤镜类操作（包括透视滤镜）会记录成智能滤镜，随时可以双击回去改参数，而不是一锤子买卖。然后再新建一个空白图层用来承载填充结果，图层顺序放在智能对象之上。填充的时候勾选"在所有图层上取样"，这样算法会参考下面所有可见内容，而结果只落在空白层上，原图分毫未动。

这套结构的好处是：填充结果单独一层，用蒙版想藏哪就藏哪；万一填歪了，直接删掉这层重来，一分钟的事；如果只想让填充生效在某一块区域里，画个蒙版就解决了，不需要重新框选区。我在做那种要反复修改的商业图时，基本都用这个结构，改到第五版都不慌。

还有一个细节：填充之后再上一个曲线或色阶调整层，并把调整层剪贴到填充层上，这样就可以单独给补丁区域调色调亮度，而不影响周围。这个技巧在补丁和其他区域有轻微色差时特别管用，比重新填充快一百倍。

5.2 填充图层与调整层的配合

除了直接填充到像素层，还有一个思路是用填充图层（纯色或图案的填充层，自带蒙版）。这种图层的优势是完全参数化——颜色可以随时改，图案可以随时换图案种类、角度、缩放，不透明度一直可调，蒙版随时可以修改。做背景底板、做局部的颜色修补，这个方式的可维护性远超直接在像素上填。

举个实际例子：一张产品图背景需要统一成某种浅灰，但原背景有轻微的渐变和杂物。直接在像素上填一个纯灰会显得很死。用一个纯色填充层铺底，然后把原图层的混合模式改一下让产品保留，再用蒙版在产品和背景交界处仔细擦，就能得到干净又不死板的背景。整个过程全是可逆的，客户说换成另一个灰度，改一下填充层的颜色就完事。

调整层和填充层的搭配也有讲究。填充层负责"有什么"，调整层负责"什么样"。比如先用图案填充层铺一层纹理，上面叠一个曲线调整层压暗四角做出暗角感，再叠一个色相饱和度把纹理的色彩拉低。这三层都是非破坏的，随时能拆开重组。做久了你会发现，真正高效的工作流不是"一次做对"，而是"留足了改的余地"。

6. 常见场景的填充策略对照

6.1 去杂物、去路人、扩画布、修瑕疵四类场景

不同的需求用同一套操作是浪费。下面这张对照表是我自己在实际项目里总结的，可以当速查用。

去杂物这一类是最常见的，关键在"紧"。选区越紧贴元素，算法可参考的周围信息就越完整，成功率越高。反过来，如果你框得宽松，算法在补的时候要把一大片空区都靠猜填满，糊的概率直线上升。我见过有人为了"保险"把选区框得特别宽，结果反而更难修。

扩画布这一类则完全相反，需要的是长条形的选区沿着边缘延伸，而且要把旋转适应关掉——因为你要的是沿着原方向继续长，而不是让算法随便找方向。这时候采样区的设置要覆盖整条边缘的上下方向，保证算法理解"这里的光照是怎么变化的"。填完之后通常还要用很柔的画笔在接缝处轻轻扫一遍，把可能的硬边磨掉。

修瑕疵这一类最小，但也最考验耐心。大面积用污点修复凑合，小面积用手动采样更稳。特别是皮肤上的瑕疵，污点修复有时候会把纹理一起抹平，显得那块皮肤特别"假滑"。我的做法是用很低的流量，采一块干净但纹理相似的皮肤，一点点地点上去，宁可多点几次也不要点一大片。

6.2 边界处理与质感回收的收尾技巧

填充做完不等于活干完，最后那几分钟的收尾决定了这张图是"修过"还是"没修过"。我总结下来有三个动作必做。

第一个动作：把接缝磨掉。新建一个空白层，用很低的流量（百分之五到百分之十）、合适的颜色，沿着补丁和原图的交界处轻轻扫一遍。这一步不是涂颜色，是让交界处的过渡变软。如果色差明显，就用曲线调整层局部压一压，比重新填充快得多。

第二个动作：把质感补回来。内容识别填充有个通病——补出来的地方往往偏"平"，缺少原图那种细微的颗粒感。尤其是有噪点的照片或者有纹理的墙面，补丁区域会显得特别干净，干净得不真实。处理方法是在填充层上叠一个极低不透明度的噪点或纹理，或者用软画笔配颗粒笔刷轻轻点一遍，把那种微妙的粗糙感找回来。这个细节在很多教程里没人提，但它是"看不出修过"和"一眼假"的关键分界。

第三个动作：退远看。放大到百分之百盯着看久了，眼睛会适应，什么问题都发现不了。我习惯在最后阶段把图缩到大概百分之五十甚至更小，整体扫一眼。如果在小尺寸下补丁依然能被一眼认出来，那说明还有问题没解决；如果小图看着完全连贯，基本就过关了。这个动作花不了十秒，但救过我好几次。

最后再分享一个我踩过很多次坑才养成的习惯：每次填充之前，先把画面另存一个版本。不是因为填充一定会失败，而是因为填充这个操作的心理特点是"越改越敢改"，改到后面往往已经偏离了最初想要的效果，却因为没有原始参照，说不清哪里不对劲。留一个起点，你随时可以回头对比，判断自己是不是做过头了。这个习惯看起来笨，但它比任何技巧都更实际地提高了我的成品率。