クリエイターの実例から
GPT-6 Astraの5分で作った発表動画、公開された制作手順を読む

Yatharth GuptaがXに投稿した30秒のSeam Studio紹介映像には、制作方法を知りたいという返信が集まりました。最初の投稿はGPT-6 AstraとfalのH3 Maxを挙げ、5分でできたと説明しています。その後の返信で、使ったvisual-thinkingスキルのリンクが共有されました。作り手には、時間の主張以上に参考になる資料です。
公開例は7枚のキーフレームと6本の5秒クリップを使い、最後に別途編集しています。本記事では視覚的な状態を順に設計する考え方を使い、架空の製品Fieldnoteの独自案を作ります。元のツール構成と今回の応用を区別しながら、Ciyoで素材を準備できます。
動画を見て、実際の制作資料を開く
作者のリポジトリでは、画像にNano Banana 2、動きにH3 Max、器楽の音楽にMusic 3、編集にFFmpegを使用したと説明しています。Seam Studioは、デザイナーが衣服を考え、小さな予約販売を準備するコンセプト製品です。生成された画面は構想を表すもので、動くソフトウェアの証明ではありません。
返信では詳細や、短い時間に創作と編集がどこまで含まれるかが問われました。時間は作者の報告として受け取り、自分の制作では調査、画像承認、再試行、編集を分けて見積もります。再利用できるのは、自然につながる視覚状態を先に作る方法です。
元のコミュニティ投稿とクリエイターのメディアです。本文では、この事例を踏まえたCiyoでの制作方法を紹介します。
製品が実際にもたらす変化を選ぶ
Fieldnoteは、この例のための架空のワークショップ計画アプリです。散らばった調査メモが役立つ進行ボードに変わる様子を見せます。まず、ばらばらのメモ、整理する人、整理されたボードの3状態を決めます。音がなくても変化が理解できる構成にします。
実在するアプリなら、その状態を実際の画面から取得します。個人情報を除き、画面の事実はそのキャプチャを基準にします。装飾画像を周囲に置くことはできますが、生成画面に架空の操作部品があるだけでは製品機能を証明できません。
6本のクリップを作る前に6つの展開を決める
表では各場面に役割を与えています。見栄えのする6ショットが、すべて製品の存在だけを伝える状態を避けるためです。流れには問題、変化、結果が必要です。
最も難しい組み合わせから作ります。通常は操作と結果の2場面です。Ciyoでそれぞれの基準画像を承認し、構図と視覚的な一貫性を比べます。この2枚で意味が伝わってから、冒頭と結末へ広げます。
| 展開 | 見える状態 | 必要な素材 |
|---|---|---|
| 1 · 導入 | 机に散らばるワークショップのメモ | 焦点が明確な冒頭画像 |
| 2 · 問題 | 同じ内容が重複する2枚のメモ | 問題を説明する寄りの画面 |
| 3 · 操作 | メモが少数のグループにまとまる | 移行前後の参照状態 |
| 4 · 結果 | 順番が読み取れる進行ボード | 実在製品なら承認済みの実画面 |
| 5 · 利用 | 進行役が次の手順を把握する | 補助場面または実キャプチャ |
| 6 · 案内 | 製品名と一つの次の行動 | 静かな背景と編集可能な文字 |
静止画の指示と動きの指示を分ける
静止画の指示では物体、視点、配色、余白を決め、動きの指示では時間とともに何が変わるかを決めます。長い製品説明を動きの指示に繰り返すと、必要な一つの動作が曖昧になることがあります。複雑なUI文字は実キャプチャか編集側に残します。
Fieldnoteの最初の試作には、整理済みボードへゆっくり近づく動きが適しています。実際に動くドラッグ操作を動画モデルに発明させる必要はありません。承認済み画像からCiyoで動画を作り、ラベル、比率、物体が変化していないか確認します。
架空のワークショップ計画アプリFieldnoteの短い紹介映像を計画してください。散らばったメモから整理済みの進行ボードへ移る物語です。6つの展開に、見える開始状態、終了状態、静止画の指示、一つの控えめな動きを付けてください。実製品のスクリーンショットが必要な箇所を明示し、UI文字と生成装飾画像を分けます。各場面が物語に加える内容を説明し、重複を指摘してください。5分で完成するという見積もりはしません。実際の修正を記録して見積もる
素材台帳を作り、生成数だけでなく、承認された画像と使えるクリップを数えます。特定のトランジションでUIが何度も変わるなら、正確な静止画や画面録画を編集で切り替えます。生成を増やすことが解決になるとは限りません。
Ciyoで操作する前に表示される見積もりを確認します。作者のプロバイダー構成と時間は、別のモデルと工程の費用を決めるものではありません。自分の画像採用率と、まだ必要なショット数から見積もってください。
| 工程 | 記録する内容 | 判断できること |
|---|---|---|
| 画像 | 承認状態、参照、修正理由 | 動画制作に進めるか |
| 動き | 依頼した動作と意図しない変化 | 採用、簡略化、カットへの置き換え |
| 編集 | 最終時間、文字、使用許可のある音楽 | 製品の変化が理解できるか |
| 書き出し | 説明、比率、掲載先 | 実際の配置に合うか |
物語に合う次の行動で締める
音楽なしで見て、同僚に製品の変化を一文で説明してもらいます。見た目だけ記憶され、結果が伝わらなければ、装飾的な冒頭を短くして結果の時間を増やします。これは提案する編集レビューであり、実施済みの転換率テストではありません。
同じ視覚体系から短い予告と静止画を出力し、実際の製品の使い方を示すページに添えます。Fieldnoteのような構想では、UIと物語が架空だと明記します。公開済み製品なら、直前に見せた機能へ案内します。
この制作方法について
作者のスキルをCiyo内にインストールできますか?
リンク先はエージェントのスキルと外部ツール設定を説明しています。本記事は視覚状態の計画方法をCiyoに応用するもので、Ciyoがそのスキルを実行したりH3 Maxを提供したりするとは述べていません。
5分で完成することを期待できますか?
一つのデモから共通の納期は決まりません。素材準備、画像承認、生成の再試行、音楽、編集が影響します。作者の時間は背景情報として扱ってください。
紹介映像のキーフレームを作る
まず操作と結果の2枚を作り、変化が伝わってから前後の物語を広げましょう。