目录
- 核心思想:淘宝修图的灵魂
- 必备工具:你需要准备什么?
- 新手入门:从零开始,一图教会你
- 进阶技巧:让商品“活”起来
- 高级实战:打造爆款主图与详情页
- 高效工作:快捷键与插件
- 资源与灵感:去哪里学习?
核心思想:淘宝修图的灵魂
在打开 PS 之前,请先记住淘宝修图的几个核心原则,这比任何技巧都重要:

- 目的明确: 一切修图都是为了促进销售,你的图要让买家快速了解商品、产生好感、激发购买欲。
- 突出主体: 让买家第一眼就看到你的商品,而不是背景或无关元素。
- 真实美观: 色彩要真实(“所见即所得”),但又要比原图更吸引人,过度美化会导致退货。
- 风格统一: 整个店铺的图片风格(色调、字体、版式)要保持一致,形成品牌感。
- 平台规范: 了解淘宝主图、详情页的尺寸要求,避免因为尺寸问题影响展示。
必备工具:你需要准备什么?
-
软件:Adobe Photoshop (推荐最新版 CC 2025/2025/2025/2025/2025)
- 替代方案: 如果预算有限,可以使用 Photoshop Elements (PSE) 或免费的 GIMP / Photopea (网页版),但功能和效率会打折扣。
-
硬件:
- 电脑: 配置不需要顶级,但至少 8GB 以上内存,固态硬盘 能极大提升运行速度。
- 显示器: 色域 至少是 72% NTSC 或 99% sRGB,并且最好进行校色,避免你修出的图和买家看到的颜色偏差太大。
-
素材:
- 高质量的原图: 这是基础,在明亮、简洁的光线下拍摄,使用三脚架保证清晰度。
- 背景图: 纯色背景纸或渐变背景。
- 模板/素材网站: 后面会推荐。
新手入门:从零开始,一图教会你
假设我们有一张普通的衣服白底图,目标是把它变成一张吸引人的淘宝主图。

目标: 换背景、调色、添加文字、加边框。
工作流程:
第1步:抠图 (最关键的一步)
抠图是把商品从原来的背景中分离出来。
-
魔棒工具 (适合背景简单、颜色单一的图片)
(图片来源网络,侵删)- 打开图片,按
W键切换到魔棒工具。 - 在上方选项栏中,适当降低“容差”(如 20-30),这样只选择颜色非常相似的区域。
- 点击白色背景,会选中大部分区域,按住
Shift键可以增加选区,点击衣服上没被选中的白色部分。 - 点击选中背景后,按
Delete键删除,或点击图层面板下方的“添加图层蒙版”按钮(更推荐,无损操作)。
- 打开图片,按
-
对象选择工具 / 快速选择工具 (更智能,推荐新手)
- 按
W键,选择“对象选择工具”或“快速选择工具”。 - 在衣服上涂抹,PS 会自动识别并创建选区,这个功能非常强大。
- 同样,通过“添加图层蒙版”来抠图。
- 按
-
选择并遮住 (对付复杂边缘,如毛发、纱质)
- 用魔棒或快速选择工具大致创建一个选区。
- 在顶部菜单栏点击“选择” -> “选择并遮住”。
- 在弹出的窗口中,使用“调整边缘画笔工具”在头发、边缘等细节处涂抹。
- 在右侧“输出设置”中,选择“新建带有图层蒙版的图层”。
- 点击“确定”,即可得到精细的抠图效果。
第2步:更换背景
- 在图层面板,双击背景图层,将其解锁为“图层 0”。
- 创建一个新图层(
Ctrl/Cmd + N),把它拖拽到所有图层的最下方。 - 按
G键选择“渐变工具”,选择你喜欢的渐变色(如粉到紫),在画布上从上到下拖拽,填充背景。 - 或者,在网上找一张你喜欢的背景图,拖入 PS,同样把它拖到最下方。
第3步:调色与润色
-
创建调整图层 (无损调色,强烈推荐!)
- 在图层面板底部,点击“创建新的填充或调整图层”按钮(一个半黑半白的圆形图标)。
- 曲线: 按
Ctrl/Cmd + M,可以整体提亮或压暗画面,是调色的核心工具,向上拉曲线变亮,向下拉变暗。 - 色阶: 按
Ctrl/Cmd + L,通过调整黑、白、灰三个滑块,快速调整图片的对比度和亮度。 - 色相/饱和度: 按
Ctrl/Cmd + U,可以单独调整衣服的颜色(比如想把蓝色调成绿色,选中蓝色,调整色相滑块)。 - 色彩平衡: 调整画面的阴影、中间调、高光区域的颜色倾向(加红、加蓝、加黄)。
-
液化微调 (按
Shift + Ctrl/Cmd + X)可以用来微调模特的身材,让衣服看起来更合身、更有型,但要适度,避免失真。
第4步:添加文字与排版
- 按
T键选择“横排文字工具”或“直排文字工具”。 - 在画布上点击输入文字,如“新款上市”、“限时优惠”等。
- 在顶部的字符面板中,可以修改字体、字号、颜色、字间距等。
- 文字描边: 选中文字图层,右键 -> “混合选项” -> “描边”,可以给文字加上彩色或白色的边框,使其更突出。
- 字体推荐:
- 标题/促销: 思源黑体、阿里巴巴普惠体、站酷酷黑(粗体)。
- 描述/说明: 思源宋体、阿里巴巴普惠体(常规)。
第5步:添加元素与细节
- 形状工具: 按
U键,可以添加圆角矩形、圆形、星星等形状,作为标签或装饰。 - 自定义形状工具: 在形状工具选项栏中,可以选择更多图标,如箭头、爱心、价格标签等。
- 图层样式: 选中任何图层(形状或文字),右键 -> “混合选项”,可以添加“投影”、“内阴影”、“外发光”等效果,让元素更有立体感。
第6步:导出图片
- 文件 -> 导出 -> 存储为 Web 所用格式 (旧版) 或 导出 -> 存储为 Web 所用格式 (Legacy) (新版)。
- 在弹出的窗口中,选择 JPEG 格式。
- 质量: 调整到 60-80 之间,既能保证清晰度,又能控制文件大小(淘宝主图建议大小在 500KB 以内)。
- 点击“存储”,就完成了!
进阶技巧:让商品“活”起来
-
光影重塑:
- 新建图层,模式改为“柔光”或“叠加”。
- 用黑色/白色的柔边画笔,在暗部/亮部进行涂抹,增强商品的立体感和质感,这是高级修图的精髓。
-
锐化:
- 复制一个图层 (
Ctrl/Cmd + J)。 - 顶部菜单:滤镜 -> 锐化 -> USM 锐化。
- 适当调整数量(50-150%)和半径(1-2像素),让商品边缘更清晰,注意不要过度锐化,否则会出现白边。
- 复制一个图层 (
-
场景合成:
- 将抠好的商品图放到一张生活场景图(如模特、咖啡馆、户外)中。
- 关键是光影匹配和色彩统一,通过调整图层的不透明度、混合模式(如“正片叠底”、“滤色”)来让商品和背景融合得更自然。
高级实战:打造爆款主图与详情页
主图设计
- 首图: 白底图是标配,必须清晰展示全貌和细节。
- 场景图: 展示商品的使用场景,激发买家代入感。
- 卖点图: 用图文结合的方式,突出 1-2 个核心卖点(如“防水”、“纯棉”、“大容量”)。
- 细节图: 展示做工、面料、拉链等细节,建立信任感。
- 促销图: 用醒目的文字和设计,展示优惠信息(“买一送一”、“限时折扣”)。
详情页设计
详情页是“说服”买家下单的关键,逻辑性很重要。
- 黄金首屏: 第一屏必须抓住眼球,展示核心卖点和品牌形象。
- 痛点解决: 描述你的商品如何解决买家的某个“痛点”。
- 图文并茂:
- 模特图: 全方位展示上身效果。
- 平铺图: 展示商品尺寸、版型、颜色。
- 细节展示: 特写镜头,展示工艺、面料质感。
- 信息图表: 将尺寸表、成分表、洗涤说明等信息设计得美观易读。
- 品牌故事/资质认证: 增加信任感。
- 关联推荐: 引导买家购买搭配商品或关联产品。
高效工作:快捷键与插件
常用快捷键 (必须掌握!)
| 功能 | 快捷键 | 功能 | 快捷键 |
|---|---|---|---|
| 打开文件 | Ctrl/Cmd + O |
新建文件 | Ctrl/Cmd + N |
| 保存文件 | Ctrl/Cmd + S |
另存为 | Ctrl/Cmd + Shift + S |
| 撤销一步 | Ctrl/Cmd + Z |
重做 | Ctrl/Cmd + Shift + Z |
| 复制图层 | Ctrl/Cmd + J |
合并可见图层 | Ctrl/Cmd + Shift + E |
| 自由变换 | Ctrl/Cmd + T |
取消变换 | Enter |
| 返回/前进历史记录 | Ctrl/Cmd + Alt/Cmd + Z |
Ctrl/Cmd + Shift + Z |
|
| 减少画笔大小 | ] |
增加画笔大小 | [ |
| 减少画笔硬度 | Shift + ] |
增加画笔硬度 | Shift + [ |
| 切换移动工具 | V |
切换画笔工具 | B |
| 切换套索工具 | L |
切换文字工具 | T |
| 切换吸管工具 | I |
切换抓手工具 | H (空格键临时切换) |
| 放大/缩小 | Ctrl/Cmd + 加号/减号 |
适应屏幕 | Ctrl/Cmd + 0 |
| 以100%显示 | Ctrl/Cmd + 1 |
实用插件推荐
- 脱影 (Topaz Mask AI): 付费但极其强大的抠图插件,对付头发、烟雾等复杂边缘效果拔群。
- 锐化 (Topaz Sharpen AI): 专业的锐化插件,效果自然,不易出噪点。
- 黄油相机: 虽然是手机App,但其字体和模板风格非常适合淘宝,可以作为灵感来源,甚至将设计好的图导入PS进行微调。
- Pexels / Unsplash: 免费高质量图片素材网站,寻找背景图和模特图。
资源与灵感:去哪里学习?
-
Bilibili (B站): 最好的免费学习平台!
- 搜索关键词:
PS 淘宝美工、PS 抠图、PS 调色、详情页设计。 - 推荐UP主:李涛老师(基础理论大师)、doyoudo(系统教程)、虎课网、高高手等。
- 搜索关键词:
-
优设网 / 站酷:
设计灵感网站,可以看看优秀的设计师是如何做的,学习他们的版式、配色和字体搭配。
-
淘宝大学:
官方的学习平台,有关于运营、设计、摄影的免费和付费课程,非常实用。
-
YouTube:
国外有很多优秀的 PS 教程,虽然语言是英文,但操作演示是通用的,可以锻炼专业词汇。
也是最重要的一点:多练!
找几张你喜欢的淘宝店铺图片,尝试模仿着做一遍,然后自己拍图,从抠图、调色到排版,完整地走一遍流程,熟能生巧,坚持下去,你一定能做出让买家心动的好图!
