홍보 영상 룩: 苹果风格 및 华章版
기관 홍보 영상을 위한 두 가지 완성된 스타일 템플릿입니다. 빈 Remotion 프로젝트 대신 작동하는 엔진에서 시작하세요.
- 苹果风格 (glass): 애플 스타일 프로스트 글라스. 샷별로 흰색/하늘색/파란색 배경, 노란색 악센트, 优设标题黑 타이틀, 둥근 프레임리스 사진, 그리고 유리 뒤의 실시간 데이터 그래픽.
references/glass.md를 읽으세요. - 华章版 (aurum, Aurum Nocturne): 미드나잇 래커 배경, 샴페인 타입 및 골드 리프 타이틀. 금테 사진 프레임, 라이트 릭(light leaks) 및 약간의 렌즈 플레어가 추가됩니다.
references/aurum.md를 읽으세요.
하나의 코드베이스로 두 가지 모두 렌더링됩니다. 룩은 입력 프롭(--props=glass.json 또는 --props=aurum.json)으로 지정되므로, 동일한 타임라인과 씬을 두 가지 버전으로 배포할 수 있습니다.
룩 선택하기
기본값은 苹果风格입니다. 밝고 깔끔하며 국제적인 느낌으로, 입학 및 모집 영화에 가장 적합합니다. 华章版은 더 어둡고 의전적인 분위기입니다. 기념일, 갈라, 시상식 및 프리미엄 브랜드 영화에 제공하거나, 사용자가 华丽 / 黑金 / luxury를 요청할 때 제공하세요. 전체 영화를 렌더링하기 전에 몇 장의 스틸 컷을 보여주세요.
브랜드 팔레트가 파란색이 아닌 경우, 유리 엔진을 유지하고 토큰(looks.tsx의 glassVars, theme.ts의 GLASS)을 다시 색칠하세요. 처음부터 새 룩을 만들지 마세요.
새 영화 시작하기
python <skill-dir>/scripts/scaffold.py <new-project-dir>
그런 다음 프로젝트에서:
npm install
npx tsc --noEmit -p .
PROPS=glass.json bash qa.sh demo 30 150 268 320 460 520
데모 타임라인(src/scenes/Demo.tsx)은 각 시그니처 컴포넌트당 하나의 샷을 포함합니다. 변경 전에 두 가지 룩으로 스틸 컷을 렌더링하여 이 머신에서 글꼴과 브라우저가 작동하는지 확인하세요.
설정 참고 사항:
- 글꼴은 스킬과 함께 재배포되지 않습니다.
assets/fonts/README.md에는 각 파일, 출처 및 라이선스가 나열되어 있습니다. 스캐폴드는assets/fonts/에 있는 모든 것을 복사합니다. 누락된 글꼴은 렌더링을 중단시키지 않고 대체됩니다. - 브라우저:
remotion.config.ts는 로컬 Edge가 존재할 경우 이를 가리키는데, 일부 네트워크에서는 Chrome Headless Shell이 다운로드되지 않을 수 있기 때문입니다. - 셸: 스크립트는 bash이며,
PROPS=… bash qa.sh는 bash 구문입니다. Windows에서는 Git Bash에서 실행하세요. PowerShell에서는 Git Bash를 명시적으로 호출하세요. 예:& "C:\Program Files\Git\bin\bash.exe" -c "PROPS=glass.json bash qa.sh demo 30 150"(일반bash는 WSL을 시작할 수 있으므로).
템플릿 구성:
| 파일 | 역할 | 영화당 편집? |
|---|---|---|
src/config.ts | 길이, SHOTS(샷별 톤, 타이틀 측면, 칩), CHAPTERS(모티프, 고스트 단어), FORMULAS, BRAND | 예 |
src/scenes/*.tsx | 영화: 장당 하나의 파일, 키트 컴포넌트로 구성됨 | 예 |
src/kit.tsx | Scene, Ground, Night, Card, Print, DocPage, Caption, Rise, En, Rule, Heading, ChapterCard, useCount, StatHit, MaskTitle, CardRail, FeatureCard | 드물게 |
src/looks.tsx | 두 룩 모두에 대한 배경, 전환, 사진 프레임 및 조명 | 드물게 |
src/glassfx.tsx | 유리 디테일 레이어: 모티프, 디스크, 칩, 고스트 단어, 보케, 가장자리 혜성 | 드물게 |
src/theme.ts | 토큰 C, 글꼴 F, FOIL, 이징 EZ, r(), mix() | 드물게 |
src/Film.tsx | 마스터 타임라인, GLASS_CSS, VO / SFX 연결 | 예 (와이어링) |
씬은 룩과 무관해야 합니다. 색상은 C.* 토큰을 통해서만, 타입은 F.*를 통해서만, 사진은 Print를 통해, 패널은 Card 또는 C.card / C.fill을 통해서만 사용하세요. 씬에서 16진수 색상을 하드코딩하지 마세요. 동일한 씬이 파란색-흰색, 잉크-흰색 및 금색-미드나잇으로 렌더링되어야 합니다.
워크플로우
- 내레이션 타이밍.
- VO(예: Whisper 워드 타임스탬프)를 정렬하고 청크 시간을 기록하세요.
- 모든
Scene은 절대 VO 초에 위치합니다. 인접한 씬은 약 0.35초 겹칩니다. - 요소 시간(
t0,at)도 절대 초입니다. 즉, 내레이터가 해당 단어를 말하는 순간입니다. 텍스트가 음성과 동시에 도착해야 영화가 애니메이션처럼 보이지 않고 편집된 느낌이 듭니다.
- 샷 테이블.
config.ts의 씬마다SHOTS행을 하나씩 추가하세요.- 인접한 샷이 다르도록 톤을 번갈아 가며 사용하세요.
- 타이틀(
head)을 콘텐츠가 비어 있는 쪽에 배치하세요. - 전체 화면 또는 블렌드 모드 샷은
flat으로 표시하세요.
- 키트 컴포넌트로 씬 구축. 이미 작동하는 패턴은 참조에 있습니다. 예:
- 밀집된 수치를 위한 거의 전체 화면 카드 레일
- 한 번에 떨어지는 헤드라인 숫자
- 텍스트 마스크 오프너
- QA 스틸 컷 (
qa.sh) 모든 샷의 가장 바쁜 순간에, 배송할 모든 룩으로. 직접 확인하세요.references/pipeline.md의 체크리스트를 참조하세요. - 마스터
master.sh사용: −16 LUFS, h264 crf 17, AAC 320k. 그런 다음verify.sh숫자를 보고하세요. - 배송 후 수정.
segment.sh로 변경된 범위만 다시 렌더링하세요. 마스터에서 오디오를 가져와 음량이 일치하고, 두 스플라이스 프레임이 마스터와 같은지 확인합니다.
디자인 원칙
두 룩을 유지하게 만드는 원칙입니다. 각 원칙 뒤에는 이유가 있습니다. 이유가 규칙보다 더 중요하기 때문입니다.
- 자막과 음악을 위한 공간을 남겨두세요. VO와 SFX만 제공하고, 요청이 없는 한 자막이나 BGM을 넣지 마세요. 기관은 보통 통일된 자막과 음악을 나중에 추가하므로, 하단 밴드(약 y > 950)는 중요한 콘텐츠로부터 비워둡니다.
- 프레임 상단을 깔끔하게 유지하세요. 장식용 영어 러닝 헤드, 챕터 키커 및 HUD 라인은 중국어 사용자에게 혼란으로 읽힙니다. glass에서는 키커가 이미 꺼져 있고,
BRAND는 기본적으로 비어 있습니다. 타이틀 아래의 영어 설명은 괜찮습니다. - 슬라이드 덱 스타일을 피하세요. 프로스트 레이아웃만으로는 PowerPoint처럼 보입니다. 모든 glass 샷은 콘텐츠 뒤에 느린 레이어(모티프, 디스크, 고스트 단어 및 전면 보케, 콘텐츠 평면의 느린 3D 회전)를 포함합니다. 인접한 샷은 배경을 번갈아 가며 사용합니다. 이러한 레이어를 '정리'하기 위해 제거하지 마세요.
- 장식이 콘텐츠로 읽히지 않아야 합니다. 공식 칩은 숫자가 없는 순수 표기법이며, 약 60% 불투명도와 그림자 없음. "R² = 0.98"과 같은 칩은 기관에 대한 주장으로 읽힙니다.
- 가독성이 우아함보다 우선합니다. 카드가 밀집된 수치(연구 다이어그램, 결과)를 담을 때는 거의 전체 프레임을 사용하세요(
CardRail). 작은 카드가 일렬로 있으면 읽을 수 없습니다. - 헤드라인 숫자는 한 번에 표시됩니다. 0에서 100%까지 긴 카운트업은 로딩 바로 읽힙니다. 헤드라인 숫자에는
StatHit을 사용하고, 일반 숫자에만useCount를 사용하세요. - 사람과 문서:
- 머리를 자르지 마세요. 모든 인물 사진의 자르기를 스틸 컷에서 확인하고
Print에서focus를 설정하여 수정하세요. - 영화 내에서 사진을 반복하지 마세요.
- 증명서와 저널 페이지는 (약간의 기울기도 없이) 완전히 직각으로 매달리며(
DocPage), 페이지의 실제 종횡비에 맞게 크기가 조정됩니다.
- 머리를 자르지 마세요. 모든 인물 사진의 자르기를 스틸 컷에서 확인하고
- 아이콘은 문자 그대로여야 합니다. 추상적인 그림보다는 교통 수단의 경우 정면에서 본 자동차와 같은 알아볼 수 있는 대상을 선호하세요.
- 기관의 콘텐츠는 데이터입니다. 사람, 사진, 이름 및 숫자는 제공된 그대로 정확하게 사용되며, 절대 만들어내지 않습니다. 원본 사진에 작업(배경, 색상)이 필요한 경우, 이웃과 일치시키고 렌더링하기 전에 스틸 컷을 보여주세요.
보고
확인한 사항을 숫자와 함께 보고하세요: 프레임 수, 디코드, 시간, LUFS, 피크 및 어떤 스틸 컷을 보았는지. 하지 않은 일(예: "전체를 시청하지 않음" 또는 "오디오를 듣지 않음")을 명확히 말하세요. 배송물의 이름은 <机构>宣传片_<版本>_无字幕无BGM_1080p25.mp4로 지정하세요. 교체 세그먼트는 <版本>_替换片段/ 폴더에 넣고, 시작 타임코드로 이름을 지정하세요(자세한 내용은 references/pipeline.md 참조).
참조
references/glass.md: 전체 苹果风格 사양. 토큰, 샷별 룩, 프로스트 표면, 전환, 디테일 레이어, 시그니처 동작 및 함정을 다룹니다.references/aurum.md: 전체 华章版 사양. 무대 레이어, 골드 리프 타입, 프레임, 라이트 릭, 플레어 및 대비 함정을 다룹니다.references/pipeline.md: VO 타이밍, SFX 신호 테이블, QA 체크리스트, 마스터링, 검증, 교체 세그먼트, 스플라이싱 및 배송 이름 지정.