새 B음원에 가사 자막을 넣었습니다
같은 12컷·같은 음원·같은 시작·끝 시간. 그림 비율을 유지하며 전체를 줄이고 아래 독립 공간에 12구절을 표시합니다.
무자막 B와 가사 자막본을 비교하세요
한 번에 한 음원만 듣습니다. 구절 버튼으로 두 영상을 같은 위치에 놓을 수 있습니다.
소리와 장면 시간은 무자막 B 그대로입니다. 달라진 것은 화면 안 그림의 크기와 자막입니다. 자막을 읽을 수 있다는 사실이 노래 발음 자체가 교정됐다는 뜻은 아닙니다.
캐릭터를 가리지 않는 배치
1280×720 프레임 안에서 전체 그림을 1045.333×588로 비율을 유지하며 줄였습니다. 자막은 그림 끝 588px보다 아래인 594–648px에 둡니다. 영상과 글자의 공간이 겹치지 않으므로 움직이는 얼굴·손·발을 덮지 않습니다. 그림을 자르거나 캐릭터를 다시 그리지 않았습니다.
글자 48px·Paperlogy 700·흰색·짙은 배경. 별도 글꼴 파일을 프로젝트에 포함했습니다. 스마트폰에서도 글자가 읽히는지 실제 재생하며 확인하세요.
실제로 만든 순서
- 기존 A·B 보존: 편집 파일·음원·MP4·ZIP이 바뀌지 않았는지 확인하고 별도 자막 프로젝트를 만들었습니다.
- 문구 선정: 자동 받아쓰기가 잘못 적은 이름·쏙쏙·후렴을 그대로 쓰지 않고 사용자가 채택한 B 입력 가사를 사용했습니다.
- 구절 나누기:6줄 가사를 12개 짧은 구절로 나눴습니다. 이름은 0.417–2.875초, 마지막 후렴은 24.750–27.667초에 표시합니다.
- 시각 맞추기: 원곡 가사가 들리는 시간에서 8초를 빼고 24fps 프레임에 맞췄습니다. 예를 들어 포장 구절은 21.88−8≈13.88초, 333프레임인 13.875초부터입니다. 이름과 후렴의 음절별 시각은 추정으로 남겼습니다.
- 영역 분리: 캐릭터 위에 자막을 올리지 않고 전체 그림과 자막 공간을 분리했습니다. 일부 장면에서만 위아래로 자막이 튀는 방식은 쓰지 않았습니다.
- 편집 가능하게 구성: Captions(자막) 줄에 Lyric(가사 구절) 12개를 만들고 SRT·CSV·JSON도 저장했습니다.
- 검사와 출력: 글꼴·대비·배치 검사, 12구절 화면 확인, 시작·끝의 화면 28개를 검사했습니다. 자막이 늦게 사라져 남지 않는지 확인하고 30초 MP4를 출력했습니다. 무자막 B와 실제로 저장된 소리도 같습니다.
직접 자막 한 구절을 조절합니다
- 프로젝트를 받아 폴더에서
npm run dev실행. Node.js 22 이상·FFmpeg 필요. 이 PC의 실행 주소는 위 버튼입니다. - 왼쪽 Compositions에서 captions를 엽니다. 아래 한 줄 타임라인의 Lyric 01–12 중 한 구절을 선택합니다.
- 클립의 시작·끝을 조절하고 글자 크기·위치를 확인합니다. 그림 위 글자를 바로 편집하려고 할 때 생성 요소로 인식되는 경우가 있어, 자막 구성 파일에서 편집하는 순서로 안내합니다.
- Master로 돌아와 전체 그림·노래·자막을 함께 재생합니다. 구절이 너무 빨리 뜨거나 늦게 사라지는지 확인합니다. 잘못 바꿨으면 Undo(실행 취소)를 누릅니다.
- 지금 글자 영역은 그림과 6px 떨어져 있습니다. 위치나 크기를 바꾸면 캐릭터를 가리는지, 읽기 편한지를 다시 확인합니다. Auto-record가 켜져 원하지 않은 위치 변화가 기록되지 않았는지도 봅니다.
lyric-07의 시작만 0.2초 늦추고 종료 시각은 유지해 줘. 앞뒤 구절과 겹치지 않는지 확인하고 Master에서 노래와 함께 재생해 줘. 캐릭터와 자막 영역은 분리한 채 유지하고 바뀐 SRT·CSV도 다시 내보내 줘.
SRT·CSV·JSON은 전달 시각의 기준표입니다. 편집기에서 바꾸면 저절로 바뀌지 않으므로 수정 후 다시 내보내야 합니다.
구절별 시간표 · 검토 기준
검사에는 자막12구절이 한 줄에 모였다는 안내1개가 남았습니다. 실제 글자 겹침이나 실행 오류가 아니므로, 한눈에 편집하기 위해 유지했습니다. 경고의 내용을 읽고 이유를 판단하는 사례로 다룹니다.
| 구절 | B본 시각 | 자막 |
|---|---|---|
| lyric-01 | 0.417–2.875 | 고미! 구미! 마루! |
| lyric-02 | 2.875–5.375 | 무안으로 출발! |
| lyric-03 | 5.375–7.333 | 밭에서 고구마를 |
| lyric-04 | 7.333–9.167 | 쏙쏙 찾아요 |
| lyric-05 | 9.167–11.458 | 교실에서 구워요 |
| lyric-06 | 11.458–13.875 | 달콤한 고구마 |
| lyric-07 | 13.875–16.125 | 우리 손으로 포장해 |
| lyric-08 | 16.125–18.125 | 꿈을 담아요 |
| lyric-09 | 18.125–20.292 | 장터에서 나눠요 |
| lyric-10 | 20.292–22.458 | 모두 함께 웃어요 |
| lyric-11 | 22.458–24.750 | 에이! 에이! 에이! |
| lyric-12 | 24.750–27.667 | 고구마 삼형제! |
0–0.417초와 27.667–30초에는 가사 자막이 없습니다. 가사가 들리는 시간은 자동 받아쓰기로 추정했으며 실제 이름·후렴을 들으며 추가 조절할 수 있습니다. 생성된 커버 자막이나 자동으로 받아쓴 글만 보고 정확하다고 판정하지 않습니다.