전환·효과 · 12초

장면 전환 6가지 모음

색이 다른 판 일곱 장이 여섯 가지 전환으로 차례로 바뀝니다. 쓸어 넘기기, 원형으로 열리기, 밀어내기, 카드 뒤집기, 블라인드, 시계 바늘이 차례로 나오고, 왼쪽 위 이름표에 지금 쓴 전환 이름이 뜹니다. 마음에 드는 전환 하나만 골라 내 영상의 차시 사이에 쓰면 됩니다.

이럴 때 쓰세요

수업 순서(준비물→따라 하기→혼자 해 보기)를 장면마다 끊어 보여 줄 때
강의 영상 차시 사이에 넣을 전환을 고를 때
전환 종류를 수강생에게 비교해 보여 줄 때

「여기만 고치세요」 칸

장면글자: — 일곱 장면의 큰 글자 (첫 장면 + 전환 6번)
작은글자: — 큰 글자 아래 한 줄, 비우면 없음
색: — 장면 판 색 일곱 개 — 밝은 색이면 글자가 자동으로 검게
전환길이: — 전환 한 번에 걸리는 초
머무는시간: — 전환 사이에 장면이 멈춰 있는 초
전환이름표: — 왼쪽 위 전환 이름표를 보일지(true/false)

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

이 레시피 파일의 SET 칸만 바꿔 줘. 장면글자: ["엑셀 기초 2회차", "① 표 만들기", "② 합계 내기", "③ 그래프 그리기", "④ 저장하기", "⑤ 질문 시간", "다음 주에 만나요"] 작은글자: "중장년 오후반" 색: 짙은 초록·연두·크림 계열로 일곱 개 전환길이 0.6초, 머무는시간 1.2초로 해 주고, 늘어난 길이에 맞게 data-duration 도 고쳐 줘.

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

알아 두면 좋은 점

전환길이·머무는시간을 늘리면 전체 길이가 길어지므로 파일 위쪽 data-duration(12초) 두 곳도 함께 고치세요. 대략 1.2 + 6×(전환+머묾) + 1초
시계 바늘은 24조각으로 나눠 그려야 둥글게 쓸립니다. 조각 수(STEPS)를 줄이면 각이 져 보입니다
카드 뒤집기는 앞판이 반 바퀴 돈 뒤 새 판이 나머지 반 바퀴를 도는 두 단계라, 한가운데 순간엔 바탕색이 잠깐 보입니다

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