LAYER 05 · 后期与设计软件

后期与设计软件:
从成图到可交付资产

生成图只是素材,交付物才是产品。放大、Photoshop 精修与合成、Illustrator(Ai)矢量延展、多尺寸适配与分层文件,决定客户能不能直接使用。

20 节 · 约 12 小时PS 12 节 + Ai 8 节应用

00本层目标

  • 掌握商业级放大的正确顺序和参数边界。
  • 能用 Photoshop 做频率分离、色彩管理和非破坏性精修。
  • 交付一套可编辑、可适配、可印刷的完整文件包。
一句话原则:客户买的不是「一张好看的图」,而是「一套能直接用的资产」。

01放大:先修结构,再提分辨率

放大不能修复错误的结构。先在基础分辨率把构图、产品形状和光影确认好,再做分块放大。

方案用途关键参数注意
Ultimate SD Upscale分块重绘放大,补细节tile 512–1024,denoise 0.2–0.4,seam fixdenoise 太高会改掉原图
4x-UltraSharp纯放大,速度快4x 模型容易过锐,印刷前检查
传统插值快速预览Lanczos不能增加真实细节

印刷级交付常见 300 DPI;网页端用 sRGB。放大后要检查边缘、文字和产品 logo,必要时回到 Photoshop 手工修。

5APhotoshop:精修、合成与交付

Photoshop 在商业流程里不是「加个滤镜」,而是把生成图变成可编辑、可印刷、可交付的资产。你需要掌握图层、蒙版、选区、调色、合成和导出,而不是只会一个生成式填充。

PS 学习清单(12 节)

约 8–10 小时
  1. 01界面、工作区、图层与蒙版基础
  2. 02选区与抠图:对象选择、通道、钢笔
  3. 03Camera Raw 调色与色彩管理(sRGB / AdobeRGB / ICC)
  4. 04人像精修 A:频率分离
  5. 05人像精修 B:中性灰 / 双曲线
  6. 06生成式填充、内容识别、创成式扩展
  7. 07合成 A:光影匹配
  8. 08合成 B:透视匹配
  9. 09合成 C:接触阴影与环境光遮蔽
  10. 10锐化、降噪与 AI 放大工具配合
  11. 11多尺寸导出:Web / 印刷 / 分层 PSD
  12. 12项目实战:从生成图到商业交付包

合成难点一:光影匹配

合成图最怕「主体像是贴上去的」。第一步不是调色,而是确认主光方向:高光在哪一侧、阴影朝哪里、环境光的色温偏冷还是偏暖。把主体和背景都转成黑白看一次,明暗关系会立刻暴露问题。

接着用曲线、色彩平衡和可选颜色统一色温,再补高光与阴影的位置。商业图里常见做法是先匹配主光,再压暗主体边缘,最后用一层很轻的环境色叠加把两者「粘」在一起。不要用一个大羽化橡皮擦草草了事。

合成难点二:透视匹配

透视不对,比例就会假。先找背景的消失点和地平线,再判断相机高度:是平视、俯拍还是低角度。主体的灭失点、桌面边缘和产品底部必须服从同一套透视。必要时用自由变换的「透视 / 变形」微调,但不要拉到变形。

比例尺同样重要。一个香水瓶在桌面上的高度、投影长度和背景道具的比例要对得上。经验法则是先在背景里放一个参考方块,确认透视和比例,再替换成产品。这样比反复目测可靠。

合成难点三:接触阴影

产品「浮」在背景上,通常不是抠图问题,而是接触阴影缺失。接触阴影包括底部的环境光遮蔽(AO)、投影的软硬和接触面的暗部。硬光对应边缘较实的投影,柔光对应更散、更淡的投影。

做法是单独建一层阴影:先用柔边画笔画出大致范围,再用高斯模糊和蒙版控制软硬,最后用正片叠底或颜色加深融合。接触面最暗的一条不要省,它决定了物体有没有重量。

Before / After 案例原图问题处理后关键步骤
香水瓶合成主体边缘发白,像贴在背景上边缘融合,桌面有自然投影先修边缘,再匹配主光方向,最后补接触阴影
人像换背景脸部色温偏冷,背景偏暖肤色和背景统一,眼神光保留用曲线统一色温,单独保护眼神光和高光
产品场景图产品「飘」在画面中,没有重量底部有接触阴影,透视和比例成立先找地平线,再用 AO 阴影压住接触面

人像精修:频率分离与中性灰

频率分离把颜色/光影(低频)和纹理(高频)拆开处理:低频修肤色不均和光影,高频修痘印和毛孔。关键是少量多次,保留皮肤纹理;修得太干净会像塑料。产品材质也可以用同样思路处理划痕和反光。

中性灰(或双曲线)用来做整体的明暗塑形:新建 50% 灰图层,用低不透明度黑白画笔提亮和压暗,重点处理颧骨、鼻梁、下颌线和产品结构。不要一开始就画很重,分层叠加比一次到位更自然。

模块 5A 验收

交付一张合成图的分层 PSD + 三种尺寸导出件。

交付物:分层 PSD(主体、背景、光效、调色、文字分开)+ 1:1 / 4:5 / 9:16 三个尺寸 + 一份操作说明。
自检清单0 / 5 已完成

5BIllustrator(Ai):矢量、排版与印刷

Illustrator(Ai,下称 Ai,与人工智能 AI 区分)处理矢量:Logo、图标、排版和印刷图形。它和 AI 绘图不是一回事;AI 生成图通常需要进入 Ai 做矢量描摹、品牌图形延展和印刷准备。

Ai 学习清单(8 节)

约 4–6 小时
  1. 01矢量 vs 位图:什么时候该用 Ai
  2. 02钢笔、路径、形状生成器
  3. 03图像描摹(Image Trace):把 AI 生成图转成矢量
  4. 04Logo 与品牌图形绘制
  5. 05排版:字体、字距、网格系统
  6. 06图标与信息图
  7. 07印刷:出血、CMYK、专色
  8. 08PS ↔ Ai 联动:智能对象、链接文件

图像描摹:从位图到可编辑路径

AI 生成图是位图,放大到户外广告或包装上会糊。Illustrator(Ai)的 Image Trace 可以把轮廓转成路径:先提高对比度,选择「剪影 / 黑白 / 彩色」预设,调整阈值和路径拟合,再执行扩展。扩展后一定要清理多余锚点,否则文件又大又难改。

描摹不是万能。复杂渐变、真实照片和细腻光影不适合直接描摹;这类图应该保留位图,只在需要矢量 Logo 或图形时局部描摹。商业 Logo 通常是重新绘制的几何路径,而不是直接描摹一张生成图。

Logo、排版与印刷

Logo 要先定网格和几何比例,再用钢笔和形状生成器搭建。品牌图形需要能单色使用、能缩小到 favicon、能放大到户外。排版则要建立网格、字距和层级;印刷文件要留 3mm 出血、用 CMYK,并和印厂确认专色与叠印。

PS 和 Ai 的联动方式是:PSD 放进 Ai 作为链接文件或智能对象,修改后同步更新;Ai 的矢量 Logo 也可以作为智能对象放进 PS。交付前统一色彩配置,确认字体已转曲或附上字体授权。

模块 5B 验收

基于一张 AI 生成图,描摹并延展出一套 Logo + 名片 + 图标。

交付物:可编辑 Ai 源文件 + Logo 单色/反白版本 + 名片正反面 + 3 个图标 + 印刷出血说明。
自检清单0 / 5 已完成

5C合成与精修:Photoshop 的最后一公里

  • 频率分离:低频管颜色和光影,高频管纹理;修皮肤、产品材质时更自然。
  • 非破坏性:用智能对象、蒙版、调整图层,不要在原图上反复盖印。
  • 色彩管理:网页用 sRGB,印刷用 AdobeRGB;导出时嵌入色彩配置文件。
  • 图层规范:主体、背景、光效、调色、文字分层命名;客户能看懂。
检查顺序:形体 → 光影 → 颜色 → 细节 → 文字。顺序反了,会不断返工。

5D多尺寸适配:一套主视觉,多个平台

先做一张「母版」,再从母版裁切,而不是每个尺寸重新生成。母版建议 4:5 或 3:2,主体周围留出安全区。

  • 1:1:电商主图、社媒头像/贴文。
  • 4:5:小红书、Instagram 竖版。
  • 9:16:短视频封面、故事。
  • 16:9:官网 banner、横版广告。

每个尺寸都检查:主体是否完整、文字区是否留够、产品 logo 是否清晰、边缘是否被裁切。

5E分层交付:让客户能改

交付包建议包含:

01_master/ 母版 PSD(分层,智能对象) 02_web/ 1:1 / 4:5 / 9:16 JPG(sRGB) 03_print/ TIFF / PDF(300 DPI,AdobeRGB) 04_brand/ logo、字体、色卡、使用说明 README.pdf 色彩说明、字体清单、授权范围
  • 文字保持可编辑,重要元素用智能对象。
  • PSD 图层命名统一,删除隐藏的废弃图层。
  • 附一份色彩说明:主色、辅色、背景色、印刷注意事项。
  • 明确授权范围:一次性使用 / 买断 / 区域 / 期限。

5F跟着做:做一套完整交付包

选一张产品主图,先做 4:5 母版,主体周围留出安全区。
用 Ultimate SD Upscale 放大到目标分辨率,检查边缘和纹理。
在 Photoshop 里做频率分离和色彩管理,输出 PSD。
从母版裁出 1:1、9:16、16:9 三个尺寸。
整理交付文件夹,写 README 色彩说明。

本层验收

交付一套「主图 + 三尺寸 + 分层文件 + 色彩说明」的完整包。

交付物:母版 PSD + 3 个尺寸 JPG + 300 DPI 印刷文件 + README 色彩与字体说明。
自检清单0 / 5 已完成

5G本层自测

为什么不能直接生成 4K 图?
直接生成超大分辨率容易结构崩坏、显存不足,而且修复成本高。先基础分辨率确认结构,再分块放大更稳。
PSD 里最重要的交付习惯是什么?
分层、命名、非破坏性编辑。客户要改文案和颜色时,能直接找到对应图层。
网页和印刷的色彩空间怎么选?
网页用 sRGB;印刷常用 AdobeRGB,并嵌入色彩配置文件。导出前做软打样检查。