PS 零基础到进阶电商实战保姆级教程（一、二期完整版）

这是一份按“解决实际痛点”倒推的 PS 电商实战地图，一共 11 关：

• 第一期（第 0～4 关）：零基础 30 分钟跑通一张标准电商主图。
• 第二期（第 5～10 关）：专门解决实拍瑕疵多、茶叶和玻璃抠不净、没钱拍新包装样机、合成场景像假贴纸，以及多张主图、长详情页的工程管理。

学习路线图

第一期：主图闭环

第二期：进阶专精

第一期：零基础 30 分钟跑通标准电商主图

第 0 关：一图看懂 PS 操作台 & 三大“后悔药”

PS 界面四大战区

• 顶部：第 1 排是菜单栏（文件 / 编辑 / 图像 / 图层 / 滤镜 / 窗口）；第 2 排是选项栏（极重要），左边换了什么工具，这里就变成对应的功能按钮。
• 左侧：工具栏。最常用的几个：V 移动、W 对象选择、C 裁剪/切片、J 污点修复、B 画笔、T 文字。
• 中间：画布。灰白棋盘格 = 透明无底色。按住 空格 用抓手拖动画布，按住 Alt + 滚轮缩放画面。
• 右侧：图层面板（F7）。上层挡下层，一张典型主图的图层从上到下是这样的：

👁️ T  卖点主标题文字层
👁️ ↳ 🎨 局部提亮层（剪切蒙版）
👁️ 📦 商品主体层  [黑白蒙版缩略图]
👁️ 🌑 底部接触阴影层（正片叠底）
👁️ 🌅 径向渐变背景层

图层面板底部的重点图标：长方形带圆孔 = 加蒙版；半黑半白圆 = 建调整图层；➕ 号 = 新建空白层。

三大底层逻辑

1. 图层（Layer）：一摞透明的塑料玻璃纸。 一件事物独占一张透明塑料纸，上面的挡住下面的。关掉左边的 👁️，这层就暂时隐身，改字绝不伤背景。
2. 选区（蚂蚁线）：喷漆时的镂空防护模板。 只要画面上有闪烁虚线，任何涂抹、调色都只在虚线内生效。用完必按 Ctrl+D 取消选区，否则别处画不出东西。
3. 图层蒙版（Mask）：随时反悔的“隐身衣”。 点中图层右边的黑白框，拿画笔蘸黑色涂抹 = 藏起来，蘸白色涂抹 = 原地复活（按 X 秒切黑白）。绝不用橡皮擦死磕。

第 1 关：把实拍商品从杂乱桌面抠出来，消除廉价白边

1. 拖入照片，按 Ctrl+J 备份原图

• 把照片拖进 PS → 按 Ctrl+J 复制出“图层 1” → 点掉最底下“背景”层左边的 👁️，留作备份。

2. 按 W 一键选择主体 + 添加图层蒙版

• 按 W 选【对象选择工具】→ 点击顶部选项栏的【选择主体】→ 出现蚂蚁线后，点击图层面板底部的【添加图层蒙版】图标（长方形带圆孔）。

3. 双击蒙版收边去杂色 + 转智能对象防模糊

• 双击黑白蒙版缩略图 → 设【平滑 3】、【羽化 0.5 像素】、【移动边缘 -12%】→ 确定。
• 有漏抠的边角，就单击黑白蒙版，按 B 用画笔修平（按 X 切换黑/白）→ 最后在图层名称空白处右键 →【转换为智能对象】。

第 2 关：搭建 800×800 电商主图舞台，铺微渐变底色与真实落地影

1. 新建合规画布（800×800 像素 / 72 分辨率 / RGB 8 位）

• 按 Ctrl+N 新建画布，把抠好的商品用 Ctrl+C、Ctrl+V 粘贴进来，按 Ctrl+T 缩放到画面 65% 高度，居中偏下摆放。

2. 铺径向渐变聚光背景 + 压扁柔边圆画接触阴影

• 点中最底层 → 点击图层面板底部【半黑半白圆】选【渐变】→ 双色选浅米灰 #F4F1EA 到 #DED8CE，样式选【径向】并勾选【反向】。
• 在商品层下方新建空白图层，模式改为【正片叠底】→ 用硬度 0% 的深色柔边画笔在画布上点一个圆团 → 按 Ctrl+T，按住 Shift 上下压扁成椭圆软垫，垫在商品底座接缝处。

第 3、4 关：Camera Raw 还原色泽 + 卖点排版与 sRGB 防偏色导出

1. Camera Raw 滤镜救废片 + 剪切蒙版刷立体光影

• 点中商品层 → 菜单【滤镜 → Camera Raw 滤镜】：用白平衡吸管点白色部位去偏黄，然后设置 曝光 +0.3、高光 -20、阴影 +25、纹理 +12、清晰度 +10。
• 在商品层上方新建空白图层 → 按 Ctrl+Alt+G 创建剪切蒙版（出现 ↳）→ 模式改为【柔光】，用 20% 不透明度的柔边画笔，左边刷白提亮、右边刷黑加深。

2. “大粗 + 小疏”排版法则 + 勾选 sRGB 导出

• 按 T，用免费商用的思源黑体 / 思源宋体打主标题（45 点，加粗）；副标题字号减半（22 点），并在【窗口 → 字符】面板把字距 VA 设为 250。
• 按 Ctrl+S 存一份 PSD 源文件；再点【文件 → 导出 → 导出为】，勾选【转换为 sRGB】导出 JPG/PNG。

第二期：高阶精修、复杂抠图、样机贴标与详情页合成

第 5 关：无损清理灰尘、折痕、反光 & 拉正拍歪的包装

耗时约 6 分钟。先建立两个核心认知：

• 空白层“取样所有图层”修图法。 好比在玻璃保护膜上涂修正液，原画纤毫未损。新手喜欢直接在商品图层上去污点，一旦涂糊了就没法改。高手会在商品上方新建一张空白图层，并勾选顶部的【对所有图层取样】，所有修补痕迹都留在这张空白“塑料纸”上，随时可以擦掉重来。
• 小点用“点”，大块用“框”，线靠“拉”。 灰尘、白点、小划痕用【污点修复画笔 J】直接点；包装上的多余杂物、反光块用【移除工具 / 修补工具】画圈框住；盒子拍歪了、上宽下窄，用 Camera Raw【几何】一键拉直。

1. 10 秒矫正手机俯拍导致的“上宽下窄 / 歪斜变形”

• 手机离近了拍茶盒或罐子，很容易“头大脚小”或歪斜。先选中商品图层（确保已右键转为智能对象）。
• 按 Ctrl+Shift+A 打开【Camera Raw 滤镜】，展开右侧的【几何】面板。
• 方法 A（全自动）：直接点击【自动】（带 A 字的图标），80% 的轻微歪斜会瞬间站直。
• 方法 B（手动精准拉直）：两条竖边还是歪的，就点击【引导式】（井字网格图标），顺着包装盒左边竖棱拉一条线，再顺着右边竖棱拉第二条线，盒子立刻变成横平竖直的正视图，点击【确定】。

2. 建立“无损祛斑层”，秒清灰尘、毛絮与包装折痕

• 在商品图层上方，点击图层面板底部的 ➕ 新建一个空白图层，双击改名为“去瑕疵层”。
• 按 J 选择【污点修复画笔工具】（图标像创可贴）。
• 必做核心动作：在顶部选项栏把类型选为【内容识别】，并且务必勾选【对所有图层取样】。
• 按住 Alt + 滚轮把画面放大到 200%～300%，用 [ ] 把笔头调得比灰尘或划痕稍大一圈，对准灰尘点一下、对准划痕涂一条，松手瞬间瑕疵就融进了周围纹理。

3. 消除铁罐、塑料膜上的刺眼反光（借皮补皮法）

• 茶罐或塑封膜上有一块杂乱的窗户反光，点不掉也压不暗：在左侧工具栏长按 J 图标，切换为【移除工具】（新版 PS），或者改用【仿制图章工具 S】。
• 用仿制图章补均匀漆面：按 S，顶部不透明度设为 40%，样本选【当前和下方图层】→ 按住 Alt 在反光旁边干净的罐身上单击一下（取样“好皮肤”）→ 松开 Alt，在反光处轻轻拍涂两三次，杂乱反光就过渡成了柔和的哑光质感。

第 6 关：攻克抠图死穴，细碎干茶 & 透明玻璃杯茶汤

耗时约 8 分钟。

核心机关：按住 Alt 把“混合颜色带”滑块劈成两半。 90% 的初学者卡在这里：直接拖白色三角滑块，边缘会像狗啃一样生硬，必须按住 Alt 把三角劈开。拆分前后的区别：

场景 A：透明玻璃杯、公道杯茶汤，30 秒免抠图换底法

1. 先用第 1 关的方法（按 W 选择主体 → 添加图层蒙版）把玻璃杯的外轮廓抠出来，放到新的深色或木纹背景上。此时杯子肚子里的白底还在。
2. 双击玻璃杯图层名称右侧的空白处，弹出【图层样式】窗口。
3. 看窗口最底部的【混合颜色带：灰色】，找到第一条滑轨【本图层】右侧的白色小三角。
4. 先把白色小三角直接往左拖到 210 左右：杯子里的死白背景瞬间消失，但边缘有锯齿。
5. 灵魂一击：按住 Alt 不放，拖白色小三角的左半边，小三角会一分为二。把左半边继续往左拉到 135 左右，右半边留在 235，点击【确定】。
6. 补回杯壁高光：觉得杯边的白色反光变淡了，就按 Ctrl+J 复制一层玻璃杯，把上面这层的混合颜色带左半边滑块拉到 220，图层混合模式改为【滤色】，通透的玻璃高光立刻回来。

场景 B：散落干茶、绒毛白毫、镂空竹编，通道黑白对比秒抠法

在浅色或白纸上拍了一撮散茶（或带细碎白毫的莓茶、白茶），想根根分明地抠出来：

1. 切换到图层面板旁边的【通道】面板（没有的话点菜单【窗口 → 通道】）。
2. 分别单击查看红、绿、蓝三个通道。哪个通道里茶叶最黑、背景最白（黑白反差最大），就把它拖到面板右下角的 ➕ 上，复制出一个副本。通常是蓝通道，得到“蓝 拷贝”。
3. 拉爆黑白反差：选中“蓝 拷贝”，按 Ctrl+L 调出【色阶】→ 把左边的黑色滑块往右拉（茶叶变纯黑），右边的白色滑块往左拉（背景纸变纯白），点击确定。
4. 重要定律：在通道里，白色才代表要选中的区域。 所以按 Ctrl+I 反相，变成茶叶纯白、背景纯黑。
5. 提取选区回图层：按住 Ctrl 单击“蓝 拷贝”缩略图，调出所有细碎茶叶的蚂蚁线 → 务必点一下最上面的【RGB】总通道恢复彩色 → 切回【图层】面板，点击底部的【添加图层蒙版】。连 0.1 毫米的茶毫都纤毫毕现。

第 7 关：不用重拍！把平面标签贴合到立体圆罐与礼盒上

耗时约 8 分钟。先记住三步心法：

1. 先转智能对象再变形：平面标签图放进来后，必须先右键【转换为智能对象】，再做圆柱变形。以后双击缩略图就能一键换新标签。
2. 圆柱变形贴合弧度：按 Ctrl+T 后点顶部的变形网格图标，直接选【圆柱体】，平面图立刻变成两端微翘的立体罐贴。
3. 正片叠底透出真罐光影：把标签图层的混合模式改为【正片叠底】，原白罐子上的明暗立体阴影立刻透到标签上。

1. 把平面标签转为智能对象，用【圆柱体】变形贴合罐身

• 打开一张空白茶罐、素面礼盒或茶叶袋的照片，再把做好的平面标签图（JPG/PNG）拖进画布。
• 铁律动作：在标签图层名称上右键 →【转换为智能对象】。只有先转智能对象，变形后系统才会记住变形网格。
• 把标签图层不透明度暂时调到 60%，方便看清底下茶罐的边缘，然后按 Ctrl+T 进入自由变换。
• 点击顶部选项栏的【变形模式】图标（弯曲网格按钮）→ 在【变形】下拉菜单中选【圆柱体】。如果是贴在鼓起的茶叶袋上，可以选【膨胀】或自定义网格。
• 拖动上下弧度控制点，让标签的上下弯弧与罐盖、底座的椭圆弧度完全平行 → 按 Enter 确认，再把不透明度调回 100%。

2. 融进真实罐体的明暗与高光，告别“贴上去像假塑料纸”

• 情况 A，罐子是白色或浅色：直接把标签图层的混合模式（左上角“正常”）改为【正片叠底】。罐子原本的弧面暗部和折痕全部透出来，真假难辨。
• 情况 B，罐子是深色或黑色（正片叠底会变黑）：保持标签模式为【正常】，双击标签图层空白处打开【图层样式】→ 在最底部【混合颜色带】看第 2 条滑轨【下一图层】→ 按住 Alt 拆分右边的白色小三角往左拉，把罐子的高光反光透上来；再按住 Alt 拆分左边的黑色小三角往右拉，把罐子两侧的暗部透上来 → 点击确定。
• 以后 3 秒换新标：双击该标签图层缩略图，会弹出一个平面的新窗口。换上另一款茶的品名，按 Ctrl+S 保存并关闭，主图上的立体曲面标签会自动同步更新。

第 8 关：把实拍产品自然融进山水茶席 & 详情页长图一键切片

耗时约 8 分钟。

1. 消除“抠图贴纸感”三板斧：景深虚化 + 色彩同频 + 环境光裹边

把抠好的商品放到森林云雾或木质茶桌背景上，之所以显得假，是因为背景太清楚、色调不统一、边缘没吃到环境光。按顺序做完这 3 步：

1. 制造单反大光圈虚化：点中背景图层 →【滤镜 → 模糊 → 高斯模糊】，半径设为 3～6 像素。远处的山林微微虚掉，商品就被推到了焦平面最前方。
2. 让商品染上环境色调：点击图层面板底部【半黑半白圆】新建【色彩平衡】调整图层，放在商品层正上方 → 按 Ctrl+Alt+G 锁进商品内部（出现 ↳）→ 背景是青山绿水，就把青色、绿色方向微调 +5～+8；背景是暖阳木桌，就把红色、黄色调成 +8 / -8。让商品和背景“呼吸同一种空气”。
3. 刷一圈环境受光边（内发光）：双击商品图层空白处打开【图层样式】→ 勾选【内发光】→ 混合模式选【滤色】或【柔光】，颜色吸取背景天空最亮的颜色，【大小】设为 4～8 像素，【不透明度】设为 30%。商品四周立刻包上一层柔和的空气边缘光。

2. 详情页长图规范 & 10 秒切片无损导出

• 画布黄金尺寸：宽度固定为 750 像素（或高清 790 像素），高度 4000～8000 像素。一张长画布从头排到尾：首屏海报、核心产区、干茶实拍、冲泡汤色、权威检测报告。
• 为什么要切片：直接上传一张 8000 像素长的巨图，会被平台暴力压缩变糊，顾客手机也要划半天才刷得出来。
• 拉参考线定刀口：按 Ctrl+R 呼出标尺 → 用移动工具（V）从顶部标尺往下拖出水平参考线，每隔一屏（约 900～1200 像素，避开文字中间）放一条。
• 一键生成切片：在左侧工具栏长按【裁剪工具 C】，切换为【切片工具】→ 点击顶部选项栏的【基于参考线的切片】，整张长图立刻按参考线切好并编号（01、02、03……）。
• 批量导出全套切片：菜单【文件 → 导出 → 存储为 Web 所用格式（旧版）】（Ctrl+Alt+Shift+S）→ 格式选 JPEG，品质 85，勾选【转换为 sRGB】→ 点击【存储】，在弹窗底部的“切片”下拉框选【所有用户切片】。PS 会自动生成一个 images 文件夹，里面是按顺序编号的全部切片，直接批量上传到电商后台。

第 9 关：5～10 张主图别建 10 个文件，用“画板”一档统管

• ❌ 新手噩梦：新建 8 个独立的 PSD。 做第 3 张时忘了第 1 张的字号和背景色号；临时要换个包装标签，得挨个打开 8 个文件替换保存，效率低还容易出错。
• ✅ 正规军做法：1 个 PSD 里建 5～10 个画板。 好比在一张大办公桌上并排摊开 5 张 800×800 的画纸。字体、Logo、茶罐可以直接从 1 号画板拖到 2 号画板，最后一键批量导出全套主图。

一套典型的 5 张主图节奏：

1. 新建带画板的主图总工程，1 秒裂变出 5～10 张画布

• 按 Ctrl+N 打开新建窗口，宽高依然填 800 × 800 像素，分辨率 72，RGB 颜色 8 位。
• 核心机关：在方向图标旁边，务必勾选【画板】复选框，然后点击【创建】。
• 画面上会出现“画板 1”。在左侧工具栏长按【移动工具 V】，切换成【画板工具】→ 点击画布左上角的“画板 1”标题，画板四周会出现四个 ➕ 号圆圈。
• 最快裂变招式（推荐）：先把第 1 张主图的渐变背景、商品和标题做好 → 在图层面板点中“画板 1” → 按住 Alt 把画板往右一拖，瞬间复制出连带所有背景、字体的“画板 2”。连续拖 4 次，5 张风格统一的画板一字排开。

2. 第 5 张白底图的特殊设置 + 10 秒批量导出全套图

• 白底图规范：淘宝、拼多多、京东的第 5 张主图通常要求纯白底（RGB 255,255,255）或透明底 PNG，无促销文字、无边框，商品占画面 70%。只需在 05-白底图 画板里删掉文字层、关掉渐变背景层的 👁️ 即可。
• 把每个画板导出为独立图片：点击菜单【文件 → 导出 → 导出为…】（Ctrl+Alt+Shift+W）。
• 弹出窗口的左侧会列出全部画板 → 全部勾选 → 右侧格式选 JPG，勾选【转换为 sRGB】→ 点击【导出】并选择文件夹。PS 会按画板名字自动生成 01-首图.jpg 到 05-白底图.jpg。

第 10 关：详情页几百个图层怎么分组？“一屏一文件夹”架构法

正规电商美工的图层结构长这样，每个文件夹对应长图上的一屏：

📁 01-首屏海报区（0～950px）               🔴
   ├─ 📁 [子组] 文案组（主标题 + 副标题 + 印章）
   ├─ 📦 [主体] 茶罐智能对象 + 接触阴影
   ├─ ↳ 🌄 [剪切蒙版] 云雾山水背景图（锁进底板）
   └─ ⬛ [第 1 屏领地底板] 750×950 矩形
📁 02-四大核心卖点（950～1850px）          🟠
   ├─ 📁 [子组] 4 个卖点图标与说明文字
   ├─ ↳ 🎨 [剪切蒙版] 浅米色宣纸纹理
   └─ ⬛ [第 2 屏领地底板] 750×900 矩形
📁 03-高山核心产区（1850～2900px）         🟡
   ├─ 📁 [子组] 北纬 30° 海拔数据文案
   ├─ ↳ 🏞️ [剪切蒙版] 茶园实景大图
   └─ ⬛ [第 3 屏领地底板] 750×1050 矩形
📁 04-干茶与冲泡汤色（2900～4100px）       🟢
   ├─ 📁 [子组] 品鉴三要素文案
   ├─ 📦 [主体] 玻璃公道杯 + 干茶微距圆框
   └─ ⬛ [第 4 屏领地底板] 750×1200 矩形
📁 05-权威检测报告（4100～5000px）         🔵
   ├─ 📄 检测报告扫描件智能对象 + 红章
   └─ ⬛ [第 5 屏领地底板] 750×900 矩形

铁律一：一屏一个编号总文件夹，只展开正在做的那一屏

• 新建 750 × 6000 像素的详情页画布后，先别急着往里丢图片。先点击图层面板底部的【新建组】（文件夹图标），连建 5～8 个文件夹。
• 严格按“两位数字 + 页面功能”命名：01-首屏海报、02-核心卖点、03-产地实拍、04-冲泡展示、05-检测报告。
• 大组套小组，最多不超过 3 层：每个大屏文件夹内部只分 3 层。最上面是文案子组（把这一屏所有大字小字选中，按 Ctrl+G 打包），中间是商品主体层，最底下是本屏背景层。做完一屏就点文件夹左边的 ▼ 折叠起来，图层面板永远只有短短几行。

铁律二：每屏垫一块“矩形领地底板”，防止各屏背景互相穿帮

• 新手最怕的灾难：第 2 屏放了一张山水图，下半截漏到了第 3 屏里，拿橡皮擦也擦不齐。
• 矩形领地解法：每开始做新的一屏（比如 02-核心卖点），先按 U 选【矩形工具】，在第 2 屏的位置画一个 750 × 1000 像素的矩形，改名为“第 2 屏底板”，放在 02 文件夹的最底层。
• 把第 2 屏的风景图、纹理图全部放到“第 2 屏底板”正上方，按 Ctrl+Alt+G 创建剪切蒙版（出现 ↳）。
• 好处：第 2 屏的所有背景都被锁在这块矩形里，绝不会溢到第 1 屏或第 3 屏；最后切图时，直接贴着每块底板的上下边缘拉参考线，一刀一个准。

铁律三：给文件夹标颜色 + 整屏整组挪位

• 1 秒视觉定位：在文件夹左边的 👁️ 上点右键，可以选红、橙、黄、绿、蓝、紫等颜色标签。把 01-首屏 标红、02-卖点 标橙……一眼就能找到对应模块。
• 整屏上下搬家不散架：老板说“把第 3 屏和第 2 屏换个位置”，就收起文件夹，在图层面板点中 03-高山产区 整个文件夹，按 V 用移动工具，按住 Shift 往上拖。这一屏的几十个字、图、底板会整整齐齐一起搬家，一个标点都不会漏。

操作卡壳 3 秒自救速查表

遇到怪现象，也可以用本站的搜索功能按症状查找。

Q1：按 B、X、D、J、空格键全都失灵，或者电脑一直在响？

• 原因 1：处于中文输入法状态。按 Shift 切成英文输入法立刻解决。
• 原因 2：刚打完字，还处于文字光标闪烁状态。按 Ctrl+Enter 或点顶部选项栏的 ✔️ 提交文字即可。

Q2：拿画笔或污点修复画笔怎么涂都没反应？

• 先按 Ctrl+D。90% 是因为画面某处有一小块看不见的选区，锁死了操作范围。
• 如果是在空白层上修瑕疵，检查顶部选项栏是否漏勾了【对所有图层取样】。

Q3：为什么选了彩色，涂出来却是黑白灰？

• 原因 1：当前点中的是图层右边的黑白蒙版缩略图，或者还停留在【通道】面板里。切回图层面板，点中左侧的彩色缩略图即可。
• 原因 2：新建画布时误选了“灰度”，到【图像 → 模式 → RGB 颜色】改回来。

Q4（第 6 关高频）：通道抠图后回到图层面板，整个画面变成诡异的红绿色或纯黑白？

• 你在【通道】面板里忘了点回最上面的【RGB】总通道，或者忘了关掉“蓝 拷贝”通道左边的 👁️。记住：回图层之前，通道面板只能亮最上面 4 个眼睛。

Q5（第 7 关高频）：样机贴图时，按 Ctrl+T 变形完再改字，圆柱弧度全乱了？

• 顺序反了。必须先把平面标签图层右键【转换为智能对象】，再按 Ctrl+T 做圆柱变形。这样双击智能对象进去改字时，里面永远是平面的，外面永远保持弯曲。

Q6（第 8 关高频）：详情页切片导出时，多出一大堆 1 像素宽的废图？

• 你拉了两条几乎重合的参考线。切图前先点【视图 → 清除参考线】清空旧线，重新拉每一刀横线，再点【基于参考线的切片】。

Q7（第 9 关高频）：用了画板之后，把茶罐往边上拖一点就消失了？

• 图层掉到画板文件夹外面去了。在图层面板里把茶罐图层重新拖进对应的画板文件夹内部，它就会重新显示。

Q8（第 10 关高频）：分好文件夹后，想在画布上拖一个字，结果整屏几十个图层全被拖走了？

• 选移动工具（V）时看顶部选项栏：【自动选择】后面的下拉框被设成了“组”。改成“图层”，或者干脆取消勾选自动选择，就能单独拖动某一个字了。