osuevfx/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 in kit): 종이 #EFEBD8, 먹 #16110E, 오렌지 #E0662A, 연한 오렌지 #F2A46B, 진한 오렌지 #B9501D, 흰색 #FBF8EE. 버건디 #7E2328는 비난 및 엄숙한 문서에만 사용합니다. 다른 악센트 색상을 요청받으면 상수에서 변경하고 하나만 유지하세요: 이 스타일은 처음에 파란색이었다가 "파란색 대신 오렌지로 가자"는 한마디로 오렌지가 되었습니다.
• 타이포그래피: 이름 및 제목에는 Archivo Black 대문자, 보조 텍스트에는 Archivo, 레이블 및 출처에는 Roboto Mono. Merriweather는 시작 고지 및 텍스트 페이지에만 사용합니다.
• 텍스트 등장 방식: 이름 및 제목은 무작위 순서로 흩어진 글자(NomeLetras); 작은 보조 텍스트는 타이핑(Digita, Mono); 연도는 숫자가 올라가는 컬러 블록(AnoBloco); 인용문은 타자기 스타일.
• 정지된 것 없음: 모든 이미지에는 느린 푸시인 또는 팬이 적용됩니다; 설명은 Stage에 있으며, 카메라는 움직이며 숨을 쉽니다.
• 드라이 컷: 장면은 컷으로 진입 및 종료(CORTE_SECO = true), 채찍, 페이드, 또는 전환 블러 없음. 장면 내에서 글자, 블록, 선은 계속 애니메이션됩니다. 시작 고지만 페이드를 사용합니다.
• 동기화: 각 텍스트는 Whisper의 시간에 따라 음성 단어에 맞춰 등장합니다. 코드의 시간은 타임라인의 시간(초)으로, 코드 자체에서 컷 목록을 읽을 수 있습니다.
• 프레임당 하나의 아이디어. 프레임, 아이콘, 만화화 없음: 그림, 사진 또는 판화, 타이포그래피, 컬러 블록만 사용.

규칙 (모든 규칙은 수정 사항에서 비롯되었습니다)

커버리지

1. 타임라인의 약 80%를 애니메이션으로 처리. 발표자는 숨 고르는 부분에 등장: 개인적인 의견, 시청자에 대한 직접적인 질문, 임팩트 있는 문장. 컷 목록에서 해당 부분을 표시하고 <Whip> 없이 남겨둡니다.
2. 애니메이션 대상: 인물이 언급되고 내레이션이 그 인물에 대해 이야기하기 시작하면, 소개 장면을 얻습니다. 스치듯 인용되는 경우 애니메이션 없음.
3. 실제 비디오 B-roll은 맥락화에만 사용, 별도의 상단 트랙에 배치하여 편집자가 Premiere에서 비디오와 애니메이션 사이를 선택할 수 있도록 합니다.

이미지

4. 항상 실제 출처. 해당 사실이나 인물 자체의 그림, 사진, 문서 또는 판화를 고해상도로 사용.
5. 충실하게 재현 실제 이미지를 바탕으로 이미지 생성기에서 16:9 비율로 재현하고 텍스트를 위한 여백을 확보합니다. 생성기는 작품을 재구성하고 스타일링합니다; 장면을 발명하지 않습니다. 사용하기 전에 원본과 나란히 비교하세요: 한 "재현"은 원작에 없는 깃발을 추가했고, 다른 하나는 측면을 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에서만 사용되었습니다. 세로 형식은 테스트되지 않았습니다.
• 최종 마감(포스터라이즈 및 하프톤)은 유료 플러그인 Sapphire를 사용하여 After Effects에서 수행되었습니다. 선택 사항이며 Remotion 렌더링에 포함되지 않습니다.
• 무거운 렌더링: 35분 분량의 다큐멘터리는 GPU를 사용하여 ProRes 4444 XQ 1080p로 렌더링하는 데 약 3시간과 156GB가 소요되었습니다.
• 이미지 생성은 브라우저에서 작동하는 외부 생성기에 의존하며 결과가 다를 수 있습니다. 각 이미지의 충실도를 확인하세요.
• 컴포넌트는 1920×1080에 맞춰 설계되었습니다. 매우 긴 텍스트는 크기 조정이 필요할 수 있습니다.