캐릭터 · 10초

노을길을 통통 걷는 캐릭터 (겹겹이 배경)

멀리 있는 산은 느리고 흐리고 색이 옅게, 가까운 마을과 길은 빠르고 또렷하게 지나가서 깊이가 생겨요(패럴랙스). 노을 하늘 아래 캐릭터가 발을 번갈아 통통 걷고, 카메라는 천천히 다가가며, 위에는 한 줄 문구가 낱말씩 떠오릅니다.

이럴 때 쓰세요

과정 모집 영상의 분위기 오프닝
«같이 걸어가요» 같은 동행·성장 메시지
학기 마무리·수료 축하 영상 엔딩

「여기만 고치세요」 칸

캐릭터그림: — 내 캐릭터 PNG 경로(배경 투명 권장). 비워 두면 파일 안에서 그린 동글이
문구: — 위 큰 문구. 빈칸마다 낱말이 하나씩 떠올라요
작은문구: — 아래 작은 한 줄
층색: — 하늘(위·가운데·지평선)·먼산·가까운산·마을·창문·길 색
걷는속도: — 1 = 보통, 1.5 = 빠르게 (배경 흐름도 같이 빨라짐)

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

첨부한 HTML은 하이퍼프레임즈 영상 레시피야. 맨 아래 「여기만 고치세요」 칸만 바꿔 줘. 문구: "천천히 가도 괜찮아요" 작은문구: "시니어 스마트폰 교실 · 봄 학기 모집" 층색 하늘: ["#2E4A8F", "#6F8FD8", "#FFD6A0"] 걷는속도: 1.2 바꾼 다음 npx hyperframes render 로 mp4까지 뽑아 줘.

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