글자·자막 · 9초

키네틱 타이포

보라 그라데이션 위로 낱말이 하나씩 크게 회전하며 화면 밖에서 날아와 제자리에 쿵 쌓입니다. 강조 낱말은 민트 상자가 쓱 깔리며 글자 색이 뒤집히고, 마지막에 문장 전체가 한 덩어리로 휙 물러나며 꼬리말이 붙습니다.

이럴 때 쓰세요

수료식·마지막 수업의 응원 한마디
과정 소개 영상의 핵심 메시지
강의 시작 전 오늘의 문장

「여기만 고치세요」 칸

낱말: — [낱말, 강조여부] 목록 — true 는 색 반전 상자
꼬리말: — 마지막 아래 작은 글, 비우면 없음
배경색: — 그라데이션 세 색
강조색: — 강조 낱말 상자 색
강조글자색: — 강조 낱말 글자 색
낱말간격: — 낱말이 날아오는 간격(초)

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

이 레시피 파일의 SET 칸만 바꿔 줘. 낱말: 「오늘 / 배운 것 하나면 / 충분합니다」 — '충분합니다'만 강조 꼬리말: "— 3주차 마무리" 배경색은 코랄+민트로 "#FF7F6B","#FF9E7A","#5FD6B6", 강조색은 흰색, 강조글자색은 "#E2553F" 낱말간격 0.8초

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

알아 두면 좋은 점

낱말은 미리 제자리를 잡아 두고 날아오므로, 처음부터 문장 전체 모양(몇 줄인지)이 정해집니다. 7~9낱말이 보기 좋습니다
날아오는 방향·회전은 정해진 난수(seed 33)라 매번 같습니다
낱말 수×낱말간격이 6초를 넘으면 data-duration 을 늘리세요

원본 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