ojosuevfx/cartaz-historico-motion

CARTAZ HISTÓRICO — Mini-Dokumentation animiert in editorialer Collage

Entstanden aus einer echten 35-minütigen Mini-Doku, bei der 87 % der Zeitleiste animiert wurden. Jede Regel unten stammt aus einer Korrektur, die während dieser Arbeit vorgenommen wurde. Bevor Sie beginnen, schauen Sie in assets/: cenas-pessoas.jpg, cenas-fatos.jpg, aviso-e-continua.jpg, demo.mp4. Die Demo zeigt die Französische Revolution nur, um die Szenentypen zu veranschaulichen, mit den originalen Kunstwerken anstelle von Nachbildungen.

• Wann welche Szene und Komponente verwendet wird: references/catalogo-cenas.md
• Wie man die Bilder beschafft und nachbildet: references/imagens.md
• Render, Premiere, After Effects und deren Fallstricke: references/entrega.md
• Remotion-Engine: references/motor/ (src/kit.tsx und src/colagem.tsx Primitive; src/palco.tsx Kamera; src/cenas/ fertige Szenen; src/Molde.tsx Ausgangspunkt; src/Demo.tsx und src/Exemplos.tsx Beispiele; tools/ Segmente, Render und Kontaktbogen)
• Bildwerkzeuge: references/ferramentas/ (recorta.py, preenche.py, alfa_cheio.py, regioes.mjs)

Sagen Sie zu Beginn (ohne Bestätigung zu verlangen): „Ich wende den Stil CARTAZ HISTÓRICO an: mit der Sprache synchronisierte Animation auf etwa 80 % der Zeitleiste, originalgetreu nachempfundene Bilder aus echten Quellen, cremefarbenes Papier, Orange und Schwarz, ausgeliefert als Layer in Premiere.“

Kreative Autonomie

Erfinden Sie neue Szenen basierend auf dem, was der Sprecher sagt. Der Katalog lehrt eine Grammatik, keine abgeschlossene Liste: „Zeigen Sie dieselbe Initiative“ war die ursprüngliche Anweisung. Fragen Sie nur, wenn es die Bedeutung verändert (Name, Datum, Textpassage) oder wenn nur die Person selbst entscheiden kann (Name der Signatur, Text der Ankündigung, ein Bild mit Urheberrecht).

Was fest bleibt

• Palette (F im Kit): Papier #EFEBD8, Tinte #16110E, Orange #E0662A, helles Orange #F2A46B, dunkles Orange #B9501D, Weiß #FBF8EE. Weinrot #7E2328 nur für Verurteilung und feierliche Dokumente. Wenn ein anderer Akzent gewünscht wird, ändern Sie ihn in den Konstanten und behalten Sie einen einzigen bei: Der Stil begann in Blau und wurde mit einem Satz zu Orange („anstelle von diesem Blau gehen wir zu einem Orange“).
• Typografie: Archivo Black in Großbuchstaben für Namen und Titel, Archivo für unterstützenden Text, Roboto Mono für Etiketten und Schriftarten. Merriweather nur in der Startankündigung und auf Textseiten.
• Wie der Text erscheint: Name und Titel mit Buchstaben, die in zufälliger Reihenfolge erscheinen (NomeLetras); unterstützender Text, der getippt wird (Digita, Mono); Jahr in einem Farbblock mit hochsteigenden Ziffern (AnoBloco); Zitat in Schreibmaschinenschrift.
• Nichts steht still: Jedes Bild hat einen leichten Push-In oder eine langsame Schwenkbewegung; Erklärungen leben in Stage, mit einer Kamera, die sich bewegt und atmet.
• Schnitt: Szene beginnt und endet mit einem Schnitt (CORTE_SECO = true), ohne Whip, Überblendung oder Unschärfeübergang. Innerhalb der Szene animieren Buchstaben, Blöcke und Linien weiter. Nur die Startankündigung verwendet eine Überblendung.
• Synchronität: Jeder Text erscheint mit dem gesprochenen Wort, mit dem Timing von Whisper. Die Zeiten im Code sind die der Zeitleiste, in Sekunden, damit der Schnittprotokoll direkt im Code lesbar ist.
• Eine Idee pro Frame. Kein Rahmen, kein Symbol, keine Cartoonisierung: nur Malerei, Foto oder Gravur, Typografie und Farbblöcke.

Die Regeln (alle stammen aus Korrekturen)

Abdeckung

1. Etwa 80 % der Zeitleiste in Animation. Der Moderator erscheint in den Atempausen: persönliches Argument, direkte Frage an den Zuschauer, einprägsamer Satz. Markieren Sie diese Passagen im Schnittprotokoll und lassen Sie sie ohne <Whip>.
2. Wer Animation bekommt: Wenn die Person zitiert wird und der Text sich danach mit ihr befasst, erhält sie eine Einführungsszene. Flüchtige Zitate bleiben ohne Animation.
3. B-Roll mit echtem Video nur zur Kontextualisierung auf einer eigenen Spur darüber, damit der Editor in Premiere zwischen ihm und der Animation wählen kann.

Bilder

4. Quelle immer echt. Gemälde, Foto, Dokument oder Gravur des Ereignisses oder der Person selbst, in hoher Auflösung.
5. Originalgetreu nachempfunden im Bildgenerator, basierend auf dem echten Bild, in 16:9 und mit einer freien Seite für den Text. Der Generator rekonstruiert und stilisiert das Kunstwerk; er erfindet keine Szene. Vergleichen Sie Seite an Seite mit dem Original, bevor Sie es verwenden: Eine „Nachbildung“ enthielt bereits eine Flagge, die das Original nicht hat, und eine andere wechselte von der Profil- zur Dreiviertelansicht. Wenn es nicht besteht, verwenden Sie das echte Kunstwerk mit Ausschnitt, Duotone oder Crop.
6. Keine generischen KI-Bilder. Aus dem Nichts generierte Giftflaschen oder Bücher wurden abgelehnt. Hintergrund darf generiert sein (Papier, orangefarbenes Plakat, Duotone-Banner). Personen und Ereignisse nicht.
7. Keine Unschärfe, um Platz zu schaffen („Ich möchte keine Bilder mit diesen Unschärfen“) und kein rohes Foto als Rechteck eingefügt. Wenn kein Platz ist, bilden Sie das Bild mit der freien Seite nach.
8. Rechte einzeln abklären. Bevorzugen Sie gemeinfreie Werke und notieren Sie die Quellenangaben. Material mit Urheberrecht: Weisen Sie darauf hin und verwenden Sie es erst, nachdem die Person im Chat die Verantwortung übernommen hat.

Text auf dem Bildschirm

9. Nie über einem Gesicht. Nie ein Text über dem anderen. Beim Wechsel erscheint ein Text erst, wenn der vorherige bereits verschwunden ist; überprüfen Sie nach der Bearbeitung auch die Übergangsframes.
10. Kein Trockenstempel. Ein „NEIN“ frei und gedreht „erscheint trocken und sinnlos“. Wenn die Fakten zeitlich verknüpft sind, verwenden Sie die Zeitleiste.
11. Namen, Daten und Zitate überprüft, bevor sie auf den Bildschirm kommen. Wenn der Sprecher einen Fehler macht (z. B. eine Papstnummer), behalten Sie das Audio bei, zeigen Sie das Richtige und weisen Sie darauf hin. Wenn die Quellen abweichen, zeigen Sie nur das Sichere („September 1875“ statt des Tages).
12. Zitat mit Quellenangabe auf dem Bildschirm. Paraphrase wird als Paraphrase gekennzeichnet. Eigene Übersetzung erhält eine Notiz, die angibt, woher das Original stammt.

Personen

13. Eine einzelne Person, die der Text entwickelt erhält eine eigene Szene: Gemälde in voller Bildschirmgröße (RetratoPintado) oder Siebdruck, der zurückweicht, während der Name dahinter erscheint (Serigrafia).
14. Gruppenpanel nur mit mehr als einer Person, wenn der Text jemanden, der bereits erwähnt wurde, mit einer neuen Person zusammenbringt, die nicht vertieft wird. Das Panel endet auf Schulterhöhe der Figuren. „Nichts Generisches.“
15. Niemand in der Ecke und kein Aufkleber mit Umriss plus riesigem Namen („geschmacklos“, „kitschig“). Das Bild füllt den Bildschirm.

Struktur

16. Themenwechsel erfordert eine Kapitelkarte.
17. Datum und Ereignis: Historisches Gemälde in voller Bildschirmgröße, mit Titel in weißer Grotesk-Schrift und Jahreszahlen in Blöcken, verbunden durch eine gepunktete Linie.
18. Ende mit Cliffhanger: Wenn die Geschichte weitergeht, schließen Sie mit der Karte Continua.
19. Startankündigung nur auf Wunsch, mit wahrheitsgemäßem Text über das Video.

Ablauf

1. Inspizieren Sie Premiere, ohne etwas zu ändern: Sequenz, Spuren, Bildrate. Der Schnitt ist bereits protokolliert.
2. Transkribieren Sie die Zeitleiste wortweise mit Whisper, im Takt der Sequenz, nicht des Rohmaterials.
3. Erstellen Sie ein Schnittprotokoll als CSV: id;inicio;fim;tipo;fala;na_tela. Jede Äußerung erhält einen Typ aus dem Katalog oder „câmera“. Addieren Sie die Abdeckung und kommen Sie nahe an 80 %. Unterteilen Sie in Kapitel.
4. Überprüfen Sie die Fakten von allem, was auf den Bildschirm kommt, und notieren Sie, was der Sprecher falsch gesagt hat.
5. Sammeln und bilden Sie die Bilder nach (references/imagens.md). Zeigen Sie die wichtigsten, bevor Sie darauf animieren.
6. Erstellen Sie das Projekt: Kopieren Sie die Engine in den Videoordner und installieren Sie sie. Wenn sich die Skill woanders befindet, passen Sie den Pfad an:

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

7. Animieren Sie Kapitel für Kapitel. Duplizieren Sie Molde und benennen Sie die Komponente und die Konstanten um (Cap01, C1_T0, C1_T1). Schreiben Sie die Zeiten der Zeitleiste und registrieren Sie sie in Root. Um die verwendeten Props zu sehen, öffnen Sie Demo.tsx und Exemplos.tsx.
8. Überprüfen Sie jedes Kapitel mit einem Kontaktbogen, bevor Sie es zeigen. Achten Sie auf abgeschnittenen Text, Text über Gesichtern, Text über Text und Etiketten, die aus dem Bildschirm ragen.

   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. Senden Sie den Entwurf mit der Stimme und warten Sie auf das „weiter so“. Das Hinzufügen des Audiomaterials hilft dem Genehmigenden bei der Beurteilung des Timings:

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

10. Finaler Render und Premiere erst nach Genehmigung (references/entrega.md): nur die animierten Abschnitte, in ProRes 4444 XQ mit Alphakanal, jeder zu seiner Zeit, auf einer Spur über dem Moderator.
11. Liefern Sie ab mit Angabe, was geprüft wurde, was der Sprecher falsch gesagt hat, was ausgelassen wurde und den Quellenangaben. Sagen Sie auch, was nicht angesehen wurde: Einzelbilder zu prüfen ist nicht dasselbe wie die gesamte Zeitleiste anzusehen.

Bekannte Grenzen

• Wurde nur mit 1920×1080 bei 30 fps verwendet. Hochformat wurde nicht getestet.
• Die finale Nachbearbeitung (Posterisierung und Halbton) wurde in After Effects mit Sapphire, einem kostenpflichtigen Plugin, durchgeführt. Sie ist optional und nicht im Remotion-Render enthalten.
• Aufwändiger Render: Eine 35-minütige Doku dauerte etwa 3 Stunden und 156 GB mit GPU, in ProRes 4444 XQ bei 1080p.
• Die Bildgenerierung hängt von einem externen Generator ab, der im Browser bedient wird, und die Ergebnisse variieren. Überprüfen Sie die Genauigkeit jedes Bildes.
• Die Komponenten haben Positionen, die für 1920×1080 optimiert sind; sehr lange Texte erfordern eine Größenanpassung.