做电商美工日常需要在 Photoshop 中制作各类商品详情页，传统手动排版、绘制场景、匹配素材往往需要花费大量时间。借助 PS 插件的 GPT 生图能力，可基于产品实拍图快速生成风格统一的整套电商详情页。本文以陶瓷杯为实操案例，完整讲解 PS 快速制作电商详情页的操作流程，新手美工可直接复刻，适配淘宝、拼多多、京东等主流平台的竖版商品详情页制作。
一、前期准备：素材整理与插件调取
1.准备产品基础素材
提前准备陶瓷杯产品图，优先使用白底实拍图作为生图基底，无需提前制作复杂场景。
若原图背景杂乱，可先在 PS 中做基础抠图处理，也可直接使用 StartAI 的 Banana 修图功能完成一键白底精修，输出干净规整的陶瓷杯白底图，作为后续 GPT 生图的参考底图。
2.调出 StartAI 插件面板
完成插件安装后重启 Photoshop，在顶部菜单栏依次选择【窗口】→【增效工具】→【StartAI】，即可调出插件操作面板。
立即使用StartAI：【点此一键下载StartAI插件】；
邀请码：【RjKwEr】，立领100积分，基础功能免费用！
该插件直接嵌入 PS 原生工作流，生成的图片会直接输出为 PS 图层，无需导出导入反复切换；
生图过程中可保留陶瓷杯原有外形、色彩与釉面纹理，不会随意改动产品款式；
支持分屏生成详情页素材，方便后续二次编辑，可省去大量手绘、找素材的时间。
二、GPT 生图分模块生成陶瓷杯电商详情页
电商详情页通常包含首屏主视觉、产品卖点模块、细节展示、场景使用图、规格参数板块。不建议一次性生成完整长图，采用分屏逐块生成、后期 PS 拼接的方式，画面可控度更高，文字排版出错概率更低，是 PS 结合 AI做详情页的实用技巧。
AI生成全套详情页提示词
可借助 AI 工具基于参考模板快速生成适配陶瓷杯的详情页提示词，保证结构完整、风格统一。将陶瓷杯产品图与详情页提示词参考模板一并上传，输入指令即可生成全套分屏提示词。
参考指令（可直接复用调整）：图片是我的造型陶瓷杯产品，文档中是一个猫粮的详情页 ai 提示词，请根据这个文档的结构，以及图 1 陶瓷杯产品的特性生成一份类似的造型陶瓷杯详情页提示词，从第二屏开始前面增加一句话：“图 2 为详情页首屏，请参考色调，排版需要更改，画面中可以不出现产品全貌”。
生成后的陶瓷杯详情页 AI 提示词参考：
生成第 1 屏：详情页首屏主视觉
打开 StartAI 插件面板，选择【GPT生图】功能，上传准备好的陶瓷杯白底图。
在生图需求输入框中，粘贴第 1 屏的提示词，设置尺寸比例、分辨率选择，生成质量保持默认即可。
点击「立即生成」，等待十余秒后，生成的首屏画面会自动导入 PS 新图层。生成后检查陶瓷杯款式是否变形、文案是否清晰可读，若对效果不满意，可调整提示词重新生成。
生成后续分屏：保持风格色调统一
制作第二屏及后续页面时，需将上一生成的首屏图一同上传，确保后续分屏与首屏的风格、色调保持一致，整体视觉不突兀。
操作流程与首屏一致：在 GPT 生图功能中上传参考图 + 产品图，粘贴对应分屏的提示词，保持相同的比例、分辨率，点击生成即可。
后续几屏的制作方法相同，仅需替换对应提示词，即可得到全套风格统一的陶瓷杯详情页分屏素材。
可编辑 PSD 拆分：AI 图层拆分
若需要对生成画面进行精细化修改，可使用 StartAI 的【AI 图层拆分 V3】功能，将合层的详情页图拆分为可编辑的独立图层。
在 PS 中选中需要拆分的图层，回到插件面板设置拆分层数、拆分尺寸与拆分模式，输入拆分需求（如拆分所有文字、产品主体、装饰元素），点击「立即拆分」。
AI 会自动识别画面中的元素并拆分图层，同时为图层命名，所有文字、产品、装饰均为独立图层，可直接在 PS 中修改文案、替换元素，无需重新绘制。
三、PS 内部拼接与细节微调
AI 生成的分屏素材，需要在 PS 中做简单的后期整合，这是 PS 制作详情页的必要收尾环节。
- 拼接排版：新建对应尺寸的长图画布，将 GPT 生图生成的各屏图层，按照详情页从上到下的顺序依次摆放，调整图层位置，对齐画面边缘，保证各模块衔接自然。
- 文字校对修正：AI 生成的文案偶尔会出现错别字或排版偏差，使用 PS 文字工具重新编辑关键卖点、参数信息，确保详情页文字准确合规，符合平台发布要求。
- 色彩与光影统一：通过调整图层的亮度、对比度与色彩平衡，统一全套详情页的视觉色调，避免分屏之间出现明显色差。
- 切片导出：全部调整完成后，使用 PS 切片工具对长图进行切片，导出为符合平台要求的图片格式，即可上传电商后台使用。
四、总结
本文以陶瓷杯为实操案例，演示了 PS 结合 StartAI 插件 GPT 生图快速输出全套电商详情页的完整流程。可先通过Banana修图完成产品白底精修，再借助 GPT 生图分屏生成首屏、卖点、细节、场景、参数等各个详情页模块，最后在 PS 内完成拼接、校对、切片导出。
立即使用StartAI：【点此一键下载StartAI插件】；
邀请码：【RjKwEr】，立领100积分，基础功能免费用！
这套工作流保留了 PS 原生的编辑能力，同时借助 AI 能力大幅提升作图效率，方法可直接迁移到马克杯、餐具等各类日用陶瓷类产品的详情页制作中。
