做电商美工经常需要在Photoshop里制作商品详情页,传统手动排版、找素材、做场景图耗时较长。借助 PS 插件的 GPT 生图能力,可以基于产品实拍图快速生成整套电商详情页。本文以懒人沙发作为实操案例,完整讲解 PS 快速制作电商详情页的实操流程,新手美工也可以直接复刻操作,适合淘宝、拼多多、京东等平台的竖版商品详情页制作。
一、前期准备:素材与插件调取
1.1 准备产品基础素材
提前准备懒人沙发产品图,优先使用白底实拍产品图,不需要复杂场景。
如果原图背景杂乱,可以先在 PS 中做基础处理,也可以直接用 StartAI 的 Banana 修图完成一键白底精修,输出干净的懒人沙发白底图,作为后续GPT生图的参考底图。

1.2 调出StartAI插件面板
完成插件安装后,重启 Photoshop。顶部菜单栏选择【窗口】→【增效工具】→【StartAI】,调出插件操作面板。
立即使用StartAI:【点此一键下载StartAI插件】;
邀请码:【RjKwEr】,立领100积分,基础功能免费用!
StartAI 插件优势:
直接嵌入 PS 工作流,生成图片直接输出到 PS 图层,不用导出导入来回切换;
可以保留原有产品外形、色彩,不会随意改动懒人沙发款式;
支持分屏生成详情页psd,方便二次编辑,省去大量手绘、找素材时间。
二、GPT生图分模块生成懒人沙发电商详情页
电商详情页一般分为:首屏主视觉、产品卖点模块、细节展示、场景使用图、规格参数板块。不建议一次性生成超长完整长图,采用分屏逐块生成,后期在 PS 拼接,可控度更高,文字排版出错概率更低,这也是 PS 做 AI 详情页的实用技巧。
AI生成详情页提示词
借助AI快速生成详情页提示词,随机打开一款AI软件,将产品图以及详情页提示词模板一并上传;
输入指令(可直接复用):图片是我的懒人沙发产品,文档中是一个养生壶的详情页 ai 提示词,请根据这个文档的结构,以及图 1 懒人沙发产品的特性生成一份类似的懒人沙发详情页提示词,从第二屏开始前面增加一句话:“图 2 为详情页首屏,请参考色调,排版需要更改,画面中可以不出现产品全貌”。

AI直接输出全套详情页提示词,可根据自身产品进行相关内容的修改。

生成第 1 屏:详情页首屏主视觉
打开StartAI插件面板,选择【GPT生图】功能,上传懒人沙发白底图。

在生图需求框内输入提示词,复制粘贴刚刚生成好的首屏提示词,设置尺寸比例和分辨率。

点击立即生成,等待十几秒,生成画面自动导入 PS 新图层。首屏主视觉完成,检查沙发款式没有变形,文字可读,若对生成结果不满意,可调整提示词重新生成。

第二屏制作
需将刚刚生成好的首屏上传,这样可以确保后续生成的详情页分屏与首屏风格色调一致,不突兀。

后面几屏详情页制作方法同上,仅需修改相关提示词,即可得到完整的全套详情页



若想修改画面内容,想要可以编辑的PSD源文件,可以选择【AI图层拆分】功能,设置想要的拆分层数、拆分尺寸,输入拆分需求,点击立即生成。

AI会自动拆分图片里的元素,并为图层命名,所有元素都是单独的图层,这样就可以按照自己的需求进行编辑。

三、PS内部拼接与细节微调
AI 生成后的画面,需要在PS里做简单后期,这一步也是PS做详情页必不可少的环节。
1.新建长图画布,像素自行计算,将GPT生图生成好的每一屏图层,按照从上到下的详情页顺序,摆放至画布,调整图层位置,对齐画面,衔接各个模块。
2.文字二次校对:AI 生成的文案偶尔会有错别字,建议使用 PS 文字工具重新编辑关键卖点、参数,保证详情页文字准确,符合平台发布规范。
3.色彩统一:统一全部模块的亮度、对比度,保证整套懒人沙发详情页视觉风格统一。
4.全部调整完成,使用 PS 切片工具对详情页切片导出图片,就可以上传电商后台使用。
立即使用StartAI:【点此一键下载StartAI插件】;
邀请码:【RjKwEr】,立领100积分,基础功能免费用!
四、总结
本文以懒人沙发为完整实操案例,演示了PS结合StartAI插件GPT生图快速输出电商详情页完整流程。可以先用Banana修图完成产品白底精修,再通过GPT生图分屏生成首屏、卖点、场景、参数各个详情页模块,全部图层在PS内完成拼接校对切片导出。整个工作流保留PS原有编辑能力,同时借助AI提升作图效率,淘宝、拼多多美工可以直接把这套方法迁移到其他家居类产品详情页制作中。








