站内精选

一句话结论

一套主视觉出 5 个尺寸,别手动改稿:即梦生成底图,PS 里做成一份分层模板,之后替换一次就能批量导出全部尺寸。

这篇解决什么问题

运营临时加一个开屏位,同一张主视觉要同时上首页横版、竖版落地页、方形朋友圈、手机开屏和详情页头图,改一版文案就是五遍活。

下面写的是把五遍压成一遍的做法,重点在模板,不在提示词写得多花哨。

适用:手里已经有一张能用的主视觉,需要反复适配多个尺寸。不适用:每次都要从零做视觉创意,或者这次只需要出一个尺寸。

开始前要准备什么

  • 即梦账号,网页版或 App 都可以,日常出图靠每日赠送的积分,跑几张底图够用
  • Photoshop 2023 及以上版本,生成式填充能用,不需要额外装插件
  • 一份尺寸清单,把这次要出的尺寸和用途先写下来,别边做边想
  • 主视觉会用到的元素文件:logo、活动文案、二维码、指定字体
  • 时间预期:第一次从搭模板到导出通常 40 分钟以内,之后复用每次 10 分钟以内

具体怎么做

第 1 步 · 先把尺寸写成一张表

别急着打开软件。把尺寸、用途、安全区写在同一张表里,后面所有操作都围着它走。

我在实操中发现,返工最多的原因不是技术不够,是尺寸和用途没对齐,做完才发现竖版那块被裁掉了关键信息。

尺寸清单(按用途写,不要只写数字)
1. 首页横版 banner:1920 × 600,左右各留 200px 安全区
2. 竖版落地页头图:1080 × 1440,主体居中偏上
3. 方形朋友圈图:1080 × 1080,四周留白 60px
4. 手机开屏:1080 × 1920,关键信息压在上三分之一
5. 详情页头图:1200 × 400,左右允许裁切

预期产出:一张 5 行的尺寸表,可以直接贴进画板命名或者文档备注里。

第 2 步 · 用即梦生成一张能往外扩的底图

主视觉底图别生成满构图的。主体居中、四周留背景,后面往竖版和横版延展才有余量。

这一步很多人图省事,让画面直接铺满,结果竖版没地方放标题,只能整张重做。

一张活动主视觉底图,画面中心是一只白色陶瓷咖啡杯和几片绿叶,放在浅米色亚麻布面上,右侧留出大面积干净背景用于放置文字,柔和自然光从左上方打来,浅景深,色调温暖克制,画面中不要出现任何文字、logo、人物,横构图 16:9,高清

预期产出:一张横版底图,主体居中,右侧和上下都留着能动的干净背景。

第 3 步 · 在 PS 里拆成背景、主体、文字三层

直接拿整张图改尺寸,一拉就变形,人像和产品最明显。把主体抠出来单独成层,背景一层,文字全部用可编辑文本层。

这三层立住,后面才是改尺寸;立不住,后面全是重做。

延续原图的浅米色亚麻布纹理和柔和光影,向左右两侧自然延展背景,保持原有的光线方向和颗粒感,不要添加新的物体,不要出现文字

预期产出:背景层比原图宽一圈,两侧各多出可裁切的余量。

第 4 步 · 搭 5 个画板,按尺寸逐个摆位

PS 新建文档时选「画板」,一次性建 5 个不同尺寸的画板。主体层复制进每个画板,只调大小和位置,不重新抠图。

竖版那个画板最麻烦,因为底图是横的。这时把背景单独往上往下扩,主体的位置保持不动。

画面向上延展,延续浅米色亚麻布的纹理和左上方来的柔和光影,顶部留出约三分之一干净区域用于放置标题;杯子的位置保持不动,桌面不要新增餐具或其他物件,不要出现文字

预期产出:5 个画板排在同一份文档里,竖版那块主体还在原位,顶部有能放标题的空间。

第 5 步 · 一次导出全部画板

走「文件 – 导出 – 将画板导出为文件」,PS 会按画板名逐个生成 PNG,不用手动一个个改尺寸另存。

命名统一之后,运营拿到就能直接往后台传,不用再回来问你哪张是哪个位。

命名规则:活动名_用途_尺寸_版本
qingye_首页banner_1920x600_v1.png
qingye_落地页_1080x1440_v1.png
qingye_朋友圈_1080x1080_v1.png
qingye_开屏_1080x1920_v1.png
qingye_详情页_1200x400_v1.png

预期产出:5 个 PNG,尺寸和命名都能对上第 1 步那张表。

实测记录

环节 实际耗时
列尺寸表 约 5 分钟
即梦出底图,挑了 4 张 约 10 分钟
PS 分层加扩背景 约 15 分钟
搭 5 个画板并逐个摆位 约 15 分钟
导出与核对 约 5 分钟

第一次做,从开文件到交出 5 个尺寸大概 50 分钟,其中一半时间花在把主体抠干净上。同类活动第二次做,直接套用这套分层文件和画板,动手时间在 10 分钟以内。

返工记录也留一下:最早那版我把主体和背景留在同一层,竖版一拉杯子就扁了,只能重抠;后来一次文字用了栅格化标题,改一版文案全部重排。这两次返工加起来比重新做还久。

成本上,底图靠即梦每日赠送的积分就够跑;PS 用现有订阅。如果生成式填充不可用,手动用仿制图章铺背景也做得出来,只是慢一些。

最容易错的 3 个地方

  1. 整图缩放。主体和背景同层,拉成竖版必变形;先把主体单独抠成一层。
  2. 只留一种构图。横版信息堆在右侧,竖版就没地方放;安全区要在动手前定。
  3. 文字层栅格化。改一版文案就得重排版;标题、副标、按钮保留可编辑文本层。

可复用的东西

整套东西说到底就是三份文件:一份尺寸清单、一段即梦底图提示词、一个排好 5 个画板的 PS 模板。提示词按用途拆开,复制走就能用。

  • 底图提示词:主体 + 材质 + 留白方向 + 光线 + 禁止出现项
  • 扩背景提示词:延续原纹理与光影,不新增物体,不出现文字
  • 竖版补充提示词:只扩顶和底,主体位置不动
  • 命名规则:活动名_用途_尺寸_版本

下次做活动,先翻出这套模板,比重新琢磨怎么适配要快得多。做上两三次,你会开始反过来按尺寸去定视觉构图。

流程本身不难,难的是第一次忍住不改稿,先去做那张尺寸表和分层文件。模板立起来之后,每次适配就只剩换素材、调文字、导出三件事。你平时接到的尺寸需求里,最难搞的是哪一个?

常见问题解答

主视觉适配 5 个尺寸一般要多久?

第一次搭建模板通常在 40 分钟到 50 分钟,之后复用同一套画板,从换素材到导出多在 10 分钟以内,具体取决于主体抠图的干净程度。

不用 Photoshop 能不能做这件事?

能。分层的目的是让主体、背景、文字各自独立,只要工具支持多画板或者多图层都能实现,代价是导出和命名要自己多核对一遍。

即梦生成的底图可以直接对外用吗?

先看清楚平台当前的生成内容条款,再对照品牌方对素材的要求。涉及正式投放的主画面,建议让设计再确认一遍细节。

为什么不能直接把主视觉拖大拖小?

主体和背景在同一层时,缩放会同时改变两者的比例关系,人像和产品最容易露馅。先分层再改尺寸,画面才站得住。

文字为什么一定要保留可编辑状态?

活动文案改一个字就要重排整张图。标题、副标、按钮保留文本层,改文案时只动文字,不用重新走一遍导出。

发表回复

后才能评论