LaunchMotion · 全シーン集
+7
ImageMotion：無料の 3D スクリーンショット＆画像アニメーション作成ツール
- 無料エフェクト 12 種類 · 全 120 種類
- 透かしなし、登録不要
- ローカルの WebGL2 と WebCodecs
- ローンチ動画に仕上げる
使い方
3 ステップで、平面のスクリーンショットを 3D モーションに
タイムラインのキーフレームも、3D モデリングソフトも、クラウドのレンダリング待ちも不要。すべてブラウザのタブ内で、お使いの GPU 上で動きます。
1. 120 種類の 3D エフェクトから選ぶ
軌道リングや曲面カルーセルから、リキッドグラスの屈折、振り子の動きまで、10 の空間モーションファミリーを揃えています。12 種類は無料で書き出せ、Pro なら全 120 種類が使えます。
2. スクリーンショットを好きなだけドロップ
製品の UI 画面、モバイルアプリの画面、デザインカードを 1 枚でも 100 枚でもドラッグ＆ドロップ。各エフェクトがカードのサイズを自動で調整し、枠の数より画像が少ないときは同じ画像を繰り返し使います。画像は鮮明な sRGB テクスチャのまま 100% ブラウザのローカルメモリに留まり、サーバーには一切アップロードされません。
3. 4K 60fps の MP4、WebM、PNG で書き出し
アスペクト比はワンクリックで切り替え（16:9、9:16、1:1、4:3、3:4）。スタジオ風の背景か透過 Alpha を選び、透かしなしのシームレスなループで書き出せます。
10 のモーションファミリー · 120 種類のエフェクト
10 のモーションファミリー、120 種類のエフェクト — 12 種類は無料で書き出し
120 種類すべてのエフェクトを無料でプレビューできます。うち 12 種類は透かしなし、最大 4K 60fps で無料で書き出せます。Skillry Pro では残り 108 種類と、それらを完全なローンチ動画に仕上げる Agent Skills が使えます。
シグネチャーの目玉エフェクト (10)
レコード棚、らせんのポータル、フィルムロール、多彩なフォーメーション
3D トランジション (10)
フレアでの受け渡し、プリズム回転、ポータル通過、ズームブラー
カルーセル & スライダー (16)
円筒状の曲面スライダー、カバーフロー、プリーツ状のウォール
リング & 軌道 (17)
360° の軌道リング、傾いたハロー、二重リング、球体
スタック & ベントーグリッド (20)
重なるカードデッキ、アイソメトリックなウォール、エディトリアル風ベントーグリッド
3D ショーケース & モノリス (11)
回転するモノリス、キューブ型ショーケース、ヒーローチルト
リキッドグラス & 屈折 (4 + クロススタイル)
屈折レンズ、プリズムフレーム、すりガラスの奥行き
無限ギャラリー & ウォール (13)
果てしない魚眼ウォール、鏡面の床、ピント送りの回廊
キネティック & 物理 (9)
振り子の波、ニュートンのゆりかご、かみ合う歯車、ドミノ倒し
3D スカルプチャー & モーフ (10)
ルービックキューブ、トーラス結び目、ジャイロスコープ、開く花びら
マルチフォーマット出力
1 つのプロジェクトで Product Hunt、Reels、ランディングページに対応
120 種類の 3D エフェクトはどれも、シーンを作り直さずに 16:9、9:16、1:1、4:3、3:4 へ切り替えられます。カメラの距離と画角は自動で調整されます。
16:9
3840 × 2160 · 60fps MP4 / WebMProduct Hunt、YouTube、ヒーロー動画、ピッチ資料
9:16
2160 × 3840 · 60fps MP4TikTok、Instagram Reels、YouTube Shorts、App プレビュー
1:1 · 4:3 · 3:4
2160 × 2160 · MP4 / 透過 PNGX (Twitter) のローンチスレッド、LinkedIn、機能紹介カード
次のステップ · AGENT SKILLS
1 つの 3D ショットから、ローンチ動画まるごとへ
ImageMotion が作るのはループする 1 つのショットです。Skillry の Agent Skills は Claude Code や Codex で動き、動画全体を仕上げます。製品のリサーチ、台本の作成、全シーンのレンダリング、BGM の追加まで行い、完成したローンチ動画を書き出します。
動画 Skills をすべて見るSkillry Pro に含まれます
- 動画138138 回インストール6+7
メイカーとデザインチームのために
SaaS のローンチ、App Store のプレビュー、デザインポートフォリオのために
Figma から書き出した静止画やブラウザのスクリーンショットを、モーションデザイナーを待たずに、成果につながる 3D の製品モーションに。
- SaaS と Product Hunt
ローンチ当日のティザー
ダッシュボード画面 6 枚を「軌道リング」や「無限ベントー」のループにまとめて、Product Hunt のギャラリーや X のローンチスレッドに。
- iOS・Android アプリ
App Store と Reels のプレビュー
9:16 の縦型に切り替えて、モバイル画面を「カバーフロー」や「リキッドグラス」の流れでネイティブ 60fps で見せられます。
- デザイナーと制作会社
ポートフォリオの事例紹介
ポートフォリオや Dribbble の平面的な画像グリッドを、立体感のある 3D「モノリスチルト」や「サロンウォール」に置き換えましょう。
- 毎週の変更履歴
リリースノートと SNS 用クリップ
今週リリースした UI の更新をドロップして 3D トランジションを選べば、鮮明な 1080p または 4K の MP4 を 15 秒以内に書き出せます。
しくみ · ぼやけない理由
ブラウザで動く本物の 3D ジオメトリ — ぼやけた AI 動画とは違います
生成 AI の動画モデルは UI の文字をでたらめに描き、ボタンを歪ませてしまいます。ImageMotion は元のピクセルをミップマップ付き sRGB テクスチャとして 3D ジオメトリにそのまま貼り付け、WebCodecs で 1 フレームずつエンコードします。
鮮明な WebGL2 と光学屈折
スクリーンショットは、物理ベースのライティングとリアルタイムのリキッドグラス透過を備えた面取り 3D カードの上でも、くっきり鮮明なままです。
数学的にシームレスなループ (t = i / fps)
すべてのプリセットは pose(0) === pose(1) を満たす閉形式の周期関数で動き、決定論的にフレームを進めるのでコマ落ちはゼロです。
100% ローカルで安心、待ち時間ゼロ
未公開の製品スクリーンショットがクラウドのサーバーに触れることはありません。ハードウェアアクセラレーションによる H.264 MP4 エンコードは、お使いのデバイス上で直接行われます。
ImageMotion と有料の 3D・モーションツールの比較
| 比較項目 | ImageMotion (Skillry) | Jitter / Canva | After Effects | AI 動画生成ツール |
|---|---|---|---|---|
| 価格と透かし | 無料エフェクト 12 種類 · Pro ですべて解放 | 無料版は制限あり · Pro は $12–$15/月 | $22.99/月のサブスクリプション | $20–$99/月のクレジット消費 |
| 3D スクリーンショットエフェクト | 全 120 種類、うち 12 種類は無料で書き出し | ほとんどが 2D テンプレート | プラグインとキーフレームを手作業で | プロンプト任せで読めないカメラワーク |
| UI テキストとピクセルの鮮明さ | 1:1 の正確な sRGB テクスチャマッピング | 2D は鮮明 / 3D は基本のみ | ラスター/ベクターそのまま | UI の文字が崩れ、ぼやける |
| 最大書き出し仕様 | 最大 4K 60fps の MP4、WebM、PNG | 1080p / 4K は有料プラン | 解像度は自由（レンダリングに時間がかかる） | 通常は 720p–1080p 24fps |
| プライバシーとアップロード | 100% ブラウザ内のローカル GPU | クラウドへのアップロードが必要 | ローカルのデスクトップアプリ | クラウドの GPU サーバーにアップロード |
| AI エージェント / CLI による自動化 | Skillry Agent Skills (Pro) | Web エディタでの手作業のみ | 複雑な ExtendScript | 秒単位の有料 API |
よくある質問
ImageMotion、4K 書き出し、プライバシーについて
無料のエフェクトはどれ？Pro では何が使えますか？
120 種類すべてのエフェクトをプレビューできます。そのうち 12 種類（各ファミリーから最低 1 つ）は、MP4、WebM、透過 PNG で最大 4K 60fps まで、透かしなし・登録不要で無料で書き出せます。残りの 108 種類には Pro マークが付いており、書き出すには Skillry Pro メンバーシップが必要です。メンバーシップにはすべてのプレミアム Agent Skill も含まれます。
製品のスクリーンショットがサーバーにアップロードされることはありますか？
一切ありません。ImageMotion は WebGL2 と WebCodecs を使って 100% ブラウザ内のローカルで動作します。画像はローカルメモリでデコードされ、お使いの GPU でエンコードされるので、社外秘やローンチ前の UI デザインも安心して扱えます。
AI 動画生成ツールと比べて、UI の文字が鮮明なままなのはなぜですか？
AI の拡散モデルはピクセルを一から生成し直すため、UI の小さな文字やグラフが崩れてしまいます。ImageMotion は元のスクリーンショットをロスレスのまま Three.js の本物の 3D ジオメトリに貼り付け、sRGB の色も正確に再現します。
ImageMotion は、最後にカクつかないシームレスなループをどう実現していますか？
各プリセットは、i = 0 .. totalFrames - 1 に対して正規化された周期位相 u = i / totalFrames でカードの位置を計算します。pose(0) と pose(1) が完全に一致し、重複する最終フレームを省いているため、動画は途切れることなく無限にループします。
4K 60fps の MP4 書き出しに対応しているブラウザは？
最新の Chromium 系ブラウザ（Chrome、Edge、Brave、Arc）、Safari、Firefox は、ハードウェアアクセラレーションによる WebCodecs の H.264 エンコードに対応しています。特定の解像度で MP4 エンコードに対応していないブラウザでは、ImageMotion が自動的に WebM に切り替えます。
ImageMotion で書き出した動画は商用利用できますか？Claude Code から自動化できますか？
はい。書き出した動画と PNG はすべてロイヤリティフリーで、製品ローンチ、広告、クライアントワークに商用利用できます。.imagemotion.json プリセットとして保存したり、Claude Code や Codex で Skillry のローンチ動画 Skills と組み合わせたりもできます。
ImageMotion と Skillry の Agent Skills の違いは何ですか？
ImageMotion は、スクリーンショットからループする 3D ショットを 1 つ、ブラウザ上で作ります。Skillry の Agent Skills は Claude Code や Codex で動き、動画全体を仕上げます。製品のリサーチ、台本の作成、各シーンのレンダリング、BGM の追加まで行い、完成したローンチ動画を書き出します。1 ショットなら ImageMotion、動画全体なら LaunchMotion などの Skill を。Pro には両方が含まれます。
スクリーンショットを動かそう
12 種類のエフェクトは無料で書き出せます。ローンチ動画を丸ごと作るなら、Agent Skill にお任せください。
Claude Code と Codex 向けの関連モーション・モックアップ Skills
