無料の 3D モックアップ動画メーカー
スクリーンショットをスマホやノートパソコン、ブラウザのウィンドウに載せたり、3D のリング、カルーセル、ギャラリー、ガラスのシーンに配置したりして、最大 4K・60 fps のシームレスなループ動画に書き出します。レンダリングはすべてブラウザの中で行うので、画像はあなたの端末から出ません。
- ✓16 種類のエフェクトが無料、登録不要
- ✓アップロードなし、透かしなし
- ✓最大 4K・60 fps の MP4、WebM、PNG
使い方
平面のスクリーンショットが 3 ステップで 3D 動画に
キーフレームも 3D ソフトも、クラウドレンダリングの順番待ちも不要。見ている間に、シーンがあなたのパソコン上で組み立てられ、レンダリングされます。
- 01
125 種類のエフェクトから 1 つ選ぶ
デバイスモックアップ、シグネチャーシーン、リングと周回、カルーセル、スタック、ギャラリー、ガラス、物理、彫刻。16 種類は無料で書き出せ、メンバーはすべて書き出せます。
- 02
スクリーンショットやデザインを追加
アプリ画面、ダッシュボード、ランディングページ、ポスター、写真など、最大 20 枚。カードのサイズは各エフェクトが自動で合わせ、枚数が足りないときは画像をくり返し使います。何もアップロードされません。
- 03
ループ動画を書き出す
16:9、9:16、4:3、3:4、1:1、4:5 を、最大 4K・60 fps の MP4 か WebM で、または背景が透明な PNG 静止画で。どの動画も最初と最後が同じフレームなので、きれいにループします。
11 カテゴリ · 125 種類のエフェクト
11 カテゴリ・125 種類の 3D エフェクト、16 種類は無料で書き出し
すべてのエフェクトは無料でプレビューできます。そのうち 16 種類は、透かしなし・最大 4K・60 fps で無料で書き出せます。残りはプランで使えるようになります。

デバイスモックアップ (20)
汎用的なスマホ、タブレット、ノートパソコン、ブラウザのウィンドウにあなたの画面を。スイング、ターンテーブル、扇形、ページスクロール、全デバイスの並びなど。

シグネチャー (10)
見せ場になるシーン。形を変えるフォーメーション、らせん上昇、ポータル、パレードなど、ローンチ映像の冒頭向けです。

トランジション (10)
1 枚の画像から次の画像へ。フリップ、プッシュ、キューブ回転、フライスルー、ページめくり。

カルーセル (14)
画像がフォーカスを通り抜けていく。カバーフロー、曲面パノラマ、ジュークボックス式の選択、ベルト、縦の列。

リングと周回 (13)
空間で回る画像のリング、らせん、球体。奥側は奥行きに合わせてフェードします。

スタックとグリッド (14)
シャッフル、展開、カスケード、再集合するデッキ、山、グリッド。

ショーケース (10)
1 枚の画像をプロダクトのように見せる。チルト、台座、スポットライト、光沢、飛び出し。

ガラス (6)
透明なガラスのレンズ、カプセル、板が、後ろの画像を拡大し、ゆがめます。

ギャラリーと壁 (12)
画像の壁と空間。波打つ壁、鏡の床のホール、トンネル、漂うクラウド。

物理 (8)
吊るされ、揺れ、落ち、ぶつかる画像。振り子、ドミノ、羽根、歯車。

彫刻 (8)
画像でできた 3D オブジェが回転し、変形する。ロゼット、花びら、リボン、タワー。
1 つのシーンからすべての形式
Product Hunt にもショート動画にもサイトにも、1 つのシーンで
横長・縦長・正方形を切り替えても作り直しは不要。カメラがシーンをフレームに合わせ直します。

16:9 横長
最大 3840 × 2160 · 60 fps · MP4 または WebM
Product Hunt のギャラリー動画、サイトのヒーローセクション、YouTube、ピッチ資料。

9:16 縦長
最大 2160 × 3840 · 60 fps · MP4
TikTok、Reels、Shorts、そしてアプリプレビューのページでアプリストアのプレビューも。

1:1 · 4:3 · 3:4 · 4:5
最大 2880 × 2160 · MP4 または透明な PNG 静止画
フィード投稿、X でのローンチスレッド、アップデート告知のカード、スライド。
使いどころ
ローンチ、アプリプレビュー、ポートフォリオのために
SaaS のローンチ
ローンチ当日のティザー
プロダクトの画面 6 枚を「リング周回」や「スマホ 3 台」に入れれば、数秒で Product Hunt や SNS 向けの動画に。
iOS・Android アプリ
ストアプレビューと縦型クリップ
縦長に切り替えて「スマホスイング」や「扇形スマホ」でアプリを見せるか、App Store のサイズならアプリプレビューのページを使います。
デザイナー・スタジオ
ポートフォリオや事例紹介の動画
平面のスクリーンショットを並べる代わりに、鏡の床の上の「カバーフロー」や写真の球体でプロジェクトを見せます。
毎週の変更履歴
SNS 向けの機能アップデート
今週の画面を追加して「ページスクロール」や「ウィンドウカスケード」を選べば、その日の午後には MP4 を投稿できます。
テキストがくっきりしたままの理由
AI 生成動画ではなく、ブラウザの中の本物の 3D
AI 動画モデルはインターフェースを描き直すので、小さな文字やグラフがぼやけます。ここでは画像をピクセル単位でそのまま 3D の形状に貼り、1 フレームずつエンコードします。
あなたのピクセルをそのまま
スクリーンショットはフル解像度のテクスチャとして使われるので、ラベルや数字、グラフは 4K でも読めます。
1 フレームずつ、継ぎ目のないループ
どのエフェクトも最初のフレームに戻る時間の関数で、動画は 1 フレームずつレンダリングされます(フレーム i は i ÷ fps の時点)。そのため、コマ落ちもループの継ぎ目での飛びもありません。
プライベートで、すぐに
未公開の画面があなたのパソコンから出ることはありません。シーンはグラフィックカードがレンダリングし、ファイルはブラウザの動画エンコーダーが書き出します。アップロードも順番待ちもありません。
ほかの方法との比較
| このツール | テンプレート型の動画編集ツール | モーションデザインソフト | AI 動画生成ツール | |
|---|---|---|---|---|
| 価格と透かし | 16 種類のエフェクトが透かしなしで無料、残りはプランで | 無料プランはあるが、たいてい制限か透かしつき | 有料ライセンス | 動画 1 秒ごとにクレジットを消費 |
| 3D スクリーンショットエフェクト | 125 種類の既製 3D シーン | ほとんどが平面の 2D テンプレート | 何でも作れるが、キーフレームで手作業 | 正確に制御できないカメラの動き |
| UI のテキストと細部 | ピクセルに忠実なテクスチャ、くっきりした文字 | 2D ならくっきり | くっきり | 小さな文字はにじんだり、でっち上げられたりしがち |
| 書き出し | 最大 4K・60 fps、MP4・WebM・PNG | 多くは HD、有料プランで高解像度 | どのサイズでも可能、ただしレンダリングに時間がかかる | 多くは 720p か 1080p |
| ファイルの行き先 | どこにも行かない:ブラウザでレンダリング | サービスにアップロード | パソコンに残る | サービスにアップロード |
このツールの先へ
3D カット 1 つは始まりです。スキルならプロモ全体を編集できます。
このツールは、スクリーンショットからループするカットを 1 つ作ります。3D Mockup Promo スキルは同じ 3D シーンを使って 20 秒の映像を作ります。エージェントが機能ごとにシーンを選び、コピーを書き、エンドカードと音楽を加えて、MP4 を書き出します。
- ✓1 カットに 1 機能、ビートに合わせて切り替え
- ✓最後に名前、行動喚起、ブランドカラー
- ✓16:9、9:16、1:1、App Store サイズに対応
ここから先を引き受けるスキル
スキルごとに作れる映像の種類が違います。最初のものがこのページに最も近いスキルです。
作りたい映像は 1 種類だけではありませんか?
まずは Motion Director を無料でお試しください。スキル 1 つは $4.90 です。プランならすべてのスキルが使え、新しく追加されるスキルも含まれます。
月額
$9.90/ 月
- ✓すべての完全版スキル(スタイル内蔵)
- ✓新しいスキルも公開と同時に
- ✓既存スキルのアップデート
- ✓書き出した映像の商用利用
年額
34% お得$79/ 年
- ✓すべての完全版スキル(スタイル内蔵)
- ✓新しいスキルも公開と同時に
- ✓既存スキルのアップデート
- ✓書き出した映像の商用利用
創設メンバー永久版
創設メンバー特典$169一回払い
- ✓すべての完全版スキル(スタイル内蔵)
- ✓新しいスキルも公開と同時に
- ✓既存スキルのアップデート
- ✓書き出した映像の商用利用
- ✓一回払い、更新なし
よくある質問
どのエフェクトが無料で、プランでは何が使えますか?
すべてのエフェクトは無料でプレビューできます。そのうち 16 種類(ほとんどのカテゴリに 1 つ以上)は、登録不要・透かしなしで、MP4・WebM・PNG として最大 4K・60 fps で無料で書き出せます。ほかのエフェクトには「メンバー」の印があり、書き出しには Motion Skills のプランが必要です。プランにはサイトのすべてのスキルも含まれます。
スクリーンショットはアップロードされますか?
いいえ。画像はブラウザの中で読み込まれ、シーンはグラフィックカードがレンダリングし、動画はあなたのパソコンでエンコードされます。こちらには何も送られません。
AI 動画のように文字がぼやけないのはなぜですか?
何も生成していないからです。画像はそのままフル解像度で 3D の形状に配置され、動くのはカメラとカードだけです。
動画が飛ばずにループするのはなぜですか?
各エフェクトは、最後のフレームがそのまま最初のフレームにつながるように作られています。さらに動画は録画ではなく 1 フレームずつレンダリングされるので、フレームが抜けることもありません。
4K・60 fps で書き出せるブラウザは?
パソコンの Chrome と Edge なら、すべてのサイズをエンコードできます。ほかのブラウザでは、エンコードできないサイズはグレーで表示されます。1 フレームずつのエンコード自体ができない場合は、代わりにプレビューをリアルタイムで録画するため、なめらかさが落ちることがあります。
動画を商用利用できますか?
はい。動画は自由に使えます。動画の中の画像は、あなたが追加したものです。
スマホやノートパソコンは実在の機種ですか?
いいえ。コードで描いた汎用的な形で、特定ブランドのデザインではありません。
サイトのスキルとはどう違いますか?
このツールは、あなたの画像からループする 3D ショットを 1 つ作ります。スキルはコーディングエージェントと一緒に映像を丸ごと 1 本作ります。プロダクトを読み込み、台本を書き、音楽とナレーションをつけてシーンごとにレンダリングし、完成した動画を書き出します。







