できること
- どの行にどのエフェクトを使うかを示すビートの計画。何かを作る前に確認
- ビートごとに 1 つの、編集可能な 1920×1080 の HyperFrames プロジェクト。1 回の実行で組み立て
- レンダリングのスクリプト、音のないレビュー用リール、各ビートの開始と終了のタイムライン
- 画像を中心にしたエフェクト用の、そろった 4 つのパレットと、付属の 30 枚の説明用画像
- 任意：PopNow のナレーション、音楽、効果音、写真の切り抜き、Bロール、映像のアップスケール
向いている用途
- YouTube の解説動画やビデオエッセイ
- オンライン講座のレッスンやチュートリアル
- すべてのエピソードで同じグラフィックの見た目を共有したいチャンネル
- 情報の密な台本を、いくつかの明確な視覚の瞬間に変えること
向いていない用途
- 縦長 9:16 や正方形の動画。構図はすべて 16:9
- キャラクターアニメーションや、完全に生成した実写の映画
- ライブのデータソースから更新されるべきグラフ
使い方
Claude・ChatGPT で
PopNow のスキル「解説動画用モーショングラフィックス・キット」（explainer-motion-graphics-kit）を使って、次のことをしてください：コンポスト（堆肥）の仕組みについての 6 分の台本があります。視覚が必要な 5〜6 行を選んで、ダークのパレットで作って、残りは話者の映像のままに。
コーディングエージェントで
/popnow-explainer-motion-graphics-kit コンポスト（堆肥）の仕組みについての 6 分の台本があります。視覚が必要な 5〜6 行を選んで、ダークのパレットで作って、残りは話者の映像のままに。
次はこれ
ビート 3 は棒ではなく折れ線グラフに替えて、そこだけ作り直して。
レビュー用リールにナレーションと効果音を追加して。先に見積もって。
用意しておくもの
- 台本、アウトライン、または書き起こし。グラフに使う実際の数字も
- 分割画面やピクチャーインピクチャーのビートに使う、話者の撮影（使う場合）
- Node.js 22 以上、FFmpeg、Chrome。任意の工程には PopNow API キー
似ているスキル
すべて見る →- 動画
エージェント・クルーのローンチ動画
+25つややかなヘルパーのキャラクターが温かい点描の紙の上に並び、電話での実際の作業と、新しいヘルパーを生み出すスキルを見せます。
- 動画
AI チャットボットのデモ動画
+25暗いチャットアプリの中でナレーション付きのデモ。連携をオンにして質問し、結果とカウントアップを見せます。
- 動画
エージェントによる製品ローンチ映画
+25製品サイトと実際の画面から組み立てる、落ち着いたキーノート風のローンチ映画。ビートに合わせてカットします。
- 動画
チェックリストのアニメーション製品デモ
+25スマホ画面の横に紙のメモのチェックリスト。各ボックスは、画面上でその手順が起きた瞬間にチェックが入ります。
- 動画
モバイルアプリのプロモ動画
+2510〜13 秒のアプリ紹介。製品の 7 つの場面が 1 回のカメラの動きのようにつながり、HTML と GSAP で組みます。
- 動画
ASCII グリッチのハイプ映画
+25グリフのセルで描いた ASCII フレーム、追跡ボックス、ドットマトリクスの文字が、ロゴへ向けて 10 分の 1 秒ごとに切り替わります。
- 動画
ASMR・満足系動画メーカー
+25ガラスのフルーツを切るような、スローモーションの ASMR ショート。映像から生成した音と、継ぎ目のないループつき。
- 動画
ビフォーアフターの比較ローンチ動画
+25ほぼ黒のキャンバス、等幅のファイル名、ひとつの電気的なアクセント。内容を、まず静止したページとして、次に映画として見せます。
- 動画
設計図風スペック・プロモ動画
+25ほぼ黒のスペックシートに描かれる主張。枠付きの図、ハッチング、引き出し線、表題欄で構成します。
- 動画
変更履歴の解説動画
+25実際のプルリクエストを、差分を決して読まない人のための 30 秒の映画に変えます。
- 動画
ひとつのスレッドのチャット・ローンチ動画
+25温かい紙の上の、ひとつのチャットウィンドウ。リセットはされません。待ち時間を尋ね、修正を頼み、動くのを見ます。
- 動画
シネマティックなダーク UI ティーザー
+25黒い虚空に漂うあなたの UI。滑るカメラ、ひとつの鋭いピント、打ち込まれたコマンド、光る名前。
- 動画
開発者ツールのローンチ・リール
+25ひとつのプロンプトを 4 か所に打ち込み、実際の結果をビートに合わせて切ったリール、最後にインストールのコマンド。
- 動画
デバイスモックアップ付きの SaaS 製品動画
+25暗いスタジオの中、ニュートラルなデバイスに映る実際のアプリ画面。そのあとひとつの実操作と、明るい見せ場。
- 動画
温かい紙の雑誌風ローンチ動画
+25温かい紙の上の特大の活字。フレームごとにアクセントはひとつ、持ち上がる製品カード、インクの黒への切り替え。
- 動画
顔を出さない商品広告メーカー
+25手元だけの開封、デモ、回転の広告を商品写真から作ります。テストできるフックの違う版つき。
- 動画
不満から機能へのローンチ動画
+25ユーザーが投稿し続けている不満から始めて、新機能がそれを偽だと証明します。
- 動画
面白い課題と解決の動画
+25小さないらだちをギャグとして演じ、丁寧なお願いが積み重なり、ひとつのオレンジの錠剤が解決策になります。
- 動画
ハーフトーンのキャンバスのローンチ動画
+25生きたひとつのドットのキャンバスの上で進むローンチ映画。どの文字よりも一拍早く動きます。
- 動画
手描きのインフォグラフィック動画
+25ひとつの長いポスターに描かれたフェルトペンのパネル。カメラが描かれたルートをたどり、最後に全体のシートまで引いていきます。
- 動画
歴史の一人称動画メーカー
+25「あなたは古代ローマで目覚める」一人称のショート。出典つきの事実表、ナレーション、環境音つき。
- 動画
HyperFrames 向け AI 素材
+25HyperFrames 動画向けのヒーロー静止画、ブロール、BGM、ナレーション。先に見積もり、assets/ に整理して保存します。
- 動画
製品ローンチ映画
+25URL か README から作る 20〜40 秒のローンチ動画。すぐ投稿できる文章と、3 つのアスペクト比。
- 動画
リキッドなロゴの登場
+25ガラスのようなしずくがあなたのマークを読めないまま運び、弾けて、くっきりしたロックアップを残します。
- 動画
歌詞動画メーカー
+25曲と歌詞を渡すと、同期した歌詞動画（16:9 と 9:16）が出てきます。歌われるのに合わせて言葉が点灯。
- 動画
ムードボード・リール動画
+259:16 のムードボードのリール。3 つの写真ボードをビートに合わせて切り替え、最後に 1 つの共有ボードにまとまります。
- 動画
複数のスタイルのキーノート・ローンチ動画
+25機能ごとに独自の世界を。青いグラフ、クリーム色のセリフのページ、暗い光の面、ポスターのグリッド。
- 動画
多言語ローンチ動画
+25製品名は動かず、言語ごとに自分の文字と声で、字幕つきで流れ込みます。対応言語を発表する映像です。
- 動画
ナレーション付きの解説動画
+2545〜120 秒の解説。声と単語に同期した字幕つきで、コラージュ、ホワイトボード、データのいずれかのスタイル。
- 動画
切り絵風の科学アニメーション
+25影箱の紙の層、切り絵の太陽と月、紐で揺れるラベル。ひとつの科学のアイデアを、ナレーション付きで。
- 動画
提携の発表動画
+25枠付きの窓の中の発表者、ひとつのカードに並ぶ二つのロゴ、タイプされる三段階の設定、声に合わせて流れる動詞。
- 動画
ピクセルアートのプロモ動画
+25リンク、ピッチ、ストーリーからフレームごとに描く、製品についてのレトロなピクセルアートの映画。
- 動画
ぬいぐるみキャラクターのローンチ動画
+25フェルトのぬいぐるみのキャラクターがカーソルに乗り、チームのエディターの中で、ライブであなたのプロモを組み立てます。どのカットもビートに合わせて。
- 動画
無音から音へのリビール・プロモ
+25完全な無音の中で、ボタンが三度押される。そのあと同じショットが音つきで流れ、さらに音楽つきでもう一度。
- 動画
正方形の UI モーフィング・プロモ
+25温かい紙の上で、ボタンが伸びてプロンプトのカードになり、表示が引いてセッションの壁になります。
- 動画
紙の絵本アニメーション
+25動く絵本。フェルトと粘土の切り絵、重ねた紙の丘、ひとつずつ飛び出す言葉。
- 動画
しゃべる物のドラマシリーズ
+25しゃべるフルーツや物が主役の縦型のマイクロドラマ。キャラクターの見た目と声は固定。
- 動画
お客様の声の動画メーカー
+25温かい罫線の紙の上の、持ち上がったカードのあるポートレートの板。ティールのアクセントひとつ、顧客ごとに静かなクロスフェード。
- 動画
人物の後ろに文字を置くタイトル
+25カメラに映る人の後ろに、巨大な見出しが勢いよく入り、きれいなカットのあとはフレーム全体を占めます。
- 動画
チャット風ストーリー動画
+25縦型のチャットのストーリー動画。メッセージが次々に現れ、入力中の点が出て、吹き出しごとに効果音が鳴ります。
- 動画
素材の質感の文字プロモ
+25テラゾー、レンガ、スチールから切り抜いた見出しの文字。温かいムードボードの上で、3 フレームごとに表面が入れ替わります。
- 動画
動画のチャプター タイトルカード
+25長い動画のためのチャプターカード。1 つのリストから番号が振られ、説明欄に貼るタイムスタンプの一覧つき。
- 動画
ホワイトボードアニメーション動画
+25マーカーペンが一枚のボードに授業全体を描き、誤解を消し、そのあと完成したボードへ引いていきます。
よくある質問
どの行にどのエフェクトを付けるかは、どう決めるのですか？
台本をビートに分け、各ビートで視聴者に何が変わって見えるべきかを問います。数字が増える、手順がつながる、語が訂正される、新しい章が始まる、などです。その変化をカテゴリに対応させ、どう動くかでエフェクトを選びます。何も必要ない行は、話者のショットのままにします。
話者の映像は必要ですか？
いいえ。122 種のうち 89 種はグラフィックだけで動きます。分割画面とピクチャーインピクチャーのエフェクトは、ビートごとに 1 回の連続した撮影が必要で、後ろに文字を置く 6 種のエフェクトは、その撮影から切り抜きをローカルで作ります。
出来上がったものを、自分の動画編集ソフトで編集できますか？
はい。各ビートは個別の MP4 に書き出されるので、適切な時点でタイムラインに置けます。または、組み立てたリールをそのまま完全なアニメーション動画として使えます。プロジェクトは編集可能なままなので、言葉を変えたときは作り直しであり、やり直しではありません。
PopNow は何を追加しますか？
任意の音と映像です。ビートごとのナレーション、静かな BGM、アニメーションに合わせた効果音、ご自身の写真の切り抜き、Bロール、より鮮明な映像です。どの実行も、まず価格を示し、同意してから始まります。
Premiere や After Effects のモーショングラフィックス・テンプレートとは、どう違いますか？
それらのテンプレートは、エディタを開いて 1 つずつ手で埋める必要があります。ここでは、エージェントが台本を読み、行ごとにテンプレートを選び、数字を入れて描画します。タイムラインに触れずに、アニメーション動画を作れます。