광고·홍보 · 9초

과정·굿즈 카드 회전 진열대

카드 4~5장이 오른쪽에서 차례로 가운데로 넘어옵니다. 가운데 카드는 크고 선명하게, 양옆 카드는 작고 흐리게 비스듬히 놓이고, 바탕색이 지금 카드 색으로 부드럽게 바뀝니다. 아래 점 표시가 지금 몇 번째인지 알려 줍니다.

이럴 때 쓰세요

이번 달 열리는 수업들을 한 번에 소개할 때
교재·키트·굿즈 가격표를 보여 줄 때
기관 제안용 프로그램 메뉴판 영상이 필요할 때

「여기만 고치세요」 칸

제목 · 작은제목: — 맨 위 큰 글과 작은 글
카드: — [이름, 가격, 카드색, 그림, 한 줄 설명] 목록. 그림은 책·머그·펜·카메라·폰·별 중 하나, 또는 내 사진 경로
넘김간격: — 카드 한 장이 가운데 머무는 초

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

이 레시피 파일로 우리 공방 10월 수업 소개 영상을 만들어 줘. 카드는 4장: 1) 왕초보 스마트폰 사진 · 35,000원 · #FF7A6B · 카메라 · 1회 3시간 2) 키오스크 주문 연습 · 20,000원 · #3DB8A5 · 폰 · 2회 과정 3) 실습 교재 · 15,000원 · #8C7CF0 · 책 · 80쪽 4) 수료 기념 머그 · 12,000원 · #F5A524 · 머그 · 수강생 한정 제목은 「10월 우리 교실 시간표」로 바꿔 줘.

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

알아 두면 좋은 점

카드가 5장을 넘으면 넘김간격을 1.2초쯤으로 줄이고 영상 길이를 늘려 주세요
카드색끼리 밝기가 비슷하면 바탕색이 바뀔 때 더 부드러워요
가격 끝의 「원」은 자동으로 작게 붙습니다

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