전환·효과 · 7초

만화 집중선 + 쾅 글자

검정 바탕에 형광 노랑 집중선이 몰려들며 파르르 떨리고, 테두리 굵은 큰 글자가 크게 날아와 쾅 박히면서 화면이 번쩍·흔들립니다. 이어서 위 딱지와 아래 말풍선이 톡톡 붙고, 글자가 콩닥거립니다.

이럴 때 쓰세요

강의 중 꼭 기억할 한 가지를 짚을 때
실수하기 쉬운 부분을 경고할 때
퀴즈 정답 공개 순간

「여기만 고치세요」 칸

글자: — 쾅 박히는 큰 글자 (\n 줄바꿈)
위딱지: — 큰 글자 위 딱지, 비우면 없음
아래말: — 큰 글자 아래 흰 말풍선, 비우면 없음
선색: — 집중선·글자 그림자 색
배경색: — 바탕색
선개수: — 집중선 가닥 수 40~100

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

이 레시피 파일의 SET 칸만 바꿔 줘. 글자: "여기가 시험에 나와요!" 위딱지: "자격증 필기 꿀팁" 아래말: "저작권은 만든 순간 생긴다" 선색은 하늘색 #3AD7FF, 배경은 남색 #0B1030, 선개수 80

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

알아 두면 좋은 점

큰 글자는 210px라 한 줄에 여덟 자 정도가 알맞습니다. 길면 \n 으로 두 줄로 나누세요
집중선은 두 벌을 미리 그려 0.07초마다 번갈아 보여 주는 방식이라 렌더해도 떨림이 똑같이 나옵니다
쾅 순간(HIT 0.9초)에 효과음을 맞추면 훨씬 살아납니다

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