第 12 讲 · 综合项目实战
学习目标
- 能独立走完完整项目流程：需求分析 → 版式草图 → 素材清单 → 抠图 → 合成排版 → 调色 → 导出，不再"打开软件才想做什么"。
- 会按"边缘难度选方法"完成产品/人物抠图，边缘干净、无白边、无锯齿。
- 会做商业排版：主次分明（产品 > 标题 > 价格 > 装饰）、对齐、留白；字体不超过 2 种，主色不超过 3 种。
- 会用调整图层统一全图色调，会用投影、光效、景深模糊做出"合成不穿帮"的质感。
- 会按用途定导出规范：尺寸、格式选对，JPG 质量和文件大小找到平衡点；交付 PSD 源文件 + JPG 成品双文件。
4 小时安排
| 课时 | 内容 | 形式 |
|---|---|---|
| 第 1 课时 | 项目拆解：需求分析 → 版式草图 → 素材清单（以电商主图/促销海报为例） | 讲解＋跟做练习 1 |
| 第 2 课时 | 素材准备与抠图（回扣第 3、4 讲：选区、通道抠图、钢笔抠图） | 讲解＋跟做练习 2 |
| 第 3 课时 | 排版、调色、特效合成（回扣第 2、5、6、9、11 讲） | 讲解＋跟做练习 3 |
| 第 4 课时 | 导出规范（尺寸/格式/压缩）、作品互评、课程总结与进阶指引 | 讲解＋跟做练习 4 |
第 1 课时（约 1 小时）：项目拆解——先想清楚再动手
讲解
定义：项目拆解就是在打开软件之前，先把"做什么、给谁看、长什么样、需要什么"想清楚，落成三张纸：需求单（一句话说清目标）、版式草图（手绘的排版小图）、素材清单（要找/要拍的东西列表）。专业设计师和新手最大的区别不在软件熟练度，而在这一步——高手 30% 时间想、70% 时间做；新手 0% 时间想，做到一半发现尺寸错了、素材不够、版式没主意，返工三遍。
为什么：前面 11 讲教的是"零件"（图层、选区、调色、滤镜），这一讲教的是"组装"。没有拆解这一步，零件再熟也拼不出一张能交差的图。电商美工的真实工作流就是：运营甩来一句话需求 → 美工拆成版式和素材 → 做图 → 导出上传。今天练的就是这个链条。
例子：运营说："给这款 29.9 元的茉莉花茶做张主图，明天上架。"新手直接开软件找茶叶照片，贴字，调色，交图——结果主图是横的（淘宝主要求正方形）、价格没写、"29.9"小得看不见。老手先写需求单：①用途：淘宝主图，在手机淘宝搜索列表里展示，缩略图只有指甲盖大；②目标：3 秒内让人看清"是什么、多少钱、为什么买"；③尺寸：800×800 正方形。然后画 3 版草图：A 版产品居中大图+顶部标题+右下角价格徽章；B 版对角线构图产品在左下、标题在右上；C 版满版茶叶特写+底部色块压字。选 A 版，列素材清单：茶叶罐产品图（白底，需抠图）、茶叶特写纹理（背景用）、茉莉花点缀（1 张）、字体（标题用粗黑、价格用大号数字）、配色（绿+白+金，3 色）。这三张纸定稿，开软件 1 小时出图。
需求分析三问（背下来）：① 在哪看？（手机淘宝列表 / 公众号封面 / 打印海报——尺寸和观看距离全由它定）；② 看几秒？（信息流 3 秒、海报 10 秒——决定信息密度，3 秒的东西只能讲一件事）；③ 看完做什么？（点进详情页 / 记住价格 / 扫码——决定视觉重心放哪）。
版式草图怎么画：拿张纸，画 3 个 5cm 见方的小框（缩略图思维：小图成立，大图才成立）。常用三种起手式：居中式（产品放正中，标题上下，稳、适合主图）；对角线式（产品左下、标题右上，有动感，适合促销海报）；三分法（按九宫格放主体和标题，适合摄影感海报）。每版 2 分钟，不用画细，方块+线条表示"这里放图、这里放字"就行。选一版再细化。
素材清单怎么写：一张表，四列：素材名 / 用途 / 要求 / 来源。比如"茶叶罐正面图 / 产品主体 / 白底、光线均匀、2000px 以上 / 自己拍或找商家要"；"茉莉花 / 点缀 / 白底 PNG / 免费图库"。清单的作用是：动手前就知道缺什么，避免做到一半满世界找图。
🛠 跟做练习 1：拆解一张电商主图
- 题目（全班统一）："给一款 29.9 元的茉莉花茶，做一张淘宝主图，800×800，明天上架。"
- 写需求单（三行）：①在哪看——手机淘宝搜索列表，缩略图极小；②看几秒——约 3 秒；③看完做什么——点进详情页。推导出：信息只讲三件——是什么（茉莉花茶）、多少钱（29.9）、为什么买（清香/新品/第二件半价三选一）。
- 画 3 版版式草图（纸上，5cm 小框）：居中式、对角线式、三分法各一版，标出产品、标题、价格、装饰的位置。
- 全班投票选一版（老师定：推荐居中式，主图求稳）。
- 列素材清单表（至少 5 行）：产品图、背景纹理、点缀花、标题字体、价格徽章底色。每行写清要求和来源。
- 把需求单+草图+清单拍照存手机——这是你第 2、3 课时的"施工图纸"，做图时不许离手。
第 2 课时（约 1 小时）：素材准备与抠图
讲解
定义：素材准备 = 按清单把图找齐、并处理成"能用"的状态；抠图 = 把主体从原背景里干净地分离出来，放到新背景上。这是合成的"地基"——抠图边缘有一圈白边，后面调色再好也救不回来。
为什么：第 3、4 讲学的抠图方法，平时练的是"技术动作"，这一课时练的是"选型"：拿到一张图，3 秒内判断用哪种方法。按边缘难度选方法（第 4 讲总纲，默写）：①边缘清晰、背景干净（产品白底图）→ 魔棒 / 快速选择；②边缘有头发丝、绒毛 → 通道抠图；③边缘硬朗规则（杯子、盒子、建筑）→ 钢笔路径抠图。选错方法 = 用菜刀砍骨头，能砍动但累死。
例子：茉莉花茶主图的茶叶罐：罐身边缘硬、背景白底 → 快速选择点一下，再选择 → 调整边缘羽化 1px、收缩 1px 去白边，10 分钟搞定。茉莉花点缀：花瓣边缘有绒毛 → 通道抠图，复制对比最强的通道，色阶压黑白，载入选区。如果反过来用钢笔去抠花瓣绒毛，描到天黑也描不干净——这就是"选型"的价值。
素材统一三检查（合成不穿帮的关键）：① 光源方向：产品图光从左边来，背景光从右边来，合成后假得明显——找图时就看阴影倒向；② 色温：一张偏黄一张偏蓝，拼在一起一眼假，后面用调色统一；③ 清晰度：缩略图时代的素材放大做 800 主图会糊，清单里写死"2000px 以上"就是防这个。
版权提醒（必须讲）：商用图不能随手百度。来源三选一：自己拍、商家提供、免费可商用图库。课堂练习用网图可以，交作业和以后接单必须用正版来源——字体也一样，标题字体确认可商用。
🛠 跟做练习 2：抠出主角
- 打开 photopea.com，按清单找/打开 2 张素材：茶叶罐产品图、茉莉花（老师提前发网盘或让学生自带）。
- 文件 → 置入把产品图放进 800×800 的新文档（
Ctrl+N新建，宽高填 800×800）。置入的好处：以智能对象进来，后面缩放不糊。 - 抠茶叶罐：用快速选择工具（
W）点选罐身 → 选择 → 调整边缘：羽化 1px、收缩选区 1px → 确定后点图层面板底部的添加蒙版按钮（抠图永远用蒙版，不用 Delete，坏了能改）。 - 放大到 200% 检查边缘：有白边？选中蒙版，用选择 → 修改 → 收缩 1px 再删；边缘锯齿？调整边缘里把"平滑"拉一点。
- 抠茉莉花：复制蓝色通道（窗口 → 通道面板，找对比最强的一张）→
Ctrl+L色阶把花压白、背景压黑 →Ctrl+点通道缩略图载入选区 → 回到图层，加蒙版。 - 两个主体各存一层，文件 → 存储为 PSD 存"半成品.psd"——第 3 课时接着用。蒙版缩略图上有黑白分明的形状，才算合格。
第 3 课时（约 1 小时）：排版、调色、特效合成
讲解
定义：合成 = 把抠好的主体、背景、文字按版式草图拼成一张图；调色 = 让所有素材"看起来像同一张照片拍的"；特效 = 投影、光效、模糊这些让画面有质感的手段。三者的顺序不能乱：先排版（位置）→ 再调色（统一）→ 最后特效（提味）。顺序反了，特效加完再调位置，阴影和光效全错位。
为什么：新手合成"穿帮"就三类：①位置穿帮——产品和标题打架、画面一边重一边轻（排版问题）；②颜色穿帮——产品黄、背景蓝，像贴上去的（调色问题）；③质感穿帮——产品浮在背景上没阴影（特效问题）。这一课时就是逐个消灭这三类穿帮。
例子（排版）：按第 1 课时选定的居中式草图施工：背景层（茶叶纹理，压暗 20% 当底）→ 茶叶罐放正中偏下（视觉重心）→ 茉莉花点缀左上和右下（对角呼应）→ 标题"茉莉花茶·清香一夏"放顶部（T 文字工具，粗黑，字间距拉开）→ 价格徽章右下角（形状工具画圆 + "29.9"大字，红色，金字塔尖的视觉落点）。检查三件事：对齐（标题和徽章左右对齐，用参考线 Ctrl+R 拉线卡）、留白（四边至少留 5% 别顶边）、主次（离 3 米看：先看到产品，再看到价格，最后看到装饰——顺序反了就调大小）。
例子（调色统一，第 5、6 讲回扣）：所有素材色温不一样？图层 → 新建调整图层 → 色彩平衡 / 照片滤镜，建在最顶层，给全图罩一层统一的"味"（偏暖黄的茶香调）。再用曲线调整图层轻微提对比。记住用调整图层（后悔药），别直接"图像 → 调整"泼出去。
例子（特效，第 11 讲回扣）：①产品"落地"：茶叶罐图层双击 → 图层样式 → 投影，距离 15、大小 20，罐子立刻"站"在背景上；②氛围：滤镜 → 模糊 → 高斯模糊把背景纹理层模糊 3px，产品更突出（景深感）；③促销感：价格徽章加外发光（图层样式），红色徽章在绿底上跳出来。三板斧，够用。
🛠 跟做练习 3：从零合成一张主图
- 打开第 2 课时存的"半成品.psd"。按草图施工，先铺背景：文件 → 置入茶叶纹理图，
Ctrl+T拉满 800×800，用曲线调整图层（剪贴蒙版，只影响背景层）压暗 20%。 - 摆主体：茶叶罐层
Ctrl+T缩放到占画面 1/2，居中偏下；茉莉花两层分别缩小放左上、右下（Ctrl+J复制一层，编辑 → 变换 → 水平翻转换个朝向，避免对称穿帮）。 - 加投影：茶叶罐层双击 → 图层样式 → 投影（距离 15、大小 20、不透明度 60%），确定。罐子"落地"了。
- 上标题：
T打"茉莉花茶"，再起一行小字"清香一夏 · 新品上市"。标题用粗黑、拉开字间距；Ctrl+R拉两条参考线，标题左右居中对齐。 - 做价格徽章：形状工具（
U）画红色正圆放右下角 →T打"29.9"白色大字 → 徽章层加外发光图层样式。检查：字体全图 ≤2 种，主色绿白红金 ≤4 种（本例放宽到 4，含金）。 - 统一调色：最顶层建照片滤镜调整图层（暖黄，浓度 25%）+ 曲线调整图层（轻微 S 形提对比）。前后开关眼睛对比，确认"像一张照片"。
- 背景景深：选中背景纹理层，滤镜 → 模糊 → 高斯模糊 3px，产品更跳。
- 离屏检查：把浏览器缩到 25%（
Ctrl+-缩几次），眯眼看——3 秒内能看清产品、标题、价格，算过关。文件 → 存储为 PSD。
第 4 课时（约 1 小时）：导出规范、作品互评、课程总结
讲解
定义：导出规范 = 按"图用在哪"决定尺寸、格式、压缩的三件事。做图只完成 80%，导错了等于白做：主图导成 3000px 的 PNG 传淘宝，上传慢还可能被压缩得面目全非。
为什么：格式和压缩是"最后一公里"的专业度。客户/运营要的是"能直接用的图"，不是 PSD。JPG 质量滑杆的每一格都是"画质 vs 文件大小"的交易：质量 100 的 JPG 可能 2MB，质量 60 可能 200KB，手机上看几乎没区别——会做这道 trade-off，才算能交差。
例子（尺寸）：淘宝主图 800×800（正方形）；手机海报 1080×1920（9:16 竖屏）；公众号封面 900×500。尺寸错了，平台会强制裁剪，标题被裁掉一半。做之前看需求单第一行，用图像 → 图像大小最后核对。
例子（格式）：三选一口诀：照片选 JPG（800 万色，压缩率高）；要透明选 PNG（logo、抠图素材，文件大）；要动选 GIF（简单动效）。主图、海报→ JPG；带透明底的徽章 → PNG。Photopea：文件 → 导出为 → JPG/PNG。
例子（压缩平衡）：导出 JPG 时拖质量滑杆：100→80→60，看右侧实时显示的文件大小。找到"再往下拖画质肉眼可见变差"的临界点，一般 70~80 是甜点区。电商平台常要求单张几百 KB 以内，导完看一眼文件大小，超了就降一格质量再导。
作品互评标准（打分表，每项 25 分，共 100）：① 版式（主次分明、对齐留白，3 秒能看懂）；② 技术（抠图无白边、投影自然、调色统一）；③ 创意（构图/配色/文案有一处自己的想法，不是从模板描的）；④ 规范（尺寸对、格式对、文件大小合理、PSD 图层命名清晰）。互评只说"哪里好+哪里按标准扣分"，不许只说"好看/不好看"。
🛠 跟做练习 4：导出 + 互评
- 打开第 3 课时的成品 PSD。先核对：图像 → 图像大小确认 800×800。
- 文件 → 导出为 → JPG：质量先拖到 80，看文件大小记下来；再拖到 60，对比两张图放大看画质差异。选定最终质量（推荐 70~80），导出"主图-终稿.jpg"。
- 文件 → 存储为 PSD 另存"主图-终稿.psd"——PSD 和 JPG 两个文件都要交，PSD 是源文件，JPG 是成品。
- 互评：两人一组交换 JPG，按打分表四项逐项打分写评语（每项一句话理由）。被评的人记录修改意见。
- 全班展示：老师投屏 3 张最高分作品，讲好在哪；再投屏 1 张典型翻车（白边/穿帮/信息过载），讲按标准扣在哪。
Ctrl+S 存 PSD 就交差——运营要的是 JPG，"存储为"和"导出为"是两回事。② 质量拉满 100 交 3MB 的图——平台上传慢、手机加载慢，70~80 够了。③ 文件名"新建文档1.jpg"——改成"茉莉花茶-主图-800x800.jpg"，让收到的人一眼看懂。期末作业
独立完成一张成品海报或电商主图（二选一），主题自选（家乡特产、校园活动、奶茶店促销均可）。交付三个文件：① PSD 源文件（图层命名清晰，抠图用蒙版）；② JPG 成品（按用途定尺寸，质量 70~80）；③ 200 字设计说明（写清：版式思路是什么、为什么这样排；用到了哪几个技术点，分别对应第几讲）。
评分沿用课堂互评四项标准（版式 25 / 技术 25 / 创意 25 / 规范 25）。设计说明写不清楚的，版式分扣一半——说不清为什么这样排，说明就没想清楚，这是第 1 课时立的规矩。
课程总结
| 模块 | 讲次 | 一句话 | 今天用在哪 |
|---|---|---|---|
| 一 · 基础与图层 | 第 1~2 讲 | 图像基础概念 + 图层（一切的"楼层"） | 版式就是图层管理；PSD 源文件交付 |
| 二 · 选区与抠图 | 第 3~4 讲 | 把主体从世界里"分离"出来 | 第 2 课时：产品/点缀抠图 |
| 三 · 调色 | 第 5~6 讲 | 统一色调，决定一张图的情绪 | 第 3 课时：调整图层罩全图 |
| 四 · 修复与修饰 | 第 7~8 讲 | 修瑕疵、精修人像 | 素材有水印/瑕疵时先修后用 |
| 五 · 文字与图形 | 第 9~10 讲 | 让图开始"说话"：标题、徽章、图标 | 第 3 课时：标题排版、价格徽章 |
| 六 · 滤镜与综合 | 第 11~12 讲 | 特效提味 + 项目实战组装成衣 | 第 3 课时：投影/光效/景深模糊 |
12 讲知识地图（最后一遍串起来）：模块一（第 1~2 讲）是地基：图像基础 + 图层——图层是后面一切的"楼层"，没它整栋楼塌。模块二（第 3~4 讲）是"分离"：选区和抠图，把主体从世界里拿出来。模块三（第 5~6 讲）是"染色"：调色，决定一张图的情绪。模块四（第 7~8 讲）是"整容"：修复和人像精修。模块五（第 9~10 讲）是"说话"：文字和形状，图开始传达信息。模块六（第 11~12 讲）是"成衣"：滤镜特效 + 今天的项目实战，把零件缝成能交差的成品。一句话：抠图拿出来，调色统起来，排版说明白，导出交出去。
进阶指引一：上真 PS。这 12 讲全在 Photopea 里练，但概念、菜单、快捷键和 Photoshop CC 是通用的——学校机房或以后公司电脑装了真 PS，你零成本切换。到时补三块 Photopea 没有的东西：Camera Raw 完整版（第 6 讲的 RAW 修片深水区）、生成式 AI 填充/扩展（第 7 讲的去路人、换背景，AI 一句话搞定）、动作批处理（100 张产品图统一尺寸加水印，一键跑完）。
进阶指引二：设计接单方向。这门课的技能直接对应三种活：① 电商美工（主图、详情页、海报——今天第 12 讲就是入场券）；② 修图师（影楼/电商产品精修，第 7~8 讲是基本功）；③ 新媒体配图（公众号封面、短视频封面，第 9 讲排版+第 11 讲特效）。接单先从小活练手，报价按"张"算别按"小时"算，交付永远 PSD+JPG 双文件——这是今天养成的习惯，也是职业习惯。
进阶指引三：盯住 AI 修图趋势。两个方向值得跟：① 生成式修图（PS 的生成式填充、AI 扩图，"修图"正在从"手工活"变"指挥活"——审美和需求拆解（第 1 课时）越来越值钱，纯体力操作越来越不值钱）；② 开放项目格式（比如开源软件 Compositor 的 .comp 就是一堆 PNG 图层+清单文件，AI 可以直接读写项目文件——以后可能是"AI 出初稿、人做精修"的协作模式）。结论：软件会换代，但"先想清楚再动手"的工作流、版式审美、色彩感觉，是换代换不掉的——这 12 讲给你的是后者。
64 学时结束。软件只是工具，想清楚再动手是这门课唯一希望你十年后还记得的话。