Opus 5.5でアプリのスクリーンショットを読みやすい紹介動画にする

Opus 5.5にスクリーンショットを使った動画の構成とコードを依頼し、利用可能な動画ツールでレンダリングします。まず実際の画面3枚、伝えたい操作1つ、短い時間表を用意しましょう。初稿で確かめるべきなのは画面の読みやすさです。スマートフォンを回転させる演出は後から加えられます。

Claudeのモデル仕様では入力はテキストと画像、出力はテキストです。動画ファイルには別途レンダリング手段が必要で、例えばRemotionに手順があります。本稿は提案する制作方法であり、Panellyのモデル実測でも、現在のClaude環境に必要なツールがあるという保証でもありません。

動きを頼む前に元画面を固定する

同じデバイスサイズで画面を書き出し、`01-list.png`、`02-detail.png`、`03-result.png`と命名します。元画像を保管し、それぞれが示す事実を1つ記します。個人情報は撮影前に準備したデモアカウントで置き換え、モデルに架空のUIを上描きさせないようにします。

架空のタスクアプリを例にすると、一覧は今日のタスク、詳細は期限の選択、結果は完了チェックを示します。「次にすることを選ぶ」は伝えられますが、自動スケジュール、時間短縮、無料契約までは証明できません。参考画像にない機能には別の確認済み資料が必要です。

まず12秒の構成を試す

以下は独自の構成例で、プラットフォームの規則でも成果が実証された広告でもありません。毎秒30フレームなら12秒は360フレームです。各区間は次の開始直前で終わり、境界フレームを重複させません。

スクリーンショットは静止状態であり、操作の証拠ではありません。タップの録画がなければ単純にカットするか、デモであると示します。画面をつなぐために存在しないボタンを動かしてはいけません。読んでもらう場面ではカメラを止めます。

Opusへの完全な制作依頼

添付の架空タスクアプリについて、12秒、1080 × 1920、30 fpsの紹介動画を計画してください。入力は01-list.png、02-detail.png、03-result.pngと承認済みロゴ。メッセージは「次にすることを選ぶ」、CTAは「使い方を見る」です。
まず各説明を裏付ける画面を対応させてください。UIの画素と文言は変えず、機能、レビュー、価格、架空のタップを追加しないでください。0–59フレームは一覧、60–179は詳細、180–269は結果、270–359はエンドカードです。
初稿はカットと1回の詳細拡大だけにしてください。読む間は文字を止め、画像の縦横比を保ちます。レンダラーがあれば編集可能なソースとプレビューを作成し、なければ時間表と不足するツールを示してください。ファイルがないのに出力成功と報告しないでください。
ソース、入力素材一覧、プレビュー、実際に行った確認を納品してください。承認後に控えめなカメラ移動を最大1つ追加し、読む時間と製品の事実を保ってください。

タイムラインだけでなく書き出した動画を確認する

スマートフォンの表示サイズで動画を開き、冒頭、画面切り替え、最終フレームで止めます。画面の伸び、フォント欠落、空白フレーム、短すぎるエンドカードを確認します。無音でも一度再生し、操作と移動先が理解できるか見ましょう。

幅1080ピクセルの動画を360ピクセルで表示すると、60ピクセルのラベルは約20表示ピクセルになります。ただし、この計算だけでは可読性を保証できません。コントラスト、書体、動きも影響します。全字幕を大きくしてアプリを隠す前に、必要な画面領域を拡大しましょう。

承認したアイデアを広告にも使う

時間表と元画面を一緒に保管すれば、次の修正を特定区間に絞れます。Panelly Studioでは、承認した製品参考とメッセージを使って補完する4コマ広告を作れます。見出しとCTAは完成画像に含められます。これは制作の引き継ぎ方法であり、PanellyにRemotionやOpus選択機能があるという意味ではありません。

既存ページを扱う場合は、購入の流れを保つOpusのLP修正ガイドを参照してください。本稿の合格対象は、読みやすく書き出された動画です。

よくある質問

3Dスマートフォンモデルは必要ですか？

不要です。平面の画面から始めましょう。端末フレームは、UIを小さくしすぎず状況を伝える場合だけ役立ちます。

見栄えのよい動画で製品の動作を証明できますか？

できません。実際の操作に依存する説明には録画を使い、提案する演出と測定済みの製品成果を区別してください。

情報源と参考文献

• Claude：モデル仕様
• Remotion：動画のレンダリング