jeszhou/overlay-studio

What it solves

토크 영상 모션 제작 시 흔히 겪는 고충은 AI에게 색상 변경을 요청하면 레이아웃까지 바뀌거나, 수정할 때마다 오래 기다려야 하고, 매번 다시 생성할 때마다 스타일이 일관되지 않는다는 점입니다. Overlay Studio의 접근 방식은 모션을 미리 만들어두는 것입니다. 조정 및 검증된 20개의 모션 카드가 라이브러리에 준비되어 있으며, AI는 자막을 읽고 어떤 문장에 어떤 카드를 배치할지, 몇 초에 시작하고 끝낼지만 결정합니다. 이후 모든 수정은 시각적 편집기에서 이루어지며 위치, 크기, 색상, 폰트, 속도를 개별적으로 조정할 수 있습니다. 다른 부분은 1픽셀도 변하지 않으며 5초 만에 결과가 반영되고 토큰 소모도 없습니다.

How it works

전체 워크플로우는 다음과 같습니다. 먼저 SRT 자막을 내보낸 후 AI(저장소 내장 overlay-fx-generator 스킬)에 전달하면, AI가 의미론에 따라 문장과 모션 카드를 매칭하고 타임라인을 자동으로 정렬한 오케스트레이션 JSON을 생성합니다. 이 JSON은 Studio에서 가져오기, 미리보기, 수동 조정이 가능하며, 내장된 검사기를 통해 자리 표시자 텍스트나 타임라인 초과 등의 문제를 확인할 수 있습니다. 마지막으로 내보내기를 클릭하면 헤드리스 Chrome이 프레임별로 렌더링하여 29.97fps의 투명 MOV 또는 WebM을 출력합니다. 이를 剪映으로 드래그하여 원본 영상 위에 얹기만 하면 원본 영상의 화질 저하가 전혀 없습니다.

편집기에서는 실시간 미리보기, 타임라인, 매개변수 패널을 제공하며 모든 조정은 슬라이더와 드롭다운으로 이루어져 코드를 건드릴 필요가 없습니다. 각 카드는 독립적인 컴포넌트이며 설정 파일에서 수정할 수 있습니다. 저장소에는 (라이선스 문제로) 폰트 파일이 포함되어 있지 않지만, 15개의 기본 효과음이 제공되어 카드에 자동으로 효과음을 입힐 수 있습니다.

Who it’s for

주로 매주 업데이트하는 토크/지식 분야 크리에이터, 특히 잦은 업데이트를 통해 소재 라이브러리를 쌓고 사용할수록 손에 익는 분들을 대상으로 합니다. 비교 대상인 베이스라인은 '거대 모델과의 대화를 통한 모션 엔지니어링' 워크플로우이며, 剪映 템플릿이 아닙니다. 또한 모션 스타일을 직접 제어하고 싶고 매번 복불복인 AI 도구를 사용하고 싶지 않은 분들에게 적합합니다.

Highlights

• 20가지 모션 카드: 챕터 진행률 바, 이중 자막, 요점 보드, 디지털 원형, 2단 비교, 명언 고정, 단계 타임라인, 용어 카드, UI 주석, 텍스트 등장, 이름표, 카메라 워크 및 터미널 데모 등 11개 용도 그룹 포함
• 시각적 편집기: 실시간 미리보기, 타임라인, 매개변수 패널 제공. 드래그, 확대/축소, 색상 변경, 카드 변경 모두 슬라이더와 드롭다운으로 조작
• AI 의미론적 오케스트레이션: SRT를 AI에 전달하면 전체 영상의 오케스트레이션 JSON을 자동 생성하고 문장 단위로 타임라인 정렬
• 오케스트레이션 검사기: 자리 표시자 텍스트, 타임라인 초과, 플래시, 빈 구간 등을 자동 검사하며 원클릭으로 무시 가능
• 투명 레이어 내보내기: 헤드리스 Chrome을 통한 프레임별 렌더링으로 29.97fps 투명 MOV/WebM 출력, 剪映으로 직접 가져오기
• JSON 파일 하나로 영상 전체 정의: diff 가능, 수동 수정 가능, 재사용 가능. 색상 변경 시 필드 하나만 수정하면 됨