전환·효과 · 9초

필름 빛 번짐 오프닝

어두운 갈색 바탕 위로 주황·분홍·금빛 빛 덩어리가 화면을 가로질러 흐르고, 흐릿하게 퍼져 있던 제목 글자가 가운데로 모이며 또렷해집니다. 필름 결 점무늬가 0.08초마다 바뀌고 가장자리는 어둡게 눌려 옛 필름 카메라 느낌이 납니다.

이럴 때 쓰세요

수강생 작품전·수료식 영상 첫머리
한 학기를 돌아보는 회고 영상 오프닝
감성적인 원데이 클래스 소개 영상의 제목 장면

「여기만 고치세요」 칸

제목: — 가운데 큰 제목 (\n 으로 줄바꿈)
부제: — 제목 아래 작은 글
빛색: — 흘러가는 빛 덩어리 색 2~5개, 개수만큼 빛이 생깁니다
필름결: — 점무늬 진하기 0~1, 0이면 없음

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

이 레시피 파일의 SET 칸만 바꿔 줘. 제목: "캘리그라피 원데이 클래스" 부제: "붓 한 자루로 시작하는 두 시간" 빛색: 분홍과 보라 쪽으로 세 가지 필름결은 조금 약하게 0.5

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

알아 두면 좋은 점

빛색은 밝고 따뜻한 색일수록 잘 번집니다. 바탕이 어두워서 screen 섞기로 겹친 곳이 더 밝아집니다
점무늬와 빛의 움직임은 정해진 난수로 만들어서 몇 번을 뽑아도 같은 영상이 나옵니다
제목은 한 글자씩 나눠 모이게 했으므로 너무 길면 한 줄에 다 안 들어갑니다. 열두 자 안팎이 좋고, 길면 \n 으로 두 줄로

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