등장·움직임 · 10초

등장 모양 8가지

같은 카드라도 나타나는 모양이 다르면 느낌이 달라져요. pop(톡), drop(뚝 떨어져 통통), left·right(옆에서 슝), stamp(도장처럼 쾅), zoom(작게서 확), grow(옆으로 쭉), fade(스르륵) 여덟 가지를 차례로 보여 줍니다. 파일 안의 ANIM 표는 다른 레시피에 그대로 복사해 쓸 수 있어요.

이럴 때 쓰세요

항목 여러 개를 하나씩 보여 줄 때
분위기를 고를 때 비교용
다른 레시피에 등장 효과를 옮겨 붙일 때

「여기만 고치세요」 칸

카드: — [보일 글자, 등장 모양] 묶음. 모양 이름은 pop·drop·left·right·stamp·zoom·grow·fade
간격: — 카드 사이 시간(초)

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

첨부한 등장 모양 레시피에서 ANIM 표만 가져와서, 내 영상 파일(index.html)의 카드 네 장이 0.6초 간격으로 pop 모양으로 나타나게 바꿔 줘. 마지막 카드만 stamp 로 해 줘.

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

알아 두면 좋은 점

한 영상에 모양은 두세 가지만. 여덟 가지를 다 쓰면 산만해요.
중요한 마지막 한 장만 stamp 나 zoom 으로 바꾸면 눈이 그리로 갑니다.

원본 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는 같은 말일까?