发布动效全集
+7
ImageMotion：免费 3D 产品截图与图片动效生成器
- 12 款免费 · 共 120 款特效
- 无水印 · 免登录直接使用
- 本地 WebGL2 与 WebCodecs 渲染
- 做成完整发布片
工作流程 · HOW IT WORKS
三步将平面截图变成电影级 3D 动效视频
无需手K时间轴关键帧、无需学习 Blender 或 AE，也不用排队等云端渲染。一切都在你的浏览器本地 GPU 中实时完成。
1. 从 120 款 3D 特效中任选
涵盖圆环轨道、曲面轮播、叠卡网格、液态玻璃折射、物理钟摆与空间雕塑 10 大家族。12 款可免费导出，Pro 会员解锁全部 120 款。
2. 拖入任意数量的产品截图或设计稿
直接拖入 SaaS 界面、App 截图或海报图片，一张或上百张都行，每款动效会自动调整卡片大小，图片不够时循环复用。素材 100% 留在浏览器本地内存中，采用高精度 sRGB 贴图，绝不上传云端。
3. 一键导出 4K 60fps MP4、WebM 或透明 PNG
支持 16:9、9:16、1:1、4:3、3:4 画幅一键切换，可选纯色背景或透明 Alpha 通道，导出丝滑无缝循环视频，绝无水印。
10 大动效家族 · 120 款特效
10 大空间动效家族，120 款 3D 特效——12 款免费导出
120 款动效都能免费预览，其中 12 款可免费导出（无水印、最高 4K 60fps）；Skillry Pro 解锁其余 108 款，并包含把它们做成完整发布片的 Agent Skills。
精选招牌大秀 (10)
立体唱片架、螺旋传送门、S 形胶片展开与多阵型变换
3D 镜头转场 (10)
玻璃边缘交接、棱柱翻转、镜头穿图与冲镜缩放
曲面轮播与滑块 (16)
玻璃曲面轮播、封面流 Coverflow 与折扇全景墙
圆环与星轨 (17)
360° 环形轨道、双环交转、螺旋阶梯与全景图片球
叠卡与便当网格 (20)
层叠瀑布、无限便当格 Bento、等距画墙与洗牌动效
3D 展台与碑体 (11)
碑体微倾、旋转六面体、滚轴卡片与书页展开
液态玻璃与棱镜折射 (4 + 跨模板风格)
浮动光学镜片、棱镜色散边框与磨砂景深折射
无限画廊与展墙 (13)
鱼眼无限画墙、镜面反射地板、焦平面穿梭与天象馆
物理动力与钟摆 (9)
钟摆波浪、牛顿摆碰撞、双轮啮合齿轮与多米诺骨牌
3D 空间雕塑与形变 (10)
照片魔方、三叶结、三轴陀螺仪与花瓣开合雕塑
多画幅自适应输出
同一套 3D 工程，同时搞定 Product Hunt、短视频与官网首屏
无需重新排版，一键在 16:9 横屏、9:16 竖屏、1:1 方形与 4:3、3:4 画幅间切换，3D 摄像机视场角与安全边距自动适配。
16:9 横屏
3840 × 2160 · 60fps MP4 / WebM适用于 Product Hunt 首图视频、官网 Hero 首屏与路演演示
9:16 竖屏
2160 × 3840 · 60fps MP4适用于抖音 / 小红书 / Reels / Shorts 与 App Store 预览视频
1:1 · 4:3 · 3:4
2160 × 2160 · MP4 / 透明背景 PNG适用于 X (Twitter) 发布长帖、即刻动态与功能更新卡片
下一步 · AGENT SKILLS
从一段 3D 动效，到一支完整的发布视频
ImageMotion 负责做一段循环镜头；Skillry 的 Agent Skills 在 Claude Code 或 Codex 里负责整支片子：调研你的产品、写脚本、逐场景渲染、配乐，最后导出完整的发布视频。
浏览全部视频 Skills包含在 Skillry Pro 会员中
- 视频139139 次安装6+7
核心应用场景
专为 SaaS 产品发布、App 预览与设计师作品集打造
无需等待动效设计师排期，把静态 Figma 导出图和网页截图秒变高转化率的 3D 动态视觉。
- SaaS 与 Product Hunt
产品发布首日预告片
将 6 张核心看板截图放进「环形轨道」或「无限便当格」，几秒内生成吸睛的 Product Hunt 与社媒首发视频。
- iOS 与 Android 应用
App 商店与竖屏短视频预览
切到 9:16 竖屏模式，用「封面流」或「液态玻璃流」以原生 60fps 丝滑展示移动端界面细节。
- 设计师与创意工作室
作品集与案例包装
告别千篇一律的平铺静态截图，用「碑体微倾」或「沙龙展墙」为网页与品牌设计案例注入立体光影。
- 每周更新日志 Changelog
功能迭代与社媒快讯
拖入本周上线的 UI 改动截图，挑一个 3D 转场预设，15 秒内导出高清 4K MP4 直接发推。
底层架构 · 为什么文字永远清晰锐利
浏览器原生真实 3D 几何渲染——绝非模糊变形的 AI 生成视频
AI 视频大模型会把 UI 界面上的小字和图表涂抹得面目全非。ImageMotion 将你的原始像素 1:1 映射到 Three.js 3D 几何体上，并通过 WebCodecs 逐帧硬件编码。
WebGL2 物理光照与实时玻璃折射
截图纹理保持 sRGB 原生锐度，配合立体倒角卡片与 MeshPhysicalMaterial 实时计算光学折射与色散。
数学级无缝循环（t = i / fps）
所有 120 款动效均由周期函数驱动，严格满足 pose(0) === pose(1)，离线逐帧步进渲染，彻底杜绝首尾跳帧与浏览器卡顿丢帧。
100% 本地隐私安全 & 零排队等待
尚未公开的产品界面绝不离开你的电脑。直接调用本机 GPU 的 WebCodecs H.264 编码器高速合成 MP4。
ImageMotion 与主流 3D 样机及视频工具全方位对比
| 对比维度 | ImageMotion (Skillry) | Jitter / Canva | After Effects | AI 视频生成大模型 |
|---|---|---|---|---|
| 价格与水印 | 12 款免费 · Pro 解锁全部 | 免费版受限 · Pro 约 $12–$15/月 | $22.99/月 订阅制 | 按秒消耗昂贵算力积分 |
| 3D 截图特效数量 | 共 120 款，12 款免费导出 | 以 2D 平面模板为主 | 需手动打关键帧或买插件 | 镜头轨迹不可控 |
| UI 文字与界面清晰度 | 1:1 原生像素贴图，文字锐利 | 2D 清晰 / 3D 能力弱 | 原生像素/矢量清晰 | UI 文字严重乱码、涂抹变形 |
| 最高导出规格 | 最高 4K 60fps MP4 / WebM / PNG | 高清与高帧率需付费解锁 | 任意分辨率（渲染耗时久） | 通常仅 720p–1080p 24fps |
| 隐私安全与上传 | 100% 浏览器本地 GPU 处理 | 必须上传素材至云端服务器 | 本地桌面软件 | 素材必须上传至云端 GPU |
| AI Agent 自动化能力 | Skillry Agent Skills（Pro） | 仅限网页手动操作 | 脚本配置极其繁琐 | 需按次付费调用 API |
常见问题 · FAQ
关于 ImageMotion 免费范围、4K 导出与隐私安全的解答
哪些动效免费？Pro 会员解锁什么？
120 款动效都可以免费预览。其中 12 款（每个家族至少一款）可免费导出 MP4、WebM 或透明 PNG，最高 4K 60fps，无水印、免登录。其余 108 款标有 Pro，导出需要 Skillry Pro 会员，会员同时包含全部付费 Agent Skills。
我上传的未发布产品截图会发送到服务器吗？
绝不会。ImageMotion 完全在你的浏览器本地通过 WebGL2 与 WebCodecs 运行，图片解码、3D 渲染与视频编码均在你的电脑本机内存与显卡中完成，非常适合尚未发布的保密产品界面。
为什么用 ImageMotion 生成的视频不会像 AI 视频那样把 UI 文字变糊？
AI 视频模型是通过扩散算法“猜”像素，必然导致界面上的小字和图标变形乱码。ImageMotion 使用真实 Three.js 3D 几何卡片与 sRGB 无损纹理贴图，每一帧都是精确的光学透视渲染。
ImageMotion 是如何保证导出视频首尾无缝循环、不跳帧的？
每款动效都采用闭合周期函数计算位姿，严格满足 pose(0) === pose(1)。导出时按 t = i / fps（i = 0 .. N-1）离线逐帧步进渲染并直接送入硬件编码器，既不重复首尾帧，也不会受浏览器掉帧影响。
哪些浏览器支持直接导出 4K 60fps MP4？
现代 Chrome、Edge、Arc、Brave、Safari 以及新版 Firefox 均支持 WebCodecs 硬件加速 H.264 MP4 编码。若当前设备对特定分辨率不支持 MP4 编码，工具会自动平滑回退至 WebM 格式。
导出的视频可以用于商业发布吗？如何配合 Claude Code 自动生成？
完全可以，所有导出成果均免版税支持商业使用。你可以在工作台调好效果后保存工程文件，或在 Claude Code / Codex 中安装 Skillry 的 LaunchMotion / CreatorMotion Skill 实现自动化工作流。
ImageMotion 和 Skillry 的 Agent Skills 有什么区别？
ImageMotion 在浏览器里把你的截图做成一段循环的 3D 镜头。Skillry 的 Agent Skills 在 Claude Code 或 Codex 里运行，负责整支片子：调研你的产品、写脚本、逐场景渲染、配乐，最后导出完整的发布视频。单个镜头用 ImageMotion，整支片子用 LaunchMotion 等 Skill；Pro 会员两者都包含。
让产品截图动起来
12 款动效免费导出。要做整支发布片，交给 Agent Skill。
