글자·자막 · 10초 · 세로

세로 쇼츠 말자막

1080×1920 세로 화면이에요. 위에 큰 제목, 가운데 사진(천천히 다가가기), 아래 남색 자막 상자가 정해 둔 초마다 톡 올라오며 바뀝니다. **두 별표** 사이 낱말은 노랗게 강조되고 한 번 통 튀어요.

이럴 때 쓰세요

유튜브 쇼츠·인스타 릴스
카톡으로 보내는 짧은 안내 영상
30초 꿀팁

「여기만 고치세요」 칸

제목: — \n 으로 줄 바꿈
사진: — 가운데 사진 파일. 비우면 그림
자막: — [나타날 초, 글자] 묶음. **별표 두 개** 사이는 노란 강조

파일을 건네며 AI에게 이렇게 말해 보세요

첨부한 세로 쇼츠 레시피로 «카톡 글씨 크게 하기» 쇼츠를 만들어 줘. 자막은 네 줄, 2초 간격으로. 가운데 사진은 assets/카톡설정.jpg 를 써 줘.

Claude Code·Codex·안티그래비티처럼 파일을 고치고 명령을 실행할 수 있는 AI에게 건네세요.

알아 두면 좋은 점

자막 한 줄은 열네 글자 안쪽. 세로 화면은 생각보다 좁아요.
목소리를 넣는다면 자막 초를 말하는 시각에 맞추세요.

원본 HTML

로그인하면 이 영상을 만든 HTML 파일을 그대로 받을 수 있어요.
회원가입은 무료예요.

로그인하고 원본 받기

내 컴퓨터에서 직접 돌려 보기

AI에게 맡기지 않고 직접 해 보려면 터미널에서 아래 순서대로 하세요. 하이퍼프레임즈(HyperFrames)는 HTML을 영상으로 바꿔 주는 무료 도구예요.

# 1) 처음 한 번만: Node.js 설치 (nodejs.org 에서 LTS)
#    + FFmpeg 설치 (맥: brew install ffmpeg / 윈도우: winget install Gyan.FFmpeg)
#    준비됐는지 확인: npx hyperframes doctor  → FFmpeg·Chrome 줄이 ✓ 면 OK
# 2) 영상 폴더 만들기
npx hyperframes init 내영상
cd 내영상
# 3) 받은 레시피 파일을 이 폴더의 index.html 자리에 덮어쓰기
# 4) 미리 보기 → 영상 뽑기
npx hyperframes preview
npx hyperframes render -o 결과.mp4