实用设计工作流

Nano Banana 能生成 GIF 吗?

Fern Shop 循环动画的首帧,画面中有白色马克杯、标题和琥珀色下划线。

Ciyo 中的 Nano Banana 输出静态图片。先确定底图,再让一个元素运动,单独导出并检查循环 GIF。

先做一张可独立使用的底图

在图片生成器中选择 Nano Banana Pro,制作动画停下时也能直接使用的一帧。商品图要保留核准的文字、轮廓和留白。加动作前先保存这一帧。

决定哪部分需要动

商品卡片只让下划线移动,一张底图就够了。固定照片和标题,逐帧改变下划线位置。如果要让角色挥手,先用同一背景准备手部姿势,编码前对齐肩部。

打开 GIF 任务草稿
请向我索取已确认的 Nano Banana 底图。固定照片和标题,只让下划线移动两秒。导出循环 GIF 和首帧 PNG,检查尺寸、帧数与总时长。

角色本身也要动时怎样准备

要做两种姿势的挥手循环,用已确认的立绘作第二个姿势的参考。保持画布尺寸一致,对齐两帧的眼睛和肩膀。如果要调整取景,对两帧使用相同裁切。

先定每帧停留时间

试做两秒循环时,可让姿势 A 停留 800 毫秒,姿势 B 停留 400 毫秒,再回到 A 停留 800 毫秒。首尾的 A 会连在一起;如果停顿太久,就缩短两端的时长。导出时设置重复播放。

下载 GIF,对照静态首帧

下面的 Fern Shop 案例使用获授权的照片,展示可同样用于 Nano Banana 底图的独立编码步骤。文件共 32 帧,总时长两秒。打开 GIF 和首帧 PNG,检查下划线循环时标题是否固定。

虚构 Fern Shop 的邮件配图:白色杯子与标题保持静止,琥珀色下划线移动
实际两秒 GIF,60,056 字节。照片:Bec R. / Pexels 11075707。示意构图;摄影师不为 Fern Shop 背书。

如果下载后看起来仍是静态图

下载文件,用能播放动画的查看器打开。若只有一帧,添加与首帧有明显差异的第二帧;若只播放一次,检查循环设置。杯身出现闪烁时,复用同一张商品底图,只修改运动图层。

把我的静态图做成循环 GIF

准备好底图后,在画布编辑任务说明,再开始制作。