전환·효과 · 8초

글리치 제목

어두운 화면에 제목이 지지직 켜지며 빨강·청록 두 겹이 엇갈리고, 가로로 잘린 띠들이 좌우로 밀리고 잡음 줄이 스칩니다. 2.4초에 딱 맞춰지며 정착하고 부제가 들어온 뒤, 한 번 더 짧게 지지직거립니다.

이럴 때 쓰세요

AI·디지털 과정 모집 영상의 제목
새 시즌·새 기수 시작을 알릴 때
유튜브 강의 시리즈 오프닝

「여기만 고치세요」 칸

제목: — 지지직거리다 맞춰지는 큰 제목
부제: — 정착 뒤 나오는 작은 글
세기: — 흔들림 세기 (0.5 얌전 ~ 1.5 세게)
색1: — 어긋나는 첫째 겹 색
색2: — 어긋나는 둘째 겹 색

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

이 레시피 파일의 SET 칸만 바꿔 줘. 제목: "코딩 없이 앱 만들기" 부제: "4주 과정 · 얼리버드 마감 D-3" 세기는 조금 얌전하게 0.7 색1은 보라 #B14CFF, 색2는 연두 #6CFF7A

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

알아 두면 좋은 점

떨림 값은 모두 정해진 난수(seed 404)라서 미리 보기와 렌더 결과가 같습니다. 다른 떨림을 원하면 mulberry32(404)의 숫자만 바꾸세요
제목은 190px 한 줄이라 열 자 안팎이 좋습니다
배경이 밝으면 빨강·청록 겹이 잘 안 보입니다. 어두운 바탕을 유지하세요

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