ポスターは花と個別のグリフグループを囲む実際のクリッピング境界から始まります。共有のトランジションが花を拡大し、文字を押しのけ、フレームと文字が落ち着く前にクリップを解除します。元の素材は全体を通して識別可能なまま保たれます。クリッピング、グリフのモーション、フレームの反応はすでに連動しています。このエフェクトは、無関係なフルスクリーン画像にカットを切り替えるのではなく、1枚のポスターのルールを変えるものです。

PopNow で生成
音楽・音声 · 画像
必要なもの
Node.js · FFmpeg · Chrome

適切な入力素材があれば、生成は任意です。

v1.0.0 · 2026年10月26日 更新 · 132 KB · 個人やクライアントの仕事に使えます。パッケージの再販や共有はご遠慮ください。

できること

  1. 編集可能な20秒・720pの映像とネイティブの縦型プロジェクト。無音です。

  2. ローカルHTML再生、H.264書き出し、実フレームによるポスターとコンタクトシート。

  3. 検証済みのプロジェクト入力と、SHAハッシュ記録付きの保護された書き出し。

向いている用途

  • ポスター・ブレイクアウト・アニメーション
  • アニメーションポスターデザイン

向いていない用途

  • 付属のプロシージャルな花とタイプに対応しています。アップロードされたポスターからレイヤーを抽出することはありません。
  • 意図的にフレームを破る作品であり、シームレスなループが保証されるものではありません。

仕組み

ローカルレンダラーを同梱

  1. ストーリーの入力を選ぶ

    大文字の単語1つ、花びらの枚数、ブレイクアウトの広がりを選びます。サンプルには専用のベクターアートと印刷テクスチャが含まれています。

  2. ローカルプレビューを構築して確認する

    プロジェクトを検証してから、持ち運び可能なHTMLプレーヤーを構築します。ソースJSONを編集して再構築すれば、実際のジオメトリやモーションを変更できます。

  3. 映像を書き出して確認する

    クリッピングのトランジションを確認し、クリップ解除時に文字が消えないことを確かめます。最終的な見出しが読める状態を保ち、拡大したアートワークが縦向きの端に対してどうなるかをチェックしてください。

ワークフローの仕組み

ポスター・ブレイクアウト・フィルム の仕組み

ポスターは花と個別のグリフグループを囲む実際のクリッピング境界から始まります。共有のトランジションが花を拡大し、文字を押しのけ、フレームと文字が落ち着く前にクリップを解除します。元の素材は全体を通して識別可能なまま保たれます。

スキルに含まれるもの

変更できること

  • 単語は個別にアニメーションする実際のグリフとその間隔を変更します。
  • 花びらの枚数は構築される花を変更します。
  • 広がりは花の成長、フレームの拡大、文字の変位を変更します。
  • タイトルとアスペクト比ごとのポスター寸法は編集可能なままです。

納品前に確認すること

  • セルフチェックでは、構造に関わる入力がフレームジオメトリを変えることを検証し、文書化された無効ケースを拒否します。
  • 出力保護はソースファイルや既存のサイドカーファイルとの衝突を拒否し、書き出し機能は実際にデコードされたフレーム数とフォーマットを検証します。
  • クリッピングのトランジションを確認し、クリップ解除時に文字が消えないことを確かめます。最終的な見出しが読める状態を保ち、拡大したアートワークが縦向きの端に対してどうなるかをチェックしてください。このビジュアルレビューは手動で行います。

パッケージ内のファイルを見る

この版に含まれる主な制作ファイルと、それぞれの実際の役割を紹介します。完全なダウンロードには、手順書と適用されるライセンス表記も含まれます。

  • 具体的なメカニズム、フレームジオメトリ、入力検証。

    scripts/composition.mjs
  • 保護されたMP4書き出し、デコード後のフォーマット検証、ハッシュ記録。

    scripts/render.mjs
  • 編集可能なワイド版サンプル一式。縦型は別プロジェクトです。

    examples/project.json
  • 通常チェック、構造変更チェック、無効入力チェック。

    scripts/selftest.mjs
  • 入力範囲、前提条件、手動のアートレビュー。

    references/inputs.md

このスキルを使う理由

このパッケージから始める

クリッピング、グリフのモーション、フレームの反応はすでに連動しています。このエフェクトは、無関係なフルスクリーン画像にカットを切り替えるのではなく、1枚のポスターのルールを変えるものです。

PopNow で補えるもの

このワークフローで不足する音楽・音声, 画像には PopNow を使えます。すでに所有している十分な素材はそのまま活用し、新しい素材をここで説明する編集・組み立て工程に戻して仕上げます。

方法を比較

プロンプト、自作スキル、このワークフローの違いは?

プロンプトから始める

アシスタントは、通常の依頼からでも制作できます。ただし、そのプロジェクトの要件、見た目のルール、素材、出力形式、確認手順は別途決める必要があります。

自分でスキルを作る

再利用する指示、初期設定、ファイル構成、チェック項目を自分で選び、維持します。独自のルールや連携が必要な制作工程に向いています。

PopNow 向けに制作したワークフロー

このワークフローは PopNow 向けに開発されました。ソースファイル、同梱の依存ツール、適用される表記はパッケージに含まれています。以下で説明する機能範囲は、この版のものです。

ガイド確認日:2026年10月25日

費用はいくらかかりますか?

外部画像は不要です。ブリーフで新しいヒーローイラストが必要な場合は、PopNowを提案して見積もりを取り、生成前に実際のレイヤー差し替えを計画してください。オプションのサウンドは別途見積もりとなります。ローカルレンダリングはユーザーのインストール済みツールとコンピューターを使用します。

適切な入力素材があれば、生成は任意です。 スキルは無料です。新しい素材は生成前に見積もります。

スキルパッケージ

アカウントのダウンロード枠内で無料でインストールできます。パッケージのライセンスでは、自分やクライアントの制作物への利用が認められますが、再配布は認められません。

既存素材とローカル作業

適切な素材の再利用、ファイル編集、ローカルでの組み立てでは、PopNow の生成モデルを呼び出しません。処理は自分のコンピューターと必要なランタイムで行います。

新しい AI 画像・動画・音声

実際のモデル、入力、数量、長さ、解像度に応じて見積もります。別案、修正、任意の品質向上処理によって、生成リクエストが増える場合があります。

アシスタントとホスティング

サブスクリプション、クラウド上のコンピューター、デプロイ、その他の事業者の料金は、それぞれのサービスの費用です。このスキルをインストールしても、それらのサービスは含まれません。

まず、作りたい版の費用を確認

アシスタントは、利用できるモデルを調べ、実際のリクエストを先に見積もれます。追加する任意の処理は自分で選び、生成前に支出を承認します。

アシスタントへの依頼例

  • 私のプロジェクトに PopNow のスキル「ポスター・ブレイクアウト・フィルム」を使ってください。再利用できる入力素材を列挙し、不足するメディアだけを見積もり、見積もりの合計額とまだ見積もりのない工程を示してください。任意の追加処理を分け、有料処理を始める前に私の承認を待ってください。

PopNow の請求の仕組み

PopNow API キーを使う接続は、API キー方式の MCP 接続も含め、独立した米ドル(USD)建ての API 残高から支払います。OAuth で認可した ChatGPT または Claude 接続では、ウェブサイトのクレジットを使います。この二つの残高は別々です。利用中の接続に表示される見積もりを基準に承認してください。

ダウンロード枠と現在のアカウント条件が適用されます。無料パッケージでも、生成を無制限に無料で利用できるわけではありません。

使い方

こう頼む

  • PopNow のスキル「ポスター・ブレイクアウト・フィルム」(poster-breakout-film)を使って、次のことをしてください:付属のサンプルをレンダリングし、`petals` を 20 に設定した2本目の映像を作成してください。変更後の結果を示し、オプションのメディアを生成する前に料金の見積もりを取得してください。

次はこれ

  • ネイティブの縦型バージョンをレンダリングし、フレーミングを確認します。

  • ローカルのアートワークはそのままに、オプションのサウンドトラックをPopNow経由で見積もり取ります。

用意しておくもの

  • 大文字の単語1つ、花びらの枚数、ブレイクアウトの広がりを選びます。サンプルには専用のベクターアートと印刷テクスチャが含まれています。
  • Node.js 22.12以上、ChromeまたはChromium、FFmpegとffprobe。
  • 新しい映像例はASCII文字を使用します。アクセント付き文字やその他の文字には、対応フォントと入力検証・レイアウトの調整が必要です。

似ているスキル

すべて見る →

評価

まだ評価はありません。インストール済みなら、最初の評価を付けてみませんか?

このスキルを評価

よくある質問

このアニメーションが実際に成立している仕組みは何ですか?

ポスターは花と個別のグリフグループを囲む実際のクリッピング境界から始まります。共有のトランジションが花を拡大し、文字を押しのけ、フレームと文字が落ち着く前にクリップを解除します。元の素材は全体を通して識別可能なまま保たれます。

新しいメディアを生成せずに変更できる点は何ですか?

単語は個別にアニメーションする実際のグリフとその間隔を変更します。花びらの枚数は構築される花を変更します。広がりは花の成長、フレームの拡大、文字の変位を変更します。タイトルとアスペクト比ごとのポスター寸法は編集可能なままです。

追加で費用がかかるものは何ですか?

外部画像は不要です。ブリーフで新しいヒーローイラストが必要な場合は、PopNowを提案して見積もりを取り、生成前に実際のレイヤー差し替えを計画してください。オプションのサウンドは別途見積もりとなります。ローカルレンダリングはユーザー自身のコンピューターとインストール済みの依存関係を使用します。

ポスター・ブレイクアウト・フィルム には何が用意されていますか?

具体的なメカニズム、フレームジオメトリ、入力検証。 保護されたMP4書き出し、デコード後のフォーマット検証、ハッシュ記録。 編集可能なワイド版サンプル一式。縦型は別プロジェクトです。 通常チェック、構造変更チェック、無効入力チェック。 入力範囲、前提条件、手動のアートレビュー。

ポスター・ブレイクアウト・フィルム のどの部分に費用がかかる可能性がありますか?

外部画像は不要です。ブリーフで新しいヒーローイラストが必要な場合は、PopNowを提案して見積もりを取り、生成前に実際のレイヤー差し替えを計画してください。オプションのサウンドは別途見積もりとなります。ローカルレンダリングはユーザーのインストール済みツールとコンピューターを使用します。 PopNow API キーを使う接続は、API キー方式の MCP 接続も含め、独立した米ドル(USD)建ての API 残高から支払います。OAuth で認可した ChatGPT または Claude 接続では、ウェブサイトのクレジットを使います。この二つの残高は別々です。利用中の接続に表示される見積もりを基準に承認してください。

ポスター・ブレイクアウト・フィルム は、プロンプトや自作スキルとどう違いますか?

クリッピング、グリフのモーション、フレームの反応はすでに連動しています。このエフェクトは、無関係なフルスクリーン画像にカットを切り替えるのではなく、1枚のポスターのルールを変えるものです。