ojosuevfx/cartaz-historico-motion

CARTAZ HISTÓRICO — エディトリアルコラージュ風アニメーションミニドキュメンタリー

このスキルは、実際の35分間のミニドキュメンタリー制作から生まれました。タイムラインの87%がアニメーションでカバーされていました。以下のルールは、すべてその制作中に行われた修正から抽出されています。始める前に、assets/ ディレクトリを確認してください：cenas-pessoas.jpg、cenas-fatos.jpg、aviso-e-continua.jpg、demo.mp4。デモはフランス革命をテーマにしており、シーンタイプを示す目的で、再現ではなくオリジナル作品を使用しています。

• 各シーンをいつ使用し、各シーンのコンポーネントは何か：references/catalogo-cenas.md
• 画像の入手方法と再現方法：references/imagens.md
• レンダリング、Premiere、After Effects、および各ツールの落とし穴：references/entrega.md
• Remotionエンジン：references/motor/（src/kit.tsx と src/colagem.tsx プリミティブ；src/palco.tsx カメラ；src/cenas/ 既製シーン；src/Molde.tsx 開始点；src/Demo.tsx と src/Exemplos.tsx 例；tools/ セグメント、レンダリング、コンタクトシート）
• 画像ツール：references/ferramentas/（recorta.py、preenche.py、alfa_cheio.py、regioes.mjs）

開始するときは、確認を求めずに次のように宣言してください："CARTAZ HISTÓRICOスタイルを適用します：約80%のタイムラインを音声に同期したアニメーションでカバー、実際の出典から忠実に再現した画像、クレープ紙、オレンジ、黒の配色で、Premiereにレイヤーとして書き出します。"

クリエイティブな自主性

ナレーションの内容に基づいて、新しいシーンを自由に創作してください。カタログは文法を教えるものであり、閉じたリストではありません。「同じイニシアチブを取れ」というのが元の指示です。意味を変えるもの（名前、日付、ナレーションの一部）や、本人だけが決められるもの（署名の名前、警告文、権利のある画像など）だけを質問してください。

固定事項

• カラーパレット（キット内の F）：ペーパー #EFEBD8、インク #16110E、オレンジ #E0662A、ライトオレンジ #F2A46B、ダークオレンジ #B9501D、ホワイト #FBF8EE。ワインレッド #7E2328 は、非難や厳粛な文書のみに使用。他のアクセントカラーが指定された場合は、定数を変更し、1つだけに保ちます：このスタイルは元々青で始まりましたが、「あの青の代わりにオレンジにしよう」という一言でオレンジになりました。
• タイポグラフィ： 名前とタイトルには Archivo Black の大文字、サポートテキストには Archivo、ラベルとフォント名には Roboto Mono。Merriweather は最初の警告文とテキストページのみ。
• テキストの出現方法： 名前とタイトルはランダムな順序でばらまかれた文字（NomeLetras）；小さなサポートテキストはタイピング風（Digita、Mono）；年号はカラーブロックで数字が上がっていく（AnoBloco）；引用はタイプライター風。
• 静止画なし： すべての画像にはスローパンまたはプッシュインが適用されます；説明は Stage 内に配置され、カメラは動きと呼吸を行います。
• カット： シーンはカットイン/カットアウト（CORTE_SECO = true）で、ウィップ、フェード、トランジションのぼかしはありません。シーン内では、文字、ブロック、線はアニメーションを続けます。最初の警告文のみフェードを使用します。
• 同期： 各テキストは、Whisper のタイムスタンプに従って、話された単語に合わせて表示されます。コード内の時間はタイムライン上の秒単位であり、コード内で編集内容を読み取ることができます。
• 1フレームに1つのアイデア。 フレーム、アイコン、カートゥーン化はなし：絵画、写真、版画、タイポグラフィ、カラーブロックのみ。

ルール（すべて修正から生まれました）

カバレッジ

1. タイムラインの約80%をアニメーションに。 司会者は、個人的な主張、視聴者への直接の質問、インパクトのあるフレーズなどの「息継ぎ」の部分に登場します。編集データでこれらの部分をマークし、<Whip> を付けないでください。
2. アニメーションの対象： 人物が言及され、ナレーションがその人物について語り始めた場合、紹介シーンをアニメーション化します。一瞬の引用はアニメーション化しません。
3. 実写Bロールは文脈説明のみに使用し、編集者がPremiereでアニメーションと切り替えられるように、別のトラックの上に配置します。

画像

4. 常に実際の出典を使用。 その出来事や人物に関する絵画、写真、文書、版画を高解像度で使用します。
5. 画像生成AIで忠実に再現します。実際の画像をもとに、16:9でテキスト用の余白を1つ確保します。生成AIは作品を再構成し、スタイルを適用します；シーンを創作してはいけません。使用前にオリジナルと並べて比較してください：ある「再現」では、元の作品にない旗が追加されて戻ってきたり、別のものでは横向きだったものが3/4正面に変わっていました。比較に合格しない場合は、実際の作品を切り抜き、デュオトーン、クロップで使用します。
6. AIによる汎用的な画像は禁止。 ゼロから生成された毒薬瓶や本は却下されました。背景（紙、オレンジのポスター、デュオトーンの帯）は生成可能。人物と事実は生成不可。
7. スペースを空けるためのぼかしは禁止（「こんなぼかしの入った画像は使いたくない」）、生の写真をそのまま長方形で貼り付けるのも禁止。 スペースがない場合は、余白を確保した状態で画像を再生成します。
8. アイテムごとに権利を確認。 パブリックドメインを優先し、クレジットを記録します。著作権のある素材は、チャットで本人が使用を承諾した後にのみ使用し、その前に警告します。

画面テキスト

9. 顔の上にテキストを重ねない。テキスト同士を重ねない。 入れ替え時は、前のテキストが完全に消えてから次のテキストを表示します；編集後は、トランジションフレームも確認してください。
10. スタンプ的な配置は禁止。 「違う」という文字が回転して「乾いた意味のない」状態で表示されてはいけません。事実が時間的に連続している場合は、タイムラインを使用します。
11. 名前、日付、引用は画面に表示する前に確認。 ナレーションが誤っている場合（例えば、教皇の番号）、音声はそのまま残し、正しい情報を表示し、その旨を通知します。情報源が分かれる場合は、安全な情報のみ表示します（日にちではなく「1875年9月」など）。
12. 引用は出典を画面に表示。 パラフレーズはパラフレーズとしてマークします。自作の翻訳には、オリジナルの出典を記載した注釈を付けます。

人物

13. ナレーションで掘り下げられる単独の人物には専用のシーンを割り当てます：全画面の絵画（RetratoPintado）、または名前が後ろに下がるシルクスクリーン（Serigrafia）。
14. グループパネルは複数人数の場合のみ、既に言及された人物と、まだ詳しく説明されていない新しい人物をナレーションが一緒に扱う場合に使用します。パネルは人物の肩のラインで終了します。「汎用的なものは禁止。」
15. 隅っこに誰かを配置しない、輪郭線付きのステッカーと巨大な名前の組み合わせも禁止（「ダサい」、「野暮ったい」）。画像は画面全体を占めます。

構成

16. 話題が変わったら、章カードを挿入。
17. 日付と出来事： 全画面の時代絵画、白いグルテスカ体のタイトル、点線で結ばれたカラーブロックの年号。
18. 続きを示唆する終わり方： 物語が続く場合は、Continua（続く）カードで締めくくります。
19. 最初の警告文はリクエストがあった場合のみ、ビデオに関する正確なテキストを表示します。

ワークフロー

1. Premiere を操作せずに確認： シーケンス、トラック、フレームレート。編集は既に完了しています。
2. タイムラインの単語ごとの文字起こしを、Whisper を使用して、生の映像の時間ではなく、シーケンスの時間で行います。
3. 編集データをCSVに変換： id;inicio;fim;tipo;fala;na_tela。各ナレーションにカタログのタイプ、または「câmera」（カメラ）を割り当てます。カバレッジを合計し、80%に近づけます。章ごとに分割します。
4. 画面に表示するすべての事実を確認し、ナレーションの誤りを記録します。
5. 画像を収集し、再現します（references/imagens.md）。アニメーション化する前に主要な画像を表示します。
6. プロジェクトを作成： ビデオのフォルダにエンジンをコピーし、インストールします。スキルが別の場所にある場合は、パスを調整します：

   cp -R ~/.claude/skills/cartaz-historico-motion/references/motor ./MOTION
   cd MOTION
   npm install --legacy-peer-deps
   

7. 章ごとにアニメーション化。 Molde を複製し、コンポーネントと定数（Cap01、C1_T0、C1_T1）の名前を変更します。タイムラインの時間を記述し、Root に登録します。使用中の props を確認するには、Demo.tsx と Exemplos.tsx を開きます。
8. 各章をコンタクトシートで確認してから表示します。テキストの切れ、顔へのテキスト重なり、テキスト同士の重なり、ラベルが画面からはみ出していないかを確認します。

   npx remotion render src/index.ts Cap01 out/Cap01_mudo.mp4 --crf=20 --concurrency=4 --gl=angle
   bash tools/folha.sh out/Cap01_mudo.mp4 out/Cap01_folha.png 6 5
   

9. 音声付きのラフを送信し、「進んで良い」という承認を待ちます。編集オーディオを合成すると、承認者のタイミング判断に役立ちます：

   ffmpeg -i out/Cap01_mudo.mp4 -ss INICIO -t DURACAO -i audio_montagem.wav -map 0:v -map 1:a -c:v copy -c:a aac -shortest out/Cap01_rascunho.mp4
   

10. 最終レンダリングとPremiereへの書き出しは承認後に行います（references/entrega.md）：アニメーション化された部分のみ、ProRes 4444 XQ（アルファチャンネル付き）で、各パートをそれぞれのタイムコードで、司会者の上のトラックに配置します。
11. 納品時に、確認済みの内容、ナレーションの誤り、除外した内容、クレジットを伝えます。また、確認していない箇所（フレーム単位のチェックはタイムライン全体の視聴ではない）も伝えます。

既知の制限

• 1920×1080、30fpsでのみテスト済み。縦型フォーマットは未テスト。
• 最終的な仕上げ（ポスタリゼーション、ハーフトーン）は、After Effects と有償プラグイン Sapphire で行われます。これはオプションであり、Remotion のレンダリングには含まれていません。
• レンダリング負荷が高い：35分のドキュメンタリーは、GPU使用、ProRes 4444 XQ 1080pで、約3時間、156GBを要しました。
• 画像生成はブラウザで操作する外部の生成AIに依存しており、結果は変動します。各画像の忠実度を確認してください。
• コンポーネントの配置は 1920×1080 を想定しています；非常に長いテキストはサイズ調整が必要です。