發布動效全集
+7
ImageMotion：免費 3D 產品截圖與圖片動效生成器
- 12 款免費 · 共 120 款特效
- 無水印 · 免登入直接使用
- 本地 WebGL2 與 WebCodecs 渲染
- 做成完整發布片
使用方式
三步將平面截圖變成電影級 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 會員中
- 影片144144 次安裝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。
