AI制作动态图形动画视频教程
💡AI快速生成动态视频教程:用 Nano Banana 制作专业动效与视觉特效
如果你想做出那种炫酷的动态图、专业的视觉特效视频,却又不想花时间去学复杂的剪辑或特效软件(像 AE、Premiere 这种),那你一定要看完这篇文章。
过去,我们要制作一段像样的动态视频,需要在 After Effects 里搭图层、调关键帧、拉曲线,几个小时起步;
但现在,有了 AI 视频生成工具,这些过程都能在几秒钟内完成!
今天我会一步步教你,用 OpenArt 平台上的 Nano Banana 模型,生成各种专业的动态图和视频动画效果。
你不需要任何视频基础,只要跟着我实操,就能轻松做出高质量的视觉特效视频。
一、为什么选择 OpenArt?
OpenArt 是一个整合多种 AI 视频模型的平台,它能调用市面上主流的模型:
像 Kling AI、Pika Labs、Runway、PixVerse 等等,全部都能在一个平台内无缝切换。
除了视频生成外,它还支持:
- AI 图片生成
- 图片转视频(Image to Video)
- 视频放大增强(Video Upscale)
- 自动背景替换、绿幕抠图
👉 点击这里体验:OpenArt 一站式视频生成平台
二、准备阶段:获取AI提示词
我在制作视频时使用的所有 Prompt 提示词,都已经整理成文档,放在我的网站:
📘 AI有风.com – Motion Graphic Animations 提示词合集
你可以直接复制粘贴这些提示词到 OpenArt 使用。
如果你想进一步优化提示词效果,建议搭配 ChatGPT Plus 一起用。
因为 ChatGPT 可以帮你:
- 改写英文提示词,使动画更自然;
- 提供更精准的风格与镜头语言;
- 直接生成适合 Nano Banana 模型的描述。
💡如果你还没有 GPT Plus,可以通过国内渠道购买:
👉 ChatGPT 会员代充平台(银河录像局)
支持支付宝付款,无需国外银行卡。
三、实操演示一:沙漏时间流逝动画
我们先做一个非常经典的效果——“沙漏流沙”动画。
这种视频可以用在教育、时间主题、哲理短片等场景里。
步骤 1:准备参考图
你可以:
- 自己拍摄或在 Google 上搜索“沙漏图片”;
- 或者用 OpenArt 直接生成。
示例提示词如下(中英文版本我都准备好了):
futuristic glowing hourglass floating in the air, golden sand flowing inside, sci-fi style green background.
未来科技感的发光沙漏,悬浮在空中,沙粒金色流动,绿色背景方便抠图。
生成后,建议多生成两张不同版本,这样能挑出最干净的一张作为素材。
步骤 2:制作上下帧图像
为了让 AI 能生成自然的“沙子流动”动画,我们需要两张关键帧:
- 第一帧:沙子全在上半部分;
- 第二帧:沙子全在下半部分。
这两张图将作为视频生成的“起始帧”和“结束帧”。
在 OpenArt 里,你可以通过修改提示词轻松生成:
Put all sand in the upper half of the hourglass.
把沙漏里的沙子放在上半部分。
再换一个提示词生成相反的版本。
步骤 3:生成视频
进入 OpenArt 左侧的 “Video” 模块 → 选择 Image to Video(图片转视频)。
视频模型建议选择:
- Kling AI 2.1(流畅自然)
- 或 Nano Banana(Google 出品)
上传刚才的两张图片后,输入提示词:
A realistic 3D animation of an hourglass filled with golden sand. The sand slowly flows from the top to the bottom, showing the passage of time. Green background for chroma keying.
点击“创建”,等待几秒钟,AI 就能自动生成动态的沙漏流动视频。
你会看到沙子自然下落、光影变化平滑,就像专业设计师做出来的一样。
步骤 4:视频增强
如果你想要高清或4K版本,可以使用 OpenArt 的 Video Upscale 功能:
- 选择分辨率(1080p / 4K);
- 帧率(最高120fps);
- 点击增强(Upscale)。
AI 会自动输出一个清晰度更高、运动更流畅的视频版本,非常适合商业级项目。
英文版提示词(主用于AI绘图)
Prompt 1:
A futuristic glowing hourglass filled with golden sand particles, floating in a high-tech environment with neon blue and purple lights, holographic geometric shapes, sci-fi digital circuit background, cinematic lighting, ultra-realistic reflections, 3D render, high detail, –ar 16:9 –style raw –v 6
Prompt 2:
A levitating crystal hourglass with shining golden dust inside, surrounded by holographic data panels and glowing circuit lines, futuristic laboratory scene, cyberpunk lighting, depth of field, volumetric light, cinematic photo, 8K render –ar 16:9 –v 6
Prompt 3(稍具艺术化)
A luminous hourglass symbolizing time and technology, glowing golden particles suspended in mid-air, surrounded by digital holograms, neon grids, purple and blue sci-fi ambient light, elegant metallic design, 3D cinematic composition –ar 16:9 –v 6 –style cinematic
💡 中文提示词(可给中文AI绘图平台)
未来科技风的发光沙漏,沙漏中流动着金色的沙粒,悬浮在空气中,背景是充满蓝紫色霓虹光的高科技数字空间,带有全息几何图形和电路纹理,画面具有强烈的光影对比与金属质感,立体感强,赛博风格,电影级渲染,16:9构图。
🧠 变体方向(你可以选择不同风格)
赛博朋克风:
futuristic cyberpunk hourglass, glowing neon lights, dark tech city background, reflective metallic floor宇宙空间风:
cosmic hourglass floating in space, surrounded by stars and nebulae, representing time and infinityAI象征风格:
AI-generated hourglass made of data streams and digital particles, holographic network background
背景换成绿色
render the same sign but with a solidgreen background
Move all the sand in the hourglass to the upper chamber.
place all the sand in the hourglass at thevery top section
把沙漏里的所有沙子都放到上半部分。
place all the sand at the bottom
把沙漏里的所有沙子都放到下半部分。
英文AI视频提示词(专业级)
A glowing futuristic hourglass filled with shimmering golden sand particles, slowly rotating in mid-air inside a high-tech digital environment. The golden dust gently flows upward and downward in slow motion, illuminated by neon blue and purple holographic lights. The camera slowly moves forward with cinematic depth of field, reflecting the glass surface and glowing circuit floor, creating an ultra-realistic sci-fi atmosphere. Volumetric lighting, particle effects, time distortion effect, 3D cinematic render, 8K ultra detail.
推荐参数(适合KlingAI、Runway)
Aspect ratio: 16:9
Duration: 8–12秒
Camera motion: slow dolly-in + orbit rotation
Style: Cinematic / Sci-Fi / Realistic / Glowing Neon
🎬 中文AI视频提示词(自然语言版)
一个漂浮在空中的未来科技沙漏,内部金色流沙在蓝紫色霓虹灯的照射下闪闪发光。镜头缓慢推进,环绕沙漏旋转,沙粒在慢动作中缓缓流动,玻璃表面反射出周围的全息几何光影。整个画面充满未来科技感与电影级光影效果,伴随轻微的时间流动与粒子漂浮特效,画面细腻、真实、具有强烈的沉浸感。
两张图拼成AI视频提示词:
一个逼真的3D动画画面,展示了一只优雅的玻璃沙漏,内部装满闪闪发光的金色细沙。
细沙从上方腔室轻柔地倾泻到下方,随着时间的流动慢慢堆积。
与此同时,沙漏本身围绕垂直轴优雅地旋转,动作平滑流畅,仿佛悬浮在空间中缓缓转动。
柔和的电影级灯光让玻璃表面折射出逼真的光影,在纯绿色背景下营造出宁静而迷人的视觉效果。
🟢 English Version (Refined Prompt)
A realistic 3D animation of a transparent glass hourglass filled with shimmering golden sand. The sand flows smoothly from the upper chamber to the lower chamber, gradually filling it as time passes.
The hourglass continuously and gracefully rotates around its vertical axis, moving in a steady, fluid motion as if suspended in mid-air.
Soft cinematic lighting highlights the glass reflections and golden particles, all set against a clean solid green background for perfect compositing.
霓红灯招牌
🌆 变体风格建议
① 复古美式风格
retro neon sign glowing in red and turquoise, vintage diner style, wet pavement reflections, cinematic 1980s vibe, dark alley background, soft smoke, warm light bloom –ar 16:9 –v 6
② 赛博朋克风格
cyberpunk neon sign glowing in magenta and cyan, futuristic street scene, holographic reflections, rainy night, glowing mist, cinematic lighting –ar 16:9 –v 6
③ 极简现代风
minimal neon typography on black background, saying “NOW OPEN”, clean lines, modern style, soft reflections, studio lighting –ar 16:9 –v 6
霓红灯招牌
change the top text to “SUBSCRIBE TO”and the big bottom text to “Windy”
这是一块霓虹灯招牌,请生成它处于关闭状态时的图像。
🟢 英文提示词(AI绘图/视频生成专用)
A cyberpunk street scene at night with a neon sign that says “SUBSCRIBE TO WINDY,” but the sign is turned off.
The tubes of the neon sign are visible but unlit, showing a dark matte surface with faint reflections of the city lights.
The environment remains moody and cinematic, with wet pavement, soft reflections, and mist in the air.
Realistic lighting, high detail, cinematic composition, 16:9 aspect ratio.
🟣 简短版本(适合Midjourney或Runway)
neon sign saying “SUBSCRIBE TO WINDY”, turned off, dark tubes, visible reflections, cyberpunk rainy street, cinematic lighting, realistic, 16:9
🟡 中文说明
让AI保留原场景构图、背景氛围(如雨夜街道、反光地面),
但霓虹灯不要发光,显示出熄灭状态的灯管,
整体光线偏暗,有城市环境光的反射即可。
现在已经有了两张关键帧(关灯状态 + 开灯状态),可以用来生成一个非常有电影感的「霓虹灯点亮」AI视频。以下是针对 Runway、Kling、Pika 等平台都通用的英文提示词(已加入灯光变化、烟雾与环境细节效果 👇):
🟢 AI 视频生成提示词(英文)
A cinematic cyberpunk street scene at night featuring a neon sign that says “SUBSCRIBE TO WINDY.”
The video begins with the sign turned off, dark and matte against the rainy background.
Then, the neon slowly flickers to life, first dim, then glowing brighter in vivid pink and cyan light, illuminating the wet pavement and rising mist.
Add subtle light flicker effects, steam drifting in the air, and raindrops reflecting the neon glow as the sign fully powers on.
The camera remains steady with a slight depth-of-field blur, emphasizing the transformation from darkness to light.
Ultra-realistic lighting, cinematic mood, 16:9 aspect ratio.
🟣 中文解释
视频从黑暗的雨夜街道开始,霓虹灯牌“SUBSCRIBE TO WINDY”处于关闭状态。
然后灯光开始闪烁、逐渐亮起,颜色从微弱到明亮,变为粉色和蓝绿色。
地面出现霓虹反光,空气中有轻微的烟雾与雨滴反射,营造出梦幻的赛博氛围。
整个画面具有电影级光影变化,情绪层次丰富。
🌫️ 可选附加特效提示(可自由组合)
“add a subtle electric spark when the sign powers on” (开灯瞬间加一点电流火花效果)
“include a soft camera shake as the light flickers on” (闪烁时镜头轻微抖动)
“light fog spreads as the neon turns on” (开灯时有光雾扩散)
背景换成绿色
render the same sign but with a solidgreen background
人物转换成插画头像:
Transform the man from the first reference photo into a polished 2D illustrated avatar that matches the artistic style of the characters in the second reference image. Apply flat colors, clean outlines, and minimal shading. Retain his hairstyle, facial features, and outfit so he remains recognizable, but stylize them to fit the illustrated aesthetic. Simplify the background into flat, soft color shapes, avoiding realistic details for a clean and cohesive look.
将第一张参考照片中的男子转换成一幅干净的二维插画头像,风格与第二张参考图中的人物保持一致。使用平面阴影、流畅线条和简洁配色。保留他的发型、面部结构和服饰,使其仍然可辨认,但经过风格化处理以符合插画风格。背景应简化并保持平面化,使用柔和的色块填充,不需要真实细节。
(换一个更自然的手部动作):
Create a 2D illustrated version of the same man from the reference image, in the same flat vector style and background. Keep his face, hair, and clothing consistent. Make him rest his right hand casually on his chest or gesture slightly forward as if he’s introducing himself, with a gentle natural smile. Keep the overall body posture similar, so it feels like a smooth continuation from the sitting pose.
中文翻译:
以相同的平面矢量风格和背景,将参考图中的男子制作成二维插画版本。保持他的面部、发型和服饰一致。让他右手自然地放在胸前,或稍微向前做出介绍性的手势,面带柔和自然的微笑。整体姿势与原坐姿基本保持一致,使画面衔接自然流畅。
让插画人物动起来:
Create a smooth animated transition between the two reference frames. Begin with the man sitting calmly with a neutral expression. Then, animate him gently lifting his right hand in a relaxed, friendly gesture while forming a natural smile. The motion should feel easy and fluid — a small movement of the wrist and arm, not rigid or exaggerated. After the gesture, have him settle back into a comfortable sitting pose, still smiling softly. Keep the 2D illustrated vector style consistent throughout, using the same flat-colored background and maintaining a clean, cohesive look.
中文翻译:
为两张参考画面之间制作一个平滑的动画过渡。开场时,男子以自然平静的表情坐着。然后,让他轻轻抬起右手,做出一个放松、友善的手势,同时露出自然的微笑。整个动作应轻盈流畅,手腕和手臂的动作幅度要小,不要僵硬或夸张。动作完成后,让他回到舒适的坐姿,保持柔和的笑容。整个动画应保持一致的二维矢量插画风格,使用相同的平面背景,画面干净、协调。
图表提示词
🈶 中文翻译:
把这个设计成一个极简但充满未来感的风格,具有干净的几何线条、平滑的扁平化造型,以及冷调鲜明的配色,让整体看起来现代又科技感十足。
✨ 改写后的英文版本
Transform this into a sleek, futuristic design that blends minimalism with high-tech aesthetics — featuring clean geometric lines, a smooth flat style, and vibrant cool-toned colors that feel modern, elegant, and cutting-edge.
🈶 中文翻译:
保留饼状图的四分之一部分,并让这一部分保留颜色和细节。将其余的四分之三完全留白,不显示任何内容。
✨ 改写后的英文版本(表达更自然、适合设计说明的版本):
Show only one quarter of the pie chart with full color and detail, while keeping the remaining three quarters completely blank or transparent for a clean, focused visual effect.
🈶 中文翻译:
为饼图添加动画效果,起始时只有一个扇形部分可见,其余部分保持黑色或隐藏。
然后逐步展开,依次显示其他扇形部分,直到完整的彩色饼图呈现出来。
动画的运动应当流畅自然,仿佛饼图在缓缓打开或展开成完整形态。
✨ 改写后的英文版本(更自然、适合AI动画或设计描述):
Animate the pie chart so it begins with only one visible slice, while the rest remains dark or hidden.
Then, smoothly expand and reveal each segment one by one until the entire colorful chart is displayed.
The transition should feel fluid and organic — as if the chart is gently unfolding or blooming into its full form.
四、实操演示二:霓虹灯招牌动画
接下来我们来做一个更有趣的例子——霓虹灯招牌从“熄灭”到“亮起”的动态特效。
这种效果非常适合用于视频片头、品牌LOGO动画、或“订阅提示”画面。
步骤 1:准备素材
首先,找到一张你喜欢的霓虹灯照片:
你可以在 Google 图片里搜索 “neon sign at night”,也可以直接用 OpenArt 生成。
生成提示词如下:
A neon sign on a rainy night street, glowing in pink and cyan colors, cinematic lighting, dark atmosphere.
如果你想让上面的文字变成自己的名字或频道名,也可以改写提示词,比如:
A neon sign saying “Subscribe to Windy Channel”, glowing pink and blue lights, night street background.
💡AI 在生成文本时有时会拼写出错,可以多试几次。
步骤 2:生成“关灯”版本
要做出霓虹灯闪烁、点亮的动画,我们需要一张“灯关掉”的版本。
你可以复制刚才生成的图片,然后在提示词中加上:
Keep the same background and composition, but make all neon lights turned off. Show the tubes dark and the overall scene dimmer.
这时 AI 会生成一张“熄灯状态”的版本,背景依然相同,但招牌不再发光。
这两张图——关灯与开灯——就是你视频的起始帧与结束帧。
步骤 3:制作霓虹闪烁动画
进入 OpenArt → 选择 “Video” → “Image to Video”,
选择模型为 Kling AI 2.1 或 Pandas。
上传:
- 起始帧:关灯的照片;
- 结束帧:亮起的霓虹灯。
输入提示词:
The scene starts with a dark rainy street. The neon sign is off, then it flickers and slowly lights up in pink and cyan. The street reflects the glowing colors on the wet ground, smoke and mist add depth.
点击“创建”,AI 会自动生成霓虹灯逐渐点亮的动态效果,非常有视觉冲击力。
如果你想后期抠图叠加在其他视频上,可加上:
with a pure green background for chroma key.
AI 会帮你生成绿色底的视频,方便剪辑。
五、实操演示三:2D 动画角色制作
AI 不仅能做特效,还能帮你快速生成卡通风格的动画人物!
这一节我们来做一个“人物挥手”的小动画,超适合用于视频开场或角色自我介绍。
步骤 1:上传参考图
先上传你自己的照片(或者任意人物图像),
然后再上传一张你想要的插画风格头像作为风格参考。
步骤 2:生成 2D 插画头像
输入提示词:
Convert the man in the first image into a clean, calm 2D illustrated portrait. Match the style and color tone of the second reference image. Keep hairstyle and facial features consistent.
AI 会帮你生成一个干净、风格化的 2D 头像。
如果第一次效果不满意,可以多试几次,或微调提示词让风格更接近目标。
步骤 3:让人物动起来
接着上传刚才的插画头像,写入提示词:
In the same 2D illustration style, animate the man so that he lifts his right hand to his chest and smiles naturally, as if greeting the audience.
点击生成,几秒后你就能看到一个自然微笑、手势轻盈的 2D 动画角色。
整个动作流畅,保留了插画特有的节奏感和质感,非常适合短片、品牌动画或教育内容。
六、实操演示四:动态图表动画
最后,我们来做一个非常实用的例子——让静态图表动起来!
这个技巧在商业演示、教育课程、YouTube讲解视频里都能用到。
步骤 1:准备图表素材
先在 Google 搜索 “sales chart” 或 “data visualization”,保存一张你喜欢的图表。
然后上传到 OpenArt,输入提示词:
Transform the chart into a futuristic, minimalist design with clean geometric lines, glowing edges, and a sense of technology.
AI 会帮你把普通图表变成一个有未来感、极简风格的动态图像。
步骤 2:去除多余文字
如果生成后的图片顶部有多余的文字或LOGO,可以直接使用 OpenArt 的内置编辑器:
点击图片 → 选择 “AI移除” → 框选你不想要的文字 → 一键清除。
步骤 3:制作图表动画
生成两张关键帧:
- 第一张:只显示图表的 1/4;
- 第二张:完整显示整个图表。
然后进入 Video 模块,选择 “Image to Video”,
上传两张图片并输入提示词:
Animate the chart to reveal each section gradually from left to right, as if the chart is expanding and unfolding smoothly.
点击生成后,你就能得到一个炫酷的动态饼图展开视频。
效果自然、线条平滑、非常专业。
如果你希望能叠加到其他视频上,只需在提示词里加上:
with a green background for chroma key.
这样AI会自动帮你生成带绿幕的版本,方便后期合成。
七、AI 视频制作的巨大优势
用 AI 工具(尤其是 OpenArt + ChatGPT + ElevenLabs)制作视频的优势非常明显:
- 🚀 效率极高:几分钟完成过去几小时的工作;
- 🎨 风格统一:多模型无缝切换,轻松控制风格;
- 💡 零基础门槛:不需要剪辑或动画经验;
- 💰 超低成本:相比传统软件订阅,AI 工具性价比更高。
八、结语:AI 动画创作的未来
AI 已经彻底改变了动态图形的制作方式。
现在,你不再需要学习复杂的 AE 动画技巧,也不必买昂贵的插件。
只要一台电脑 + OpenArt 平台,你就能像专业设计师一样,做出电影级的视觉特效。欢迎加入我的知识星球:
👉 向有风咨询,加入我的知识星球圈子
🔗 本文提到的工具与资源汇总
| 工具名称 | 功能说明 | 访问链接 |
|---|---|---|
| 🧠 ChatGPT Plus | AI对话与提示词优化 | 点击这里代充购买 |
| 🎤 ElevenLabs | 高质量AI语音配音 | 前往体验 |
| 🎨 OpenArt | 一站式AI视频生成平台 | 立即使用 |
| 💬 知识星球 | 有风AI创作圈子 | 加入交流圈 |
| 📘 AI有风网站 | 本文所有提示词合集 | 点击阅读 |
✨ 如果你觉得这篇文章对你有帮助,
请收藏、分享给更多正在学习 AI 视频创作的朋友,
未来,我还会分享更多「从0开始做AI视频、AI音乐、AI剪辑」的实战教程。