动画 · Claude Opus 5.5

Lottie 加载动画:圆点变旋转圆环

三个弹性圆点依次跳跃,拉伸成彩色弧线,组成旋转圆环,再回到起始位置。

圆点变旋转圆环的作品预览

可复用提示词

原始提示词的准确措辞尚未核实。可将此内容作为起点,并到原始来源查看创作者的说明。

在 512×512 画布上以 60 fps 制作一段 2–4 秒的无缝 Lottie 循环。三个彩色圆点依次弹跳,拉伸成弧线,组成旋转圆环,再分离回圆点。

仅使用形状图层,不使用图片、字体、文字图层或表达式。JSON 小于 120 KB。使用鲜艳颜色、缓动,以及适度的挤压与拉伸。

如何改编这个案例

以下为结合现有提示词与来源整理的编辑建议,尚未通过复现验证,不保证得到展示中的效果。

准备哪些输入

准备三种颜色、背景色和目标最小显示尺寸。提示词要求 512×512 画布、60 fps、2–4 秒循环,以及小于 120 KB 的 JSON。

建议操作步骤

  1. 让模型把圆点、弧线和圆环拆成独立时间段。
  2. 先让结束时的圆点位置与开场一致,再调整缓动。
  3. 在实际使用的播放器里加载 JSON,与来源预览对照。

结果检查清单

  • 循环衔接处没有明显跳变。
  • 目标尺寸下仍能辨认形状。
  • 导出文件符合提示词的大小限制。

常见问题与调整

如果圆环突然断开,检查最后几帧,让循环边界的位置和速度连续,不要只用淡出掩盖切口。