영상 레시피 전체로그인하고 원본 받기
글자·자막 · 7초
손그림 빨간 동그라미
문장이 나타난 뒤 [ ] 로 표시한 낱말 둘레에 빨간 펜이 한 바퀴 돌아요. 시작과 끝이 살짝 겹치고 한쪽이 조금 기울어서 사람 손으로 그린 느낌이 납니다. 글자 길이가 달라도 동그라미가 알아서 맞춰져요.
이럴 때 쓰세요
- «바로 여기!» 하고 짚어 줄 때
- 반전·놀라운 사실
- 화면 속 버튼·숫자 강조
「여기만 고치세요」 칸
- 위글자
- — 위쪽 작은 문장
- 문장
- — [ ] 안 글자에 동그라미 (여러 군데 가능, 1초 간격으로 차례로)
- 펜색 · 그리는시간
- — 선 색과 한 바퀴 도는 시간(초)
파일을 건네며 AI에게 이렇게 말해 보세요
첨부한 손그림 동그라미 레시피에서 문장을 "버튼은 [오른쪽 위]에 있어요"로 바꾸고, 펜색은 파랑(#2563EB)으로 해 줘.
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이 연출을 쓴 스마택트 영상
내 생애 첫 AI 교실 1편 — AI, 챗GPT, 생성형 AI는 같은 말일까?