자막 카드 만들기

이 과정의 쇼츠는 "카드형"이에요

쇼츠 자동화는 AI로 영상 클립을 만드는 방식이에요. 이 과정은 더 가볍게 가요. 장면마다 글자가 들어간 카드 한 장 + 음성을 이어 붙이는 방식이에요. 영상 생성 크레딧이 들지 않고, 책 문장이 주인공이라 글자가 잘 보이는 편이 좋아요.

카드를 만드는 방법은 이미 있어요. SNS 배포 자동화 4강이 HTML 템플릿 한 장을 이미지로 찍어 카드를 만드는 법을 다뤄요. 여기서는 그 방법을 세로 1080×1920 크기로 써요. 쇼츠는 세로 영상이고, 업로드 가능한 최대 해상도는 1080p라고 유튜브 도움말에 나와 있어요.

카드의 종류 세 가지

카드	역할	들어가는 것
본문 카드	장면마다 1장	자막 한 줄(12~18자), 시리즈 번호
시작 카드	후킹 장면	큰 글씨 후킹 문장
엔딩 카드	마지막 장면	책 표지, 책 제목, 구매 링크 안내

시리즈 번호는 모든 카드 한구석에 "책 속 한 문장 #001"처럼 작게 넣어요. 보는 사람은 시리즈임을 알고, 나는 편 관리가 쉬워져요.

따라하기 1: 브랜드 값과 템플릿

templates/brand.json을 만들어줘: 배경색, 글자색, 강조색 각 1개, 글꼴, 시리즈 이름("책 속 한 문장"), 책 제목. 색은 내 책 표지 색에 어울리게 제안해 주고 내가 고를게. 그리고 templates/card.html을 만들어줘. 크기는 1080×1920, 가운데에 {{caption}} 자막, 아래쪽에 {{series}}. 하단 UI에 글자가 가리지 않게 자막은 화면 중앙에서 약간 아래에 둬줘. 글자는 길이에 따라 크기가 줄어들게(최대 3줄).

자막 위치는 쇼츠 화면 아래쪽에 버튼과 제목이 겹치기 때문에 너무 아래로 내리지 않는 편이 안전해요. 실제 폰에서 한 번 확인해요(7강에서 다시 봐요).

따라하기 2: 엔딩 카드와 표지

표지 이미지 파일(예: assets/cover.png)을 폴더에 넣어요. 표지는 내가 가진 이미지만 써요.

templates/ending.html을 만들어줘. 1080×1920. 위쪽에 assets/cover.png를 크게, 아래에 책 제목과 "더 읽고 싶다면" 한 줄, 맨 아래에 구매 안내 문구. 구매 링크는 book-info.md의 값을 쓰고, 영상 위에서는 눌러지지 않으니 "설명란 링크" 또는 "프로필 링크 확인"이라고 안내하게 해줘.

영상 안의 글자는 누를 수 없어요. 그래서 엔딩 카드는 "링크는 설명란에"로 안내하고, 실제 구매 링크는 8강에서 영상 설명에 넣어요.

따라하기 3: 카드 한꺼번에 굽기

scripts/render-cards.py를 만들어줘. picks/book-shorts-001.md 대본의 장면마다 templates/card.html에 자막을 넣어 Playwright로 스크린샷을 찍고 cards/001-01.png, 001-02.png … 로 저장해. 마지막 장면은 templates/ending.html로 001-end.png를 만들어. 끝나면 만들어진 파일 목록을 알려줘.

터미널로도 할 수 있어요. claude에서 같은 문장을 입력하고, 만든 뒤에는 python3 scripts/render-cards.py처럼 스크립트를 직접 실행해도 돼요. Playwright(자동 브라우저)가 처음 필요하면 클로드가 설치를 안내해요.

눈으로 확인할 것

• 자막이 잘리거나 3줄을 넘는 카드는 없는가
• 시리즈 번호가 모든 카드에 같은 위치에 있는가
• 엔딩 카드의 책 제목과 표지가 정확한가(오타가 있으면 책 홍보에서 가장 민망해요)
• 글자와 배경 대비가 충분한가

오늘의 체크리스트

• 1080×1920 카드 템플릿이 있다
• 확정 대본 한 편의 카드가 모두 만들어졌다
• 엔딩 카드에 표지와 안내가 있다

다음 강의

6강에서 카드 장면에 음성을 얹고 ffmpeg로 한 편의 영상으로 이어 붙여요.