SVG Logo动画生成器 – AI品牌动效制作 2026

使用这个提示词光圈快门查看提示词创建一个名为“光圈快门”的 SVG Logo 动画,适用于相机 / 光学品牌:

- 以 7 片黑色三角光圈叶片围绕中心点 (50,50) 排列

- 叶片从 scale(0.3) 到 1、opacity 0 到 1,并带 30deg 旋转依次出现,每片间隔 50ms,总时长 1.2s

- 光圈闭合后,在 1.1s 弹入一条半径 33 的细黑色外环,缓动为 cubic-bezier(.34,1.56,.64,1)

- 1.5s 时在中心弹出一个红色小圆点 (#ff3b1f)

- 1.7s 时淡入加粗无衬线字标 “APERTURE”,字距约 0.5em

- 背景纯白,仅使用 fill / transform / opacity 与 CSS keyframes。

使用提示词使用这个提示词轨道标记查看提示词创建一个名为“轨道标记”的 SVG Logo 动画,适用于航天品牌:

- 蓝色背景 (#0066ff) 上放置 3 个同心细白圆,半径分别为 22、32、42

- 每个圆用 stroke-dasharray / stroke-dashoffset 方式绘制,1.4s ease-out,并依次错开 200ms

- 1.4s 后,一个黄色卫星点 (#ffd400) 沿圆环做 4s 一圈的线性无限旋转

- 1.6s 时,一条白色水平横条从左向右 scaleX 展开,作为字标基线

- 纯色背景,不使用渐变,整体偏 NASA 式极简科技感。

使用提示词使用这个提示词传承徽章查看提示词创建一个名为“传承徽章”的 SVG Logo 动画,适用于豪华汽车品牌:

- 黑色背景,中间是半径 30 的圆形徽章,左半白色、右半蓝色 (#3d6bff)

- 左右两半分别从 translateX(-60px) 与 translateX(60px) 滑入,时长 1s,缓动 cubic-bezier(.5,0,.2,1)

- 1s 时再弹入两条细白描边圆环,半径 30 和 34

- 2s 后增加一条白色高光条,旋转 20deg,并裁切在圆内,每 2.5s 从左向右扫过

- 使用 clip-path 将两半限制在圆形内,整体气质参考宝马 / 阿斯顿马丁式经典徽章。

使用提示词使用这个提示词闪电能量查看提示词创建一个名为“闪电能量”的 SVG Logo 动画,适用于能源品牌:

- 黄色背景 (#ffd400),主体为黑色元素

- 黑色闪电多边形从 translateY(-60px) 下坠,1s 后开始 0.5s 的落地动作,包含 scaleY 1.15 到 0.95 的挤压回弹

- 闪电外侧有一个半径 36 的黑色细圆环,从顶部顺时针描绘出来

- 闪电落地瞬间加入白色闪光圆,从 scale 0.5 扩展到 2.2,并做 opacity 0→0.9→0

- 落地后闪电持续每 2s 做一次发光脉冲

- 整体偏 Tesla / Shell 式高能品牌观感。

使用提示词使用这个提示词高定字母查看提示词创建一个名为“高定字母”的 SVG Logo 动画,适用于奢侈时装屋:

- 奶油白背景 (#f5f0e8),深墨色线条 (#1a1a1a)

- 用三笔粗线依次绘制字母 A:左腿、右腿、横杠,每笔 1.2s,间隔 400ms

- A 完成后,在 1.6s 开始用 stroke-dasharray 绘制一个 64x64 的细方框,1.4s ease-out

- 方框闭合后,在四角依次淡入四个小圆点,每个间隔 100ms

- 风格参考 Hermès / Dior 式经典高定字母标,利落、几何、精致。

使用提示词使用这个提示词靶心脉冲查看提示词创建一个名为“靶心脉冲”的 SVG Logo 动画,适用于零售 / 运动品牌:

- 深红背景 (#dc143c)

- 中心放置 4 个同心圆,白 / 红交替,半径为 34、26、18、10

- 各圆从 scale(0) 以弹性方式依次出现,最大圆先出,每层相隔 150ms

- 所有圆出现后,再叠加两个白色描边脉冲环,从 scale 0.4 扩展到 2,同时 opacity 0.8 到 0,无限 2s 循环并错开 700ms

- 质感参考 Target / Beats 的商业极简品牌风。

使用提示词使用这个提示词双环互锁查看提示词创建一个名为“双环互锁”的 SVG Logo 动画,适用于支付 / 网络品牌:

- 白色背景,两枚重叠圆形,半径均为 20,中心分别在 x=38 和 x=62

- 左圆为红色 (#ff3b1f),从 translateX(-40px) 滑入;右圆为蓝色 (#0066ff),从 translateX(40px) 滑入

- 两个圆在 0.8s 内到位,最终 opacity 为 0.85,让重叠区自然形成紫色混合

- 1.2s 后,再用黑色描边圆沿同样轨迹描绘出来,两圈各 1.5s,第二圈延迟 1.4s

- 视觉语言参考 Mastercard / 维恩图式互锁品牌。

使用提示词使用这个提示词棱镜晶体查看提示词创建一个名为“棱镜晶体”的 SVG Logo 动画,适用于金融科技平台:

- 深海军蓝背景 (#1a1a2e),主体是由 4 个三角面构成的钻石 / 晶体

- 每个切面使用不同渐变:紫到蓝、青到蓝、洋红到紫、天蓝到青

- 切面从 scale(0) 与 rotate(-180deg) 弹入,每片相隔 100ms

- 1.2s 后整颗晶体以 8s 一圈做线性无限旋转

- 后方叠加一颗模糊白色光晕圆,每 3s 做一次 opacity 0→0.3→0 的脉冲

- 视觉风格偏 Stripe / Linear / Vercel 的 SaaS 科技感。

使用提示词使用这个提示词盾牌守护查看提示词创建一个名为“盾牌守护”的 SVG Logo 动画,适用于银行 / 保险品牌:

- 深青色背景 (#0a3d3d),主体为薄荷色五边形盾牌 (#a8e6cf)

- 盾牌通过 clip-path 从左到右擦除显现,时长 1s,缓动 cubic-bezier(.7,0,.3,1)

- 盾牌出现后,内部 3 条深青色竖条从 scaleY(0) 到 1 依次升起,每条间隔 150ms

- 1.6s 后在盾牌顶部弹入一颗五角白星,从 rotate(-180deg) 与 scale(0) 到正常状态

- 整体气质参考 Chase / American Express 等金融机构的稳重权威感。

使用提示词

2026-10-14 15:49:01