做电商美工日常常会处理发卡、发夹这类饰品的详情页制作,传统流程里找场景素材、修图合成、手动排版往往要耗费大量时间。借助PS插件的GPT生图能力,只需产品实拍图就能快速生成整套竖版电商详情页,新手也能快速上手,适配淘宝、拼多多、京东等主流平台。本文就以常见的甜美风发卡为例,讲解完整的实操步骤。
一、前期准备:素材整理与插件调取
1.1 准备产品基础素材
提前准备好发卡的产品原图,优先使用白底实拍图,无需复杂背景。如果原图背景杂乱,可以先在 PS 中做基础抠图处理,也可以直接用 StartAI 的Banana修图功能完成一键白底精修,输出干净的发卡白底图,作为后续GPT生图的参考底图。

1.2 调出 StartAI 插件面板
完成插件安装后重启 Photoshop,在顶部菜单栏依次选择【窗口】→【增效工具】→【StartAI】,即可调出插件操作面板。
立即使用StartAI:【点此一键下载StartAI插件】;
邀请码:【RjKwEr】,立领100积分,基础核心功能免费用!
StartAI 插件直接嵌入 PS 原生工作流,生成的图片会直接输出到 PS 新图层,无需导出导入来回切换;
生成过程会保留发卡原有外形、色彩,不会随意改动产品款式;
同时支持分屏生成可编辑的 PSD 文件,方便后续二次调整,能省去大量手绘、找素材的时间。
二、GPT生图分模块生成发卡详情页
电商详情页通常包含首屏主视觉、产品卖点、细节展示、佩戴场景、规格参数这几个核心板块。不建议一次性生成完整长图,采用分屏逐块生成、后期 PS 拼接的方式,可控度更高,文字排版出错概率更低,是用 PS 做 AI 详情页的实用技巧。
2.1 生成详情页专属提示词
可以先借助 AI 对话工具生成适配的详情页提示词,上传发卡产品图以及参考的详情页结构模板,输入指令参考:

AI 会直接输出全套分屏提示词,你可以根据自身发卡的材质(亚克力、合金、布艺等)、尺寸、风格做对应调整。

2.2 生成第 1 屏:详情页首屏主视觉
打开 StartAI 插件面板,选择【GPT生图】功能,上传准备好的发卡白底图。

在生图需求框内输入首屏的提示词,将尺寸比例设置为 9:16,分辨率选择4K,生成质量保持默认自动。

点击立即生成,等待十几秒,生成的画面就会自动导入PS新图层。

首屏生成后,检查发卡款式没有变形、文字清晰可读即可;若对生成效果不满意,调整提示词描述后重新生成即可。
2.3 生成后续分屏详情页
制作第二屏及后续页面时,需要将刚刚生成好的首屏图上传作为参考图,这样可以确保后续生成的分屏与首屏风格色调统一,视觉衔接自然不突兀。
在生图需求框内修改对应屏数的提示词,同样保持 9:16 尺寸比例、4K 分辨率,点击生成即可。

后续板块可以根据需求拓展,比如第三屏做多场景佩戴展示,呈现日常通勤、约会出游、居家休闲等不同场景的佩戴效果;

第四屏做规格参数与保养须知,标注产品尺寸、材质、佩戴注意事项、保养方法等。依次修改提示词生成,就能得到完整的全套详情页分屏。

2.4 可编辑图层拆分(可选)
如果需要获取可自由编辑的 PSD 源文件,可以选择插件中的【AI 图层拆分】功能,设置想要的拆分层数、拆分尺寸,输入拆分需求,点击立即生成。

AI会自动将图片里的元素拆分为独立图层并对应命名,比如主标题文字、卖点说明文字、装饰元素、产品主体等,后续可以直接在PS 里按需调整文字、替换元素,修改效率更高。

三、PS 内部拼接与细节微调
AI 生成的分屏画面,需要在 PS 里做简单的后期整合处理,这也是 PS 制作发卡详情页必不可少的收尾环节。
- 拼接排版:新建对应长度的长图画布,像素根据分屏数量自行计算,将 GPT 生图生成好的每一屏图层,按照从上到下的详情页顺序摆放至画布中,调整图层位置,对齐画面,衔接各个模块。
- 文字校对:AI 生成的文案偶尔会出现错别字或表述偏差,建议使用 PS 文字工具重新编辑关键卖点、参数信息,保证详情页文字准确合规,符合电商平台发布规范。
- 色彩统一:统一调整全部模块的亮度、对比度、色温,保证整套发卡详情页视觉风格统一,过渡自然。
- 切片导出:全部调整完成后,使用 PS 切片工具对详情页进行切片导出图片,就可以上传电商后台使用了。
立即使用StartAI:【点此一键下载StartAI插件】;
邀请码:【RjKwEr】,立领100积分,基础核心功能免费用!
四、总结
本文以甜美风发卡为实操案例,完整演示了 PS 结合StartAI插件 GPT生图快速制作电商详情页的全流程。通过 GPT 生图分屏生成首屏、卖点、细节、场景、参数各个详情页模块,在PS内完成拼接、校对、切片导出。 整个工作流完整保留了PS的原生编辑能力,同时借助 AI 能力大幅提升作图效率,这套方法也可以直接迁移到发夹、头绳、耳饰等其他饰品类商品的详情页制作中。








