🎬 모션그래픽 주문 사전

이름만 알면 AI가 영상 그래픽을 만들어 줍니다 — 88개 주문서 모음

원본: 모션그래픽 주문 사전 (외부강사 김지백 · 모두의 AI 교육, 무료 공개) · 소개 영상 보기

88개 표시 중

🔥 많이 쓰는 TOP 10 원본 사이트 최근 7일 기준

  1. 1 사진 배경 + 제목 50회
  2. 2 키네틱 타이포 — 쇼츠 3초 훅 44회
  3. 3 켄 번스 줌 배경 43회
  4. 4 폴라로이드 떨어뜨리기 27회
  5. 5 3D 궤도 갤러리 24회
  6. 6 휴대폰 화면 목업 22회
  7. 7 입자 로고 인트로 21회
  8. 8 2.5D 패럴랙스 사진 19회
  9. 9 글자 속 사진 18회
  10. 10 도시 소개 3D 비행 18회
조건에 맞는 그래픽이 없어요. 필터를 풀거나 다른 말로 찾아보세요.

🖼️ 내 이미지 넣기 10

사진 한 장이 배경·인서트가 되는 장면 — 위 «내 사진으로 미리보기»로 바로 확인

I01

켄 번스 줌 배경

Ken Burns effect

멈춘 사진이 천천히 확대되며 한쪽으로 흘러갑니다. 사진 한 장으로 영상 같은 배경을 만들어요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 켄 번스 효과(Ken Burns effect) 사진 배경 만들어줘. 사진이 천천히 확대되며 한쪽으로 흘러가게. 이미지 파일: ==photo.jpg==.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~2.7초: 화면을 가장자리까지 꽉 채운 사진이 살짝 확대된 상태(1.05배)에서 곧바로 천천히 커지기 시작 — 처음부터 멈춤 없이
· 2.7~5.3초: 같은 빠르기로 계속 커지며 사진 왼쪽 가운데쯤으로 다가가고, 사진은 왼쪽 위로 아주 조금씩 밀려남(카메라가 오른쪽으로 흐르는 느낌)
· 5.3~8.0초: 끝까지 같은 빠르기로 약 1.27배까지 커짐 — 느려지거나 멈추지 않고 흐르는 채로 끝남
[볼거리 한 번] 중간쯤 부드러운 햇빛 번짐이 사진 위를 왼쪽에서 오른쪽으로 한 번 천천히 지나감(한 번만, 은은하게)
[모양] 사진만 화면 가득(빈 틈·검은 띠 없이) · 네 모서리를 은은하게 어둡게 하는 둥근 그늘(가운데 절반은 그대로 밝게) · 글자 없음. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 사진 비율 그대로(늘이거나 찌그러뜨리지 않게) · 확대 중 사진 가장자리 빈 틈이 보이지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#음식점#부동산#뷰티#유튜버
I02

사진 배경 + 제목

photo title card

사진이 점점 흐려지고 어두워지면서 가운데로 제목이 올라옵니다. 사진 위 글자가 또렷하게 읽혀요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 사진 배경 타이틀(photo title card) 만들어줘. 사진이 점점 흐려지고 어두워지며 가운데로 제목이 올라오게. 이미지 파일: ==photo.jpg==. 제목: 「==오늘의 주제==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 사진이 화면을 꽉 채운 채 또렷하게 시작하고, 끝까지 아주 천천히 확대됨(1.04배→1.08배)
· 0.4~1.6초: 사진이 부드럽게 흐려지며 조금 어두워지고, 위는 옅고 아래로 갈수록 짙은 남색 그늘이 덮임
· 1.2~2.4초: 가운데에 「==오늘의 주제==」 큰 굵은 흰 글자가 살짝 아래에서 떠오르며 또렷해짐
· 2.4~5.0초: 글자는 그대로 자리 잡고, 흐려진 사진만 계속 아주 천천히 확대되며 이어짐
[볼거리 한 번] 제목이 다 떠오른 순간 글자 위로 가는 빛 한 줄기가 왼쪽에서 오른쪽으로 한 번 스침
[모양] 사진 배경 위 가운데 정렬 · 제목=아주 굵은 흰 글자(한 글자 = 화면 폭의 약 1/12), 부드러운 그림자 · 작은 글자=따뜻한 노랑 #FFD27A, 넓은 자간 · 그늘=짙은 남색 반투명. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 흐림·어둡기는 사진 내용을 알아볼 정도까지만(까맣게 덮지 말 것)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#공공#음식점#유튜버
I03

폴라로이드 떨어뜨리기

polaroid drop

흰 테두리 사진이 한 장씩 툭툭 떨어져 비스듬히 쌓입니다. 추억·후기·현장 스케치에 잘 어울려요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 폴라로이드 사진 떨어뜨리기(polaroid drop) 만들어줘. 흰 테두리 사진이 한 장씩 위에서 툭툭 떨어져 살짝 기울어진 채 쌓이게. 이미지 파일: ==photo1.jpg / photo2.jpg / photo3.jpg==.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.3~0.8초: 짙은 갈색 배경에 첫 사진이 화면 위 밖에서 조금 크고 더 돌아간 채 떨어져, 제자리를 살짝 지나쳤다 톡 돌아오며 왼쪽에 안착(왼쪽으로 9도 기울게)
· 1.0~1.5초: 둘째 사진이 같은 방식으로 떨어져 가운데에 첫 사진을 조금 덮으며 안착(오른쪽으로 5도)
· 1.7~2.2초: 셋째 사진이 오른쪽에 떨어져 안착(왼쪽으로 3도) — 세 장이 가로로 조금씩 겹쳐 나란히
· 2.2~5.0초: 세 장이 조금씩 겹쳐 쌓인 채 그대로 머무름
· 사진이 3장보다 많으면: 같은 간격으로 한 장씩 더 떨어져 앞 사진을 조금씩 덮으며 쌓임(기울기는 좌우 번갈아)
[볼거리 한 번] 마지막 사진이 내려앉는 순간 아래 사진들이 한 번 살짝 들썩이고 그림자가 짧게 퍼짐
[모양] 짙은 갈색 둥근 그러데이션 배경(가운데 위 #5B4636 → 가장자리 #2A1F18) · 흰 테두리 #FDFCF8, 아래 여백 넓은 정사각 사진, 한 장 폭 = 화면 폭의 약 30% · 짙은 그림자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 세 장이 서로 완전히 가리지 않게 — 가로로 조금씩만 겹치기
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#음식점#뷰티#유튜버
I04

사진 콜라주 그리드

bento photo collage

크기가 다른 칸에 사진이 차례로 톡톡 채워지고 전체가 천천히 확대됩니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 사진 콜라주 그리드(bento photo collage) 만들어줘. 크기가 다른 칸들에 사진이 차례로 톡톡 채워지고 전체가 천천히 확대되게. 이미지 파일: ==a.jpg / b.jpg / c.jpg / d.jpg / e.jpg==.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.2~0.6초: 짙은 남색 배경 왼쪽, 두 줄 높이의 큰 칸에 첫 사진이 작은 점에서 커지며 톡 튕기듯 자리 잡음
· 0.5~1.2초: 조금씩 엇갈려 가운데 위 칸 → 오른쪽 위 칸에 사진이 톡톡 채워짐
· 1.0~1.7초: 가운데 아래 칸 → 오른쪽 아래 칸까지 채워져 다섯 칸 완성
· 1.8~5.0초: 콜라주 전체가 아주 천천히 1.05배까지 확대
[볼거리 한 번] 다섯 번째 칸이 채워지는 순간 다섯 칸이 함께 살짝 커졌다 제자리로 톡 돌아옴
[모양] 아주 짙은 남색 배경 #111827 · 3열 2행 격자(왼쪽 큰 칸이 두 줄 차지 + 작은 칸 4개), 둘레 좁은 여백 · 칸마다 둥근 모서리·좁은 틈·은은한 그림자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 사진은 칸 모양에 맞춰 잘라 채우기(늘이거나 찌그러뜨리지 않게)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#음식점#쇼핑몰#뷰티#부동산
I05🧊 3D

3D 사진 카드 기울이기

3D tilt photo card

사진 카드가 공중에서 천천히 기울며 표면에 빛이 스칩니다. 평범한 사진이 고급스러워 보여요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 3D 사진 카드(3D tilt card) 만들어줘. 짙은 남색 배경 가운데에 모서리가 둥근 사진 카드(화면 폭의 절반쯤)가 공중에 떠서, 좌우로 살짝만(20도 안쪽) 천천히 기울었다 돌아오고 위아래로도 살짝 끄덕이게. 카드가 기울 때 표면에 비스듬한 흰 빛줄기가 한 번 쓱 지나가게. 이미지 파일: ==photo.jpg==.
[길이·크기] 전체 약 4초 · 1920x1080(가로 16:9).
[장면 순서]
· 처음부터 끝까지: 카드는 가운데보다 살짝 위에 뜬 채, 위아래로도 살짝 끄덕이고 아주 조금 다가왔다 물러나며 숨 쉬듯 움직임
· 0.0~1.0초: 카드 오른쪽 끝이 뒤로 멀어지듯 천천히 기울고(약 18도), 가운데 있던 빛줄기가 오른쪽 끝으로 밀려남
· 1.0~3.0초: 반대쪽으로 천천히 넘어가 왼쪽 끝이 멀어지는 동안, 비스듬한 흰 빛줄기가 표면을 오른쪽에서 왼쪽으로 한 번 쓱 훑고 지나감
· 3.0~4.0초: 다시 정면으로 돌아오며 빛줄기도 가운데로 돌아와, 첫 장면과 똑같은 모습으로 끝남(이어 붙여도 끊김 없이)
[볼거리 한 번] 빛줄기가 카드 한가운데를 지나는 순간 한 번 더 밝게 반짝이며 사진이 잠깐 환해짐
[모양] 짙은 남색 둥근 그러데이션 배경(위 가운데 #1E293B → 가장자리 #020617) · 가로 4:3 사진 카드, 둥근 모서리, 아래로 짙은 그림자 · 빛줄기=반투명 흰 띠. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 크게 뒤집거나 한 바퀴 돌리지 말 것 — 20도 안쪽으로만 기울기
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#쇼핑몰#뷰티#교육#IT
I06🧊 3D

3D 궤도 갤러리

3D orbit carousel

사진 카드 여러 장이 원을 그리며 천천히 돌고, 앞에 온 카드가 크게 보입니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 3D 궤도 캐러셀(orbit carousel) 만들어줘. 3D는 Three.js로. 사진 카드 여러 장이 원을 그리며 천천히 돌고, 앞에 온 카드가 크게 보이게. 이미지 파일: ==photo1.jpg / photo2.jpg / photo3.jpg / photo4.jpg==.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~2.0초: 짙은 남색 공간, 둥근 바닥판 위에 사진 카드 8장이 원을 이루어 떠 있고 원 전체가 일정한 빠르기로 돌기 시작(앞쪽 카드가 오른쪽으로 흐름)
· 카드마다: 앞으로 올수록 커지고(뒤쪽의 약 1.4배) 뒤로 갈수록 작아짐 · 카드 면은 늘 원 바깥쪽을 향해 옆에선 비스듬히 보임 · 위아래로 아주 살짝 출렁
· 2.0~6.0초: 같은 빠르기로 계속 돌며 카드가 차례로 정면에 와 가장 크게 보임 — 카메라는 조금 위에서 원을 비스듬히 내려다봄
· 6.0~8.0초: 정확히 한 바퀴를 채워 첫 장면과 같은 자리로 돌아옴(이어 붙여도 끊김 없음)
· 사진이 8장보다 적으면: 같은 사진을 차례로 되풀이해 8칸을 채움
[볼거리 한 번] 한 바퀴가 끝나 갈 때 정면에 온 카드 위로만 빛이 한 번 부드럽게 스침
[모양] 아주 짙은 남색 배경 #0B1020 · 원 아래 조금 밝은 남색 둥근 바닥판 · 가로 4:3 사진 카드, 얇은 흰 테두리 · 원이 화면 폭 대부분을 차지. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 카드끼리 뚫고 지나가거나 겹쳐 깜빡이지 않게 · 도는 빠르기는 끝까지 일정하게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#쇼핑몰#교육#뷰티#유튜버
I07

2.5D 패럴랙스 사진

2.5D parallax photo

사진을 앞·뒤 층으로 나눠 카메라가 밀고 들어가듯 움직입니다. 사진 한 장이 입체 영상처럼 보여요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 2.5D 패럴랙스 사진(parallax photo) 만들어줘. 사진을 앞·뒤 층으로 나눠, 카메라가 천천히 밀고 들어가듯 입체감이 느껴지게. 필요하면 인물·물체는 배경을 지워(누끼) 앞층으로. 이미지 파일: ==photo.jpg==.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~2.0초: 사진이 두 겹으로 보임 — 뒤층(사진 전체, 아주 살짝 흐리고 조금 어둡게)과 앞층(사진 아래쪽 절반쯤, 위 경계는 부드럽게 녹아듦) · 둘 다 곧바로 움직이기 시작
· 2.0~4.0초: 앞층은 더 빨리 커지며(1.12→1.28배) 왼쪽 위로, 뒤층은 아주 조금만 커지며(1.1→1.14배) 오른쪽으로 — 반대로 움직여 카메라가 밀고 들어가는 느낌
· 처음부터 끝까지: 따뜻한 흰빛 먼지 알갱이 18개쯤이 왼쪽으로 천천히 떠가며 위아래로 살랑(큰 알갱이일수록 빠르게)
· 4.0~6.0초: 같은 빠르기로 끝까지 이어짐 — 느려지거나 멈추지 않고 흐르는 채로 끝남
[볼거리 한 번] 가장 가까운 먼지 알갱이 하나가 크고 흐릿하게 화면 앞을 한 번 스쳐 지나감
[모양] 사진 한 장을 두 겹으로(뒤=전체, 앞=아래쪽 땅·인물) · 두 층 경계는 부드러운 그러데이션 · 뒤층만 아주 살짝 흐리고 어둡게 · 먼지=따뜻한 흰색 반투명 흐린 점. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 층 경계에 딱딱한 선·빈 틈이 보이지 않게 · 사진 가장자리 빈 틈 없이 꽉 채우기
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#공공#부동산#교육
I08

휴대폰 화면 목업

phone mockup

휴대폰 화면 안에 내 캡처 화면이 들어가 천천히 스크롤됩니다. 앱·홈페이지 소개가 깔끔해져요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 기기 화면 목업(device mockup) 만들어줘. 휴대폰 화면 안에 캡처 화면이 들어가 위로 천천히 스크롤되고, 기기가 살짝 기울며 떠 있게. 화면 이미지: ==screenshot.png==.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.8초: 남보라 배경 가운데(살짝 왼쪽)에 휴대폰이 왼쪽으로 비스듬히 돌아선 채(약 16도) 떠 있고, 화면 속에는 캡처의 맨 위가 보임
· 0.8~5.0초: 화면 속 캡처가 위로 천천히 스크롤됨 — 부드럽게 출발해 부드럽게 멈추며 화면 약 1.4개 길이만큼
· 처음부터 끝까지: 휴대폰이 좌우로 6도·앞뒤로 3도쯤 아주 살짝 원을 그리듯 흔들리며 떠 있음
· 5.0~6.0초: 스크롤이 멈춘 채 기기만 계속 은은하게 흔들리며 끝남
[볼거리 한 번] 스크롤이 멈추는 순간 휴대폰 유리 위로 빛 한 줄기가 비스듬히 한 번 스침
[모양] 남색·보라 대각선 그러데이션 배경(#312E81 → #0F172A) · 검은 휴대폰(세로 9:19, 둥근 모서리, 얇은 테두리, 위 가운데 작은 카메라 홈), 화면 폭의 약 1/4 · 짙은 그림자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 캡처를 늘이거나 찌그러뜨리지 않게(폭에 맞추고 세로로 스크롤) · 캡처 끝을 지나 빈 화면이 보이지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#IT#쇼핑몰#음식점#교육
I09

글자 속 사진

image in text mask

큰 글자 모양 안으로 사진이 보이고, 글자가 커지며 사진 전체가 드러납니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 글자 모양 안에 사진이 보이는 마스크(image text mask) 만들어줘. 큰 글자 속에서 사진이 천천히 흐르다가, 글자가 커지며 사진 전체가 드러나게. 이미지 파일: ==photo.jpg==. 글자: 「==SUMMER==」.
[길이·크기] 전체 약 4초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~2.4초: 거의 검은 배경 가운데 「==SUMMER==」 아주 크고 굵은 글자 — 글자 모양 안으로만 사진이 보이고, 사진이 글자 속에서 천천히 옆으로 흘러감
· 2.2~3.4초: 글자가 부드럽게 빨라지며 약 6배까지 커져 화면을 뚫고 지나가듯 다가오고, 끝 무렵 글자 자체는 스르르 사라짐
· 2.7~3.4초: 그 사이 글자 뒤로 조금 확대된(1.15배) 사진 전체가 서서히 드러남
· 3.4~4.0초: 사진 전체가 화면을 채운 채 천천히 1.05배로 물러나며 끝남
[볼거리 한 번] 글자가 화면을 뚫고 지나가는 순간 사진 전체가 한 번 환하게 밝아졌다 제 밝기로
[모양] 거의 검은 배경 #0B0B10 · 글자=아주 굵고 자간 좁게, 화면 폭 대부분을 채우는 크기(글자 높이 ≈ 화면 폭의 1/5) · 글자 안에만 사진, 테두리·그림자 없음. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 커지기 전까지는 글자 밖으로 사진이 새어 나오지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#뷰티#음식점#쇼핑몰
I10🧊 3D

입자로 사진 등장

particle image reveal

흩어진 빛 알갱이 수천 개가 모여 사진이 되고, 마지막에 선명한 원본으로 바뀝니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 입자 사진 등장(particle image reveal) 만들어줘. 3D는 Three.js로. 사진의 색을 한 점씩 나눠 가진 빛 알갱이 약 1만 개가 화면 둘레에 흩어져 있다가, 전체 길이의 앞 절반 동안 부드럽게 모여 사진 모양이 되고, 3분의 2 지점쯤 선명한 원본 사진으로 서서히 바뀐 뒤 끝까지 또렷하게 머무르게. 이미지 파일: ==photo.jpg==.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.2초: 거의 검은 배경에 사진 색을 한 점씩 나눠 가진 빛 알갱이 약 1만 개가 화면 둘레에 넓은 타원 구름처럼 앞뒤 깊이를 두고 흩어져 있음
· 0.2~2.6초: 알갱이들이 부드럽게 출발해 가운데로 모여들고 앞뒤 흔들림이 잦아들며, 화면을 거의 채우는 가로로 긴 점 그림 사진이 됨
· 2.6~2.9초: 점 그림 사진이 잠깐 그대로 머무름
· 2.9~3.6초: 그 자리에 선명한 원본 사진이 서서히 떠오르고 알갱이는 옅어지며 사진 속으로 녹아듦
· 3.6~5.0초: 선명한 원본 사진이 끝까지 또렷하게 머무름
[볼거리 한 번] 알갱이가 마지막으로 제자리에 들어와 사진이 완성되는 순간 점 그림 전체가 한 번 환하게 반짝임
[모양] 거의 검은 배경 #05070D · 알갱이=작고 둥근 빛 점, 각각 사진의 그 자리 색 · 완성된 사진은 화면 가운데, 위아래 거의 꽉·좌우 약간 여백 · 테두리 없음. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 원본으로 바뀐 뒤에는 알갱이가 거의 안 보이게(사진을 가리지 않게)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#쇼핑몰#IT#뷰티#교육

🔤 자막·글자 6

말을 글자로 살리는 장면 — 예능 자막부터 속보 띠까지

T03

키네틱 타이포 — 쇼츠 3초 훅

kinetic typography

큰 글자가 한 단어씩 «쾅쾅» 박히며 흔들리는 장면입니다. 쇼츠 첫 3초에 시선을 붙잡을 때 씁니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 키네틱 타이포(kinetic typography) 장면 만들어줘. 단어가 하나씩 크게 쾅 박히고 살짝 흔들리게, 단어마다 배경색을 바꿔줘. 단어: 「==이거 / 모르면 / 손해==」.
[길이·크기] 전체 약 3초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.0초: 화면 가운데에 첫 단어가 3배 크기에서 눈 깜짝할 새(약 0.16초) 제 크기로 쾅 박히고, 0.3초 동안 좌우로 떨리다 멈춤
· 1.0~2.0초: 앞 단어가 사라지며 둘째 단어가 같은 방식으로 쾅 · 이때 배경색과 글자색이 함께 확 바뀜
· 2.0~3.0초: 마지막 단어가 쾅 박히고 끝까지 그대로 머묾
· 단어가 더 많으면: 전체 길이를 단어 수로 똑같이 나눠 한 번에 한 단어씩, 같은 박자로
[볼거리 한 번] 마지막 단어가 박힐 때만 화면 전체가 한 번 더 세게 흔들림
[모양] 화면 가운데 아주 크고 두꺼운 글자(한 글자가 화면 폭의 1/5쯤), 단어마다 짙은 바탕+밝은 글자 한 쌍: 남색 #1B2336+주황 #FFB45A → 검푸른 #0F1420+하늘 #4FD6FF → 검붉은 #1D1220+분홍 #FF6B8B. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 한 화면에 한 단어만 — 단어를 한꺼번에 띄우지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#쇼핑몰#음식점#뷰티
B01

예능 효과 자막

variety show caption · pop text

굵은 외곽선 글자가 «뿅» 튀어나와 흔들리는 자막입니다. 예능 프로그램에서 가장 많이 쓰는 자막이에요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 예능 효과 자막(variety show caption) 만들어줘. 노란 글자에 굵은 검정 외곽선으로 뿅 튀어나와 흔들리다 사라지게. 얼굴은 가리지 말아줘. 글자: 「==헉!==」.
[길이·크기] 전체 약 1.5초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.1~0.4초: 「==헉!==」 글자가 점처럼 작은 데서 커지며 뿅 튀어나와, 살짝 넘쳤다 제자리에 앉음
· 0.4~0.7초: 왼쪽으로 살짝 기운 채 좌우로 파르르 흔들림
· 0.7~1.3초: 기운 자세 그대로 멈춰 머묾
· 1.3~1.5초: 작아지며 쏙 사라짐
[볼거리 한 번] 튀어나오는 첫 순간 한 번만 1.3배까지 크게 부풀었다가 톡 제자리로 돌아옴
[모양] 노란 글자(#FFD400)에 아주 굵은 검정 외곽선(#16130E), 아래로 검정 그림자 한 겹 · 가장 굵은 글꼴, 글자 높이는 화면 폭의 1/8쯤 · 위치를 정하지 않으면 화면 오른쪽 위쪽(인물 얼굴 옆). 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 글자는 한 줄로(줄바꿈 금지) · 기울기는 살짝만
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#음식점#뷰티#교육
B02

속마음 자막

inner-thought caption

말하지 않은 속마음을 괄호와 말줄임표로 흐릿하게 띄웁니다. 웃음 포인트가 부드럽게 살아요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 속마음 자막(inner-thought caption) 만들어줘. 문장이 한 글자씩 흐릿하게 번지며 떠오르고, 그동안 배경 영상의 색을 살짝 빼줘. 문장: 「==(나만 모르나…)==」.
[길이·크기] 전체 약 2.5초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.1~0.5초: 배경 영상의 색이 절반쯤 빠지며 바랜 톤이 됨
· 0.2~1.0초: 「==(나만 모르나…)==」 문장이 한 글자씩 차례로, 흐릿하게 번진 채 위에서 살짝 내려오며 또렷해짐
· 1.0~2.2초: 글자들이 물결처럼 아주 살짝 오르내리며 머묾
· 2.2~2.5초: 글자가 흐려지며 사라지고 배경 색이 원래대로 돌아옴
[볼거리 한 번] 마지막 글자가 또렷해지는 순간 한 번, 문장 전체가 숨 한 번 쉬듯 살짝 커졌다 돌아옴
[모양] 연보라빛 흰 글자(#ECE8FF), 굵게, 글자 높이는 화면 폭의 1/16쯤 · 글자 둘레에 검은 그림자 번짐 · 화면 위쪽 1/4 높이, 가운데에서 오른쪽으로 한 줄. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 배경 색은 절반만 빼기(흑백까지 가지 않게) · 글자가 인물 얼굴 위에 오지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#교육#음식점
B03

효과 도장

stamp impact

«정답», «인정» 같은 도장이 화면에 쾅 찍히고 잉크가 튑니다. 화면도 살짝 흔들려요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 효과 도장(stamp impact) 만들어줘. 빨간 원형 도장이 크게 떨어지며 쾅 찍히고, 잉크 방울이 튀고 화면이 0.3초 흔들리게. 도장 글자: 「==정답==」.
[길이·크기] 전체 약 1.5초(찍힘 0.2초 · 흔들림 0.3초 · 머묾 뒤 사라짐) · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.0~0.2초: 화면 오른쪽(세로 가운데쯤) 빈 곳에 빨간 원형 도장이 2.6배 크기에서 비스듬히 떨어지며 제 크기로 쾅 찍힘 · 가운데 「==정답==」
· 0.2~0.5초: 찍히는 순간 영상 전체가 짧게 흔들리다 잦아들고, 빨간 잉크 방울 10개쯤이 도장 둘레로 튀어 퍼짐
· 0.5~1.0초: 도장이 기운 채 그대로 머묾
· 1.0~1.5초: 잉크 방울이 옅어지며 사라지고, 끝에 도장도 사라짐
[볼거리 한 번] 쾅 닿는 한순간: 화면이 한 번 크게 들썩이고 잉크 방울이 사방으로 가장 멀리 튐
[모양] 빨강(#E8442E) 두꺼운 원 테두리 + 안쪽 가는 테두리, 속은 아주 옅은 미색 · 도장 글자 빨강, 가장 굵게 · 지름은 화면 높이의 절반쯤 · 15도쯤 기울어짐. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 인물 얼굴을 가리지 않게 오른쪽 빈 곳에
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#교육#쇼핑몰
B07

뉴스 속보 띠 + 흐르는 자막

breaking news bar · ticker

빨간 «속보» 딱지와 제목 띠가 들어오고, 맨 아래로 글자가 계속 흐릅니다. 방송국 느낌이 확 나요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 뉴스 속보 띠(breaking news bar)와 흐르는 자막(ticker) 만들어줘. 빨간 「속보」 딱지와 제목 띠가 들어오고, 맨 아래로 문장들이 계속 흐르게. 제목: 「==오늘의 핵심: 질문을 바꾸면 답이 바뀐다==」. 흐르는 문장: 「==다음 시간 안내 / 자료는 고정 댓글에 / 질문은 댓글로==」.
[길이·크기] 전체 약 15초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.1~0.4초: 화면 맨 아래에 검정 띠가 아래에서 올라오고, 그 안에서 흐르는 문장이 오른쪽에서 왼쪽으로 흐르기 시작
· 0.2~0.5초: 그 위 띠 왼쪽에 빨간 「속보」 딱지가 왼쪽 밖에서 밀려 들어옴
· 0.4~0.9초: 딱지 오른쪽으로 미색 제목 띠가 왼쪽부터 펼쳐지며 「==오늘의 핵심: 질문을 바꾸면 답이 바뀐다==」 글자가 드러남
· 0.9~15.0초: 제목 띠는 그대로 머물고, 흐르는 문장은 멈춤 없이 일정한 속도로 계속 흐름(1초에 화면 폭의 약 1/3)
[볼거리 한 번] 「속보」 딱지가 자리 잡는 순간 한 번 밝게 번쩍 깜빡임
[모양] 제목 띠 = 미색(#F4F1EA)에 검정(#16130E) 아주 굵은 글자 · 속보 딱지 빨강(#E8442E)에 흰 글자 · 흐르는 띠 = 검정에 미색 글자(더 작게), 빗금(/)으로 나눈 문장마다 앞에 ● · 두 띠가 화면 아래 1/4쯤. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 실제 방송사 이름·로고 흉내 금지 · 흐르는 문장이 중간에 멈추거나 끊기지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#공공#유튜버#교육#부동산
T20

인용문 카드 + 필름 그레인

quote card · film grain

한 단어씩 떠오르는 인용문 위에 옛날 필름 같은 입자를 얹어 분위기를 냅니다.

⏱
⚠️ ⚠️ 인용문은 실제 출처가 있는 것만 넣고, 출처를 반드시 적으세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 인용문 카드(quote card) 만들어줘. 인용문이 한 단어씩 떠오르고, 옛날 필름 같은 입자(film grain)와 어두운 가장자리(vignette)를 얹어줘. 마지막에 출처를 작게. 인용문: 「==좋은 질문이 좋은 답을 만든다==」. 출처: 「==출처 이름==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 가장자리가 어두운 따뜻한 흑갈색 화면에 필름 입자가 자글자글 일렁이고, 위쪽에 큰 주황 따옴표 「“」
· 0.4~2.5초: 인용문이 한 단어씩 약 0.45초 간격으로 떠오름 — 살짝 아래에서 올라오며 흐릿함에서 또렷하게
· 3.0~3.6초: 그 아래 작은 베이지 글씨 «— ==출처 이름==» 천천히 나타남
· 3.6~6.0초: 문장 전체가 그대로 머물고 필름 입자만 계속 일렁임
· 인용문이 길면: 단어 간격을 줄여 문장이 전체 길이의 절반 안에 다 떠오르게
[볼거리 한 번] 마지막 단어가 떠오르는 순간 옛 필름에 빛이 새듯 화면이 한 번 살짝 밝아졌다 돌아옴
[모양] 따뜻한 흑갈색 바탕(#2A2118, 가장자리로 갈수록 거의 검정), 크림색 #F5E9D7 아주 굵은 글씨 가운데 정렬, 위에 주황 #FFB45A 큰 세리프 따옴표, 출처는 작은 베이지 #BFAE93, 화면 전체에 굵은 필름 입자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 인용문·출처는 적어 준 그대로만 — 새로 지어내거나 고치지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#공공#유튜버#뷰티

🧑‍🏫 설명·교육 7

강의 설명을 대신해 주는 장면 — 도해·채팅·퀴즈

T10

개념 도해 자동 그리기

animated diagram · line draw

상자가 하나씩 튀어나오고 화살표가 그려지며 흐름을 설명합니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 개념 도해 애니메이션(animated diagram) 만들어줘. 단계 상자들이 차례로 튀어나오고 화살표가 선을 그리듯 이어지게. 흰 배경에 남색 글자. 단계: 「==자료 → AI → 보고서==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.2~0.6초: 왼쪽에 첫 단계 상자가 작게 시작해 톡 튀어 오르며 제 크기로
· 0.6~1.1초: 첫 상자 오른쪽에서 남색 화살표가 선을 그리듯 뻗어 다음 자리 앞까지
· 1.1~1.5초: 가운데 둘째 단계 상자가 톡 튀어나옴
· 1.5~2.0초: 둘째 화살표가 같은 방식으로 그려짐
· 2.0~2.4초: 오른쪽 마지막 단계 상자가 톡 튀어나옴
· 2.4~5.0초: 완성된 흐름도가 그대로 머묾
· 단계가 더 많으면: 상자 → 화살표를 같은 박자로 이어 가고, 상자를 조금 줄여 한 줄에 다 들어가게
[볼거리 한 번] 마지막 상자가 나올 때 한 번 더 크게 튕기며 노란빛이 살짝 번짐
[모양] 아주 연한 회청빛 흰 배경(#F5F7FB), 가로 한 줄 둥근 상자·굵은 글씨 · 첫 상자 연보라 바탕+남색 글자, 가운데 상자 남색 #1E3A8A 바탕+흰 글자, 마지막 상자 노랑 #FDE68A 바탕+갈색 글자 · 화살표는 남색 선+삼각 머리. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 화살표는 상자 사이에만 — 상자를 뚫고 지나가지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#IT#공공#제조
T11

AI 채팅 화면 재현

chat UI mockup

질문을 타자로 치고, AI 답이 한 줄씩 흘러나오는 장면을 깔끔하게 다시 그립니다. 화면 녹화보다 읽기 쉬워요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 AI 채팅 화면 재현(chat UI mockup) 만들어줘. 질문이 타자 치듯 입력되고, 점 세 개가 깜박인 뒤 답이 한 줄씩 흘러나오게. 질문: 「==회의록 3줄로 요약해줘==」. 답: 「==① 예산은 다음 주 확정 / ② 담당은 기획팀 / ③ 교육은 11월 진행==」.
[길이·크기] 전체 약 7초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.3~1.5초: 오른쪽 위 파란 말풍선에 「==회의록 3줄로 요약해줘==」 한 글자씩 타자 치듯 찍힘
· 1.8~2.7초: 왼쪽 흰 말풍선 속 회색 점 세 개가 깜박이며 «생각 중»
· 2.7~5.3초: 점 자리에 흰 답 말풍선이 뜨고 답이 한 글자씩 흘러나옴 · « / » 자리마다 줄을 바꿔 한 줄씩 쌓임
· 5.3~7.0초: 완성된 대화가 그대로 머묾
· 처음부터 끝까지: 화면 맨 아래에 흰 둥근 입력창(흐린 글씨 「메시지를 입력하세요」)이 고정
[볼거리 한 번] 답의 마지막 글자가 찍히는 순간 답 말풍선이 한 번 살짝 톡 튀며 자리 잡음
[모양] 밝은 회백색 배경(#F4F6FA), 질문은 오른쪽 파랑 #2563EB 말풍선에 흰 굵은 글씨, 답은 왼쪽 흰 말풍선에 짙은 남색 글씨·옅은 그림자, 말풍선은 둥글고 말하는 쪽 아래 모서리만 뾰족. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 실제 서비스(챗GPT 등)의 로고·이름·화면을 흉내 내지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#IT#교육#유튜버
T12

터미널 실행 화면

terminal typing animation

검은 창에 명령을 치고 결과가 착착 뜨는 장면입니다. 실제 화면 녹화보다 글자가 또렷해요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 터미널 실행 화면(terminal typing animation) 만들어줘. 검은 창에 명령을 타자로 치고, 진행 줄이 초록 체크와 함께 차례로 뜨게. 명령어: 「==npm run build==」. 진행 줄: 「==파일 읽는 중 / 정리 완료 / 결과 저장==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.2~1.0초: 하늘색 「$」 뒤에 「==npm run build==」 한 글자씩 타자로 찍히고, 끝에 굵은 세로 막대 커서가 깜박임
· 1.2~2.2초: 명령 아랫줄에 첫 진행 줄이 회색 글씨로 「●」 표시와 함께 뜸(끝에 «…», 진행 중 느낌)
· 2.2~3.0초: 둘째 진행 줄이 초록 「✓」와 함께 뜸
· 3.0~3.8초: 셋째 진행 줄이 초록 「✓」와 함께 뜸
· 3.8~6.0초: 주황 글씨 마무리 줄이 뜨고 끝까지 머묾 — «끝! 3단계를 마쳤어요» 꼴(숫자 = 진행 줄 개수)
· 진행 줄이 더 많으면: 약 0.8초 간격으로 한 줄씩 이어서
[볼거리 한 번] 마무리 줄이 뜨는 순간 그 줄이 한 번 반짝 빛남
[모양] 짙은 남보라 그라데이션 배경 위 큰 검은 창(둥근 모서리·깊은 그림자·가장자리에서 조금 띄움), 창 위 막대에 빨강·노랑·초록 동그라미 셋, 고정폭 글꼴 연회색 글자, 체크 초록 #3DDC97. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 명령을 실제로 실행하지 말고 화면 글자로만 재현
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#IT#교육
T13🧊 3D

3D 디오라마 — 비유를 입체로

isometric 3D diorama

미니어처 식당처럼 작은 3D 세트를 만들어 개념을 비유로 보여줍니다. 구슬이 자리 사이를 오가요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 3D 미니어처 디오라마(isometric diorama) 만들어줘. 3D는 Three.js로. 작은 세트 안에서 빨간 구슬이 자리 사이를 오가고, 자리마다 이름표를 붙여줘. 카메라는 천천히 돌게. 장소: 「==식당==」. 이름표: 「==손님 = 사용자 / 주문 창구 = API / 주방 = 백엔드==」.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.0초: 빨간 구슬이 첫 이름표 자리 위에서 출발해 둘째 자리 쪽으로 둥실 날아감
· 1.0~2.0초: 둘째 자리를 지나 마지막(가장 먼) 자리까지
· 2.0~4.0초: 마지막 자리에서 되돌아 둘째 자리를 거쳐 첫 자리로 — 한 바퀴
· 4.0~8.0초: 같은 왕복을 한 번 더
· 처음부터 끝까지: 카메라가 비스듬히 위에서 내려다보며 세트 둘레를 천천히 돌듯 좌우로(30도쯤) 오감 · 이름표는 제자리 위를 따라다님
[볼거리 한 번] 구슬이 가장 먼 자리에 처음 닿는 순간 그 자리 이름표가 한 번 톡 튀며 환하게 빛남
[모양] 짙은 남색 배경(#0F1424) 위 베이지 바닥판 하나에 차린 미니어처 「==식당==」(나무색 벽 두 면·단순한 상자 가구·원통 몸+공 머리 사람), 스스로 빛나는 분홍빛 빨강 구슬, 흰 둥근 이름표. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 이름표끼리 겹치거나 물체에 가려지지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#음식점#부동산#IT
T14

OX 퀴즈 카운트다운

quiz countdown timer

문제를 띄우고 원형 타이머가 줄어든 뒤 정답 도장이 «쾅» 찍힙니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 OX 퀴즈 장면 만들어줘. 문제를 띄우고 원형 타이머가 줄어든 뒤, 큰 정답 도장과 해설 한 줄이 나오게. 문제: 「==비밀번호를 AI 채팅창에 넣어도 된다?==」. 정답: 「==X==」. 해설: 「==비밀번호는 절대 넣지 않아요==」.
[길이·크기] 전체 길이는 문제 1초 + 카운트다운 + 정답·해설 1초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.0초: 화면 가운데 위에서부터 작은 빨강 「OX 퀴즈」, 큰 굵은 문제 「==비밀번호를 AI 채팅창에 넣어도 된다?==」, 꽉 찬 빨강 원형 타이머가 떠 있음
· 카운트다운 동안: 빨강 고리가 일정한 빠르기로 줄어들고, 가운데 큰 숫자가 1초마다 하나씩 내려감
· 0이 되는 순간: 화면 한가운데에 정답 기호(X면 ✕, O면 ○)의 거대한 빨강 도장이 2배 크기에서 0.2초 만에 살짝 돌며 쾅 찍힘
· 도장 0.3초 뒤: 타이머 아래에 짙은 빨강 굵은 글씨 «정답 ==X== · ==비밀번호는 절대 넣지 않아요==» 한 줄이 부드럽게 나타남
· 해설이 뜬 뒤: 끝까지 그대로 머묾(도장부터 끝까지 약 1초)
[볼거리 한 번] 도장이 찍히는 순간 화면 전체가 한 번 짧게 쿵 흔들림
[모양] 연한 살구→분홍 그라데이션 배경(#FFF7ED→#FFE4E6), 모두 가운데 정렬, 문제는 짙은 회색 아주 굵은 글씨, 타이머는 연분홍 고리 위 빨강 #E11D48 고리와 가운데 큰 숫자, 도장은 화면 높이의 2/3쯤, 살짝 비치는 빨강. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 도장이 찍히기 전에는 정답·해설을 보여주지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#공공#유튜버#병원
T17

용어 팝업 카드

pop-up info card

어려운 단어가 나올 때 카드가 톡 튀어나와 뜻을 쉬운 말로 풀어줍니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 용어 팝업 카드(pop-up info card) 만들어줘. 흰 카드가 톡 튀어나와 용어를 크게 보여주고, 아래에 쉬운 뜻을 타자로 친 뒤 형광펜으로 밑줄. 용어: 「==API==」. 쉬운 뜻: 「==식당의 주문 창구==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.2~0.6초: 화면 가운데에 흰 카드가 작고 살짝 기운 채 시작해 톡 튀어 오르며 제 크기로 반듯하게 섬
· 카드에 적힌 것: 맨 위 작은 보라 「오늘의 용어」 · 아주 큰 굵은 「==API==」
· 0.9~1.9초: 용어 아래에 「= ==식당의 주문 창구==」 한 글자씩 타자로 찍힘
· 2.1~2.6초: 뜻 글자 아래쪽 절반에 노란 형광펜이 왼쪽에서 오른쪽으로 쓱 그어짐
· 2.6~4.4초: 그대로 머묾
· 4.4~4.8초: 카드가 부드럽게 작아지며 살짝 기울어 사라짐
[볼거리 한 번] 형광펜이 끝까지 그어지는 순간 뜻 글자가 한 번 살짝 커졌다 돌아옴
[모양] 흰 둥근 카드(화면 폭의 절반 남짓, 깊은 그림자), 맨 위 작은 보라 #6366F1 글씨(자간 넓게), 용어는 아주 크고 굵은 짙은 남색, 뜻은 굵은 글씨+노랑 #FDE68A 형광펜, 화면 가운데. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 용어·뜻 말고 설명 문장을 더 붙이지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#IT#병원#공공
T19

화면 줌 + 스포트라이트

zoom & spotlight

프로그램 화면에서 눌러야 할 곳만 밝히고 확 당겨 보여줍니다. «여기를 누르세요»가 한 번에 전달돼요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 화면 줌과 스포트라이트(zoom & spotlight) 만들어줘. 화면 녹화에서 누를 곳만 밝게 남기고 주변을 어둡게 한 뒤, 그쪽으로 확대하고 안내 말표를 띄워줘. 화면 녹화 파일: ==screen.mp4==. 누를 곳: 「==보내기 버튼==」. 안내 글자: 「==여기를 누르세요==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.8초: 화면 녹화가 그대로 보임
· 0.8~1.4초: 누를 곳 「==보내기 버튼==」 둘레 둥근 자리만 밝게 남고 나머지 화면이 짙은 남색 그늘로 꽤 어두워짐
· 1.6~2.8초: 부드럽게 출발·정지하며 누를 곳을 중심으로 약 2배 확대 · 밝은 원도 함께 조금 좁아짐
· 2.8~3.1초: 누를 곳 왼쪽 위에 주황 말표가 살짝 아래에서 올라오며 나타남 — 글자 「==여기를 누르세요==」 + 누를 곳 쪽 화살표
· 3.1~4.5초: 말표가 누를 곳을 가리킨 채 머묾
· 4.5~5.6초: 말표가 먼저 사라지고, 확대가 풀리며 그늘도 걷혀 원래 화면으로
[볼거리 한 번] 확대가 멈추는 순간 밝은 원 테두리가 한 번 빛나며 누를 곳을 콕 짚음
[모양] 그늘은 짙은 남색 반투명(밝은 원 가장자리는 부드럽게), 말표는 주황 #FFB45A 둥근 네모에 짙은 아주 굵은 글씨, 확대는 누를 곳을 중심으로. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 누를 곳이 어딘지 확실치 않으면 짐작으로 밝히지 말고 위치를 물어볼 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#IT#교육#쇼핑몰#공공

📊 데이터·비교 5

숫자와 변화를 한눈에 — 차트·지도·전후 비교

T06🧊 3D

3D 데이터 도시

3D data city · 3D bar chart

숫자를 빌딩 높이로 세운 3D 야경 도시입니다. 빌딩이 차례로 솟아오르고 카메라가 도시 위로 날아올라요.

⏱
⚠️ ⚠️ 미리보기 숫자는 예시 데이터입니다. 영상에는 실제 자료만 넣으세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 3D 데이터 도시(3D bar chart) 만들어줘. 3D는 Three.js로. 자료 파일은 첫 열이 항목 이름, 둘째 열이 숫자인 표 — 숫자가 클수록 높은 빌딩으로, 자료 순서대로 한 줄로 세워줘. 빌딩이 차례로 솟아오른 뒤 카메라가 도시 위로 날아오르며 합계 숫자가 올라가게. 야경에 창문 불빛. 자료 파일: ==data.xlsx==. 무엇의 숫자: 「==월별 매출==」.
[길이·크기] 전체 약 15초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.5초: 밤 바닥에 푸른 격자선이 먼 안개 속까지 깔려 있고, 카메라가 비스듬히 위에서 도시 자리를 내려다봄
· 0.5~7.0초: 자료 순서대로 왼쪽 빌딩부터 차례차례 솟아오름 — 앞 빌딩이 다 서기 전에 다음이 출발하고, 한 채씩 끝에서 부드럽게 멈춤
· 7.0~15.0초: 빌딩이 다 서면 카메라가 도시 위로 천천히 떠오르고, 왼쪽 위에 「==월별 매출==」 합계 숫자가 0부터 올라가 합계에서 딱 멈춤
· 처음부터 끝까지: 카메라가 도시 둘레를 왼쪽에서 오른쪽으로 아주 천천히(30도쯤) 돌며 멈추지 않음
[볼거리 한 번] 합계 숫자가 도착하는 순간 모든 빌딩의 창문 불빛이 한 번 환하게 켜졌다가 은은하게 돌아옴
[모양] 거의 검은 밤 남색(#04060C)에 먼 곳은 안개로 흐려짐, 바닥은 푸른 격자선, 빌딩은 어두운 몸체가 주황빛 #B86A1E로 은은하게 빛나고 창문 불빛이 점점이, 살짝 휘어진 한 줄로 늘어섬. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 미리보기 예시 숫자 말고 자료 파일의 실제 숫자만 · 빌딩 높이는 숫자에 정확히 비례
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#공공#제조#IT#교육
T07

지도 핀 드롭

map pin drop

지도 위에 위치마다 핀이 하나씩 떨어지고 물결이 퍼집니다.

⏱
⚠️ ⚠️ 미리보기의 지도 모양과 핀 위치는 예시입니다.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 지도 핀 애니메이션(map pin drop) 만들어줘. 지도 범위를 점으로 된 지도로 그리고, 주소마다 공개 지도 데이터로 위치를 찾아 그 자리에 핀이 하나씩 떨어지고 물결이 퍼지며, 아래에 개수가 올라가게. 주소 목록 파일: ==주소목록.xlsx==. 지도 범위: 「==대한민국 전체==」. 개수 이름: 「==매장==」.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 아주 짙은 남색 화면에 작은 점들로 찍은 「==대한민국 전체==」 지도가 처음부터 깔려 있음
· 0.4~5.7초: 주소마다 차례로 주황 핀이 위에서 떨어져 부드럽게 제자리에 앉음 — 앞 핀이 앉기 전에 다음 핀 출발, 주소가 많아도 이 구간 안에 고르게
· 핀이 떨어질 때마다: 왼쪽 아래 개수가 1씩 올라감(«==매장== 12곳» 꼴) · 핀이 앉은 뒤 그 둘레로 하늘색 고리가 퍼지며 옅어지기를 약 1.2초마다 되풀이
· 5.7~8.0초: 모든 핀이 앉은 채 물결만 계속 퍼지고, 개수는 전체 주소 수에서 멈춤
[볼거리 한 번] 마지막 핀이 앉는 순간 그 자리에서 하늘색 물결이 지도 전체로 크게 한 번 퍼짐
[모양] 아주 짙은 남색 배경(#070B16), 지도는 화면 가운데 위아래 가득 작은 남색 점(#1E3358)으로만(선·글자 없음), 핀은 주황 #FFB45A 동그라미, 물결은 하늘색 #4FD6FF 가는 고리, 개수는 흰 굵은 글씨. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 위치를 못 찾은 주소는 아무 데나 찍지 말고 빼서 따로 알려 줄 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#부동산#음식점#공공#교육
T08

막대 순위 경주

bar chart race

여러 항목이 시간에 따라 자라며 순위가 뒤바뀝니다. 보는 사람이 결과를 궁금해해요.

⏱
⚠️ ⚠️ 미리보기 숫자는 예시 데이터입니다.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 막대 순위 경주(bar chart race) 만들어줘. 자료 파일은 첫 열이 항목 이름, 맨 윗줄이 기간(연도·월)인 표. 기간 순서대로 막대가 자라며 순위가 바뀌고, 값 숫자도 함께 보이게. 오른쪽 아래 구석에는 지금 기간을 큰 글자로. 자료 파일: ==data.csv==.
[길이·크기] 전체 약 10초 · 1920x1080(가로 16:9).
[장면 순서]
· 처음 화면: 위에서부터 순위대로 막대 줄이 놓이고 첫 기간 값으로 시작 · 오른쪽 아래 구석에 첫 기간이 큰 글자로
· 0.0~8.3초: 기간을 따라 막대가 자라고 막대 끝 값 숫자도 함께 올라감(처음엔 천천히 → 가운데 빠르게 → 끝에 천천히)
· 순위가 바뀔 때: 앞지른 막대가 약 0.45초 동안 미끄러지듯 윗줄로 올라가고 밀린 막대는 아래로
· 기간이 넘어갈 때: 오른쪽 아래 큰 기간 글자가 다음 기간으로 바뀜
· 8.3~10.0초: 마지막 기간 값에서 딱 멈춰 최종 순위로 머묾
[볼거리 한 번] 마지막에 1등이 정해지는 순간 1등 막대가 한 번 환하게 빛나며 살짝 부풀었다 돌아옴
[모양] 짙은 남색 배경(#0D1322), 둥근 굵은 막대(항목별 고정색: 하늘 #4FD6FF·주황 #FFB45A·분홍 #FF6B8B·초록 #3DDC97·보라 #A78BFA), 1등 막대가 화면 폭의 절반 남짓, 왼쪽 연회색 이름, 끝에 흰 굵은 숫자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 순위가 바뀌어도 항목 색은 그대로 · 막대 길이는 값에 정확히 비례
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#공공#쇼핑몰#유튜버#IT
T09

전·후 비교 스플릿

before/after split

가운데 선이 좌우로 움직이며 «전 / 후» 두 화면을 비교합니다.

⏱
⚠️ ⚠️ 시간 절약 같은 숫자는 실제로 잰 값만 넣으세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 전·후 비교 스플릿(before/after split) 만들어줘. 왼쪽에 BEFORE, 오른쪽에 AFTER를 놓고, 가운데 흰 선이 좌우로 천천히 움직이며 두 화면을 비교하게. 전: ==before.jpg==. 후: ==after.jpg==.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.2초: 화면 한가운데 세로 흰 선이 오른쪽으로 밀려가다 왼쪽에서 4/5 지점에서 느려지며 멈칫 — 전 화면이 넓게 드러남
· 1.2~2.5초: 선이 방향을 바꿔 가운데로 되돌아옴(가운데를 지날 때가 가장 빠름)
· 2.5~3.8초: 멈추지 않고 왼쪽으로 계속 가 왼쪽에서 1/5 지점에서 멈칫 — 후 화면이 넓게 드러남
· 3.8~5.0초: 다시 가운데로 돌아와 처음 모습으로 끝남
· 선 기준: 선 왼쪽은 전(==before.jpg==), 오른쪽은 후(==after.jpg==) — 두 화면은 같은 자리에 겹쳐 두고 선으로만 잘라 보임
[볼거리 한 번] 마지막에 선이 가운데로 돌아와 멈추는 순간 선의 하늘색 빛이 한 번 환하게 번짐
[모양] 세로 흰 선 하나(아주 가늘고 둘레에 하늘색 #4FD6FF 빛 번짐), 전·후 화면은 각각 화면 가득, 「BEFORE」·「AFTER」는 작은 굵은 회청색 #9FB0D0 글자(자간 넓게)로 각자 쪽에. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 두 사진의 크기·위치를 똑같이 맞춰 선이 움직여도 화면이 어긋나지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#뷰티#병원#부동산#IT
B10

투표·설문 결과 그래프

poll results bar

«여러분의 선택은?» 결과가 막대로 차오르고 퍼센트가 올라갑니다.

⏱
⚠️ ⚠️ 수치는 실제 결과만 넣으세요. 미리보기 수치는 예시입니다.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 투표 결과 그래프(poll results bar) 만들어줘. 보기들이 막대로 차오르며 %가 올라가게. 제목: 「==여러분의 선택은?==」. 보기와 수치: 「==A 바로 써본다 62% / B 좀 더 배운다 27% / C 아직 모르겠다 11%==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.5초: 미색 바탕 왼쪽 위에 작은 빨간 「LIVE POLL」과 큰 제목 「==여러분의 선택은?==」, 아래로 보기 줄(이름 · 빈 막대 · 0%)이 놓임
· 0.5~2.5초: 보기 막대가 위에서부터 조금씩 엇갈려 차례로 왼쪽부터 차오르고, 오른쪽 % 숫자도 0부터 함께 올라감
· 2.5~5.0초: 모든 막대와 숫자가 적은 값에서 딱 멈춘 채 머묾
[볼거리 한 번] 마지막 막대가 멈추는 순간 한 번: 빨간 첫째 막대가 반짝이며 그 % 글자가 살짝 커졌다 돌아옴
[모양] 미색(#F4F1EA) 바탕에 검정(#16130E) 굵은 글자, 왼쪽 정렬 · 한 줄 = 보기 이름 · 둥근 막대(빈 길 연베이지 #E2DDD1) · %(오른쪽 정렬, 자릿수 폭 고정) · 첫째 보기 막대만 빨강(#E8442E), 나머지는 검정. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 막대 길이는 %에 정확히 비례 · 적어 준 수치 그대로(합계 맞추려 고치지 말 것)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#교육#공공

🔀 장면 전환 6

장면과 장면 사이를 잇는 기술

B09

코너 전환 브리지

bumper · title bridge

빨강·검정 면이 사선으로 휙 지나가며 다음 코너 번호와 제목을 보여줍니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 코너 전환 브리지(bumper) 만들어줘. 빨강·검정 면이 사선으로 휙 지나가며 큰 번호와 제목이 1.5초 보였다 사라지게. 번호: 「==02==」. 제목: 「==실습 시간==」.
[길이·크기] 전체 약 2.4초(번호·제목이 보이는 시간 1.5초) · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.0~0.5초: 빨간 사선 띠가 왼쪽에서 오른쪽으로 화면을 휙 가로지름
· 0.2~0.5초: 바로 뒤따라 검정 면이 사선 모서리를 앞세워 왼쪽에서 밀려 들어와 화면을 다 덮음
· 0.3~0.7초: 왼쪽에 큰 빨간 번호 「==02==」 글자가 왼쪽에서 미끄러져 들어오고, 그 오른쪽에 작은 「CORNER」와 큰 제목 「==실습 시간==」
· 0.7~2.0초: 번호와 제목이 또렷이 머묾
· 2.0~2.4초: 검정 면이 사선 모서리째 오른쪽으로 빠져나가며 원래 영상이 다시 드러남
[볼거리 한 번] 검정 면이 화면을 다 덮는 순간 한 번: 큰 번호가 묵직하게 밀려 들어와 딱 멈춤
[모양] 빨강(#E8442E) 띠 · 검정(#16130E) 면 · 번호는 빨강, 화면 높이의 1/3 남짓 아주 크고 굵게 · 「CORNER」 회색(#BDB6A8) 작게 자간 넓게 · 제목 미색(#F4F1EA) 굵게 · 왼쪽 정렬. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 빨강·검정 면의 사선은 같은 방향으로 기울게 · 머무는 동안은 흔들지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#교육#공공
B12🧊 3D

3D 큐브 전환

cube transition

화면 전체가 주사위처럼 옆으로 굴러 다음 장면이 나옵니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 3D 큐브 전환(cube transition) 만들어줘. 3D는 Three.js로. 앞 장면이 주사위 옆면처럼 돌아가며 다음 장면이 나오게. 앞 장면: ==a.mp4==. 다음 장면: ==b.mp4==.
[길이·크기] 전체 약 1초 · 1920x1080(가로 16:9).
[장면 순서]
· 전환 직전: 앞 장면이 화면을 꽉 채운 평소 모습 그대로
· 0.0~0.5초: 앞 장면 면이 주사위 앞면처럼 왼쪽으로 돌아가기 시작하고(처음엔 천천히), 카메라가 뒤로 물러나 오른쪽 옆면의 다음 장면이 드러남
· 0.4~0.6초: 한가운데 — 주사위가 45도로 돌아 두 면이 반반 보이고, 크기는 화면의 2/3쯤으로 가장 작아짐
· 0.5~1.0초: 다음 장면 면이 정면으로 돌아오며 카메라가 다시 다가가고, 끝에 다음 장면이 화면을 꽉 채우며 부드럽게 멈춤
[볼거리 한 번] 한가운데서 딱 한 번, 카메라가 가장 멀리 물러나 주사위의 입체 모서리가 또렷이 드러나는 순간
[모양] 주사위의 이웃한 두 면에 앞 장면·다음 장면, 나머지 면은 짙은 회색(#111418) · 주사위 뒤 배경은 거의 검은 남색(#06080E) · 두 장면은 조명·그림자 없이 원래 밝기 그대로. 
[움직임] 전환 한가운데가 가장 강하게 · 시작은 부드럽게 빨려지고 끝은 부드럽게 느려지게 · 앞·뒤 장면 영상 자체는 그대로.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 위아래로 기울거나 더 돌지 않게 — 옆으로 딱 1/4 바퀴만
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#IT#쇼핑몰
B13🧊 3D

잉크 번짐 전환

ink bleed transition

먹물이 번지듯 가장자리가 울퉁불퉁하게 퍼지며 장면이 바뀝니다. 차분하고 고급스러워요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 잉크 번짐 전환(ink bleed transition) 만들어줘. 먹물이 번지듯 가장자리가 울퉁불퉁하게 퍼지며 앞 장면에서 다음 장면으로 바뀌게. 셰이더로. 앞 장면: ==a.mp4==. 다음 장면: ==b.mp4==.
[길이·크기] 전체 약 1.5초 · 1920x1080(가로 16:9).
[장면 순서]
· 전환 직전: 앞 장면 그대로
· 0.0~0.6초: 화면 왼쪽 1/3 지점, 세로 가운데에 작은 먹물 얼룩이 생기고 그 안에 다음 장면이 비침(처음엔 천천히)
· 0.6~1.2초: 얼룩이 구름처럼 울퉁불퉁한 가장자리를 유지하며 빠르게 번져 화면 대부분을 덮음 · 가장자리를 따라 짙은 먹색 띠
· 1.2~1.5초: 번짐이 조금 느려지며 마지막으로 오른쪽 구석까지 닿고, 다음 장면이 화면을 꽉 채움
[볼거리 한 번] 번짐이 가장 빠른 한가운데서 한 번, 가장자리 먹선이 가장 굵고 짙어지며 종이에 잉크가 스미는 결이 보임
[모양] 번지는 가장자리는 구름처럼 울퉁불퉁(매끈한 원 아님) · 가장자리에 가는 먹색(#16130E) 띠 · 앞·뒤 장면 밝기·색은 그대로 · 번짐 중심은 화면 왼쪽 30%, 세로 가운데. 
[움직임] 전환 한가운데가 가장 강하게 · 시작은 부드럽게 빨려지고 끝은 부드럽게 느려지게 · 앞·뒤 장면 영상 자체는 그대로.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 먹물 튀김·물방울 같은 다른 요소 넣지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#뷰티#교육#공공#음식점
B14

필름 빛 샘 전환

light leak transition

주황·분홍 빛이 필름에 새어 들어오듯 번쩍이며 장면이 바뀝니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 필름 빛 샘 전환(light leak transition) 만들어줘. 필름에 빛이 새어 들어오듯 화면 왼쪽 위에서 큰 빛 덩어리가 번져 들어와 오른쪽 아래로 비스듬히 가로지르고, 빛이 가장 밝아 화면이 하얗게 뜨는 순간 앞 장면에서 다음 장면으로 바뀐 뒤 빛이 옅어지며 빠져나가게. 빛 색: ==주황과 분홍==(한가운데는 따뜻한 흰색). 앞 장면: ==a.mp4==. 다음 장면: ==b.mp4==.
[길이·크기] 전체 약 1초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 화면 왼쪽 위 가장자리에서 ==주황과 분홍== 빛 덩어리가 스며들 듯 번져 들어오며 점점 밝아지고, 앞 장면도 빛을 받아 함께 환해짐
· 0.4~0.6초: 빛이 화면 가운데를 지나며 가장 밝아져 화면이 하얗게 뜨고, 그 빛에 가려진 채 다음 장면으로 바뀜
· 0.6~1.0초: 빛 덩어리가 오른쪽 아래로 계속 흘러 나가며 옅어지고, 다음 장면이 또렷이 드러남
· 빛이 지나는 동안: 빛은 멈추거나 되돌아가지 않고 왼쪽 위에서 오른쪽 아래로 일정하게 비스듬히 흐름
[볼거리 한 번] 빛이 가장 밝은 한순간, 화면 전체가 하얗게 타오르듯 번쩍했다 풀림
[모양] 큰 둥근 빛 덩어리: 한가운데는 따뜻한 흰색, 바깥으로 갈수록 ==주황과 분홍== 빛으로 번지다 투명하게 · 화면에 더하듯 밝게 겹침 · 화면 대부분을 덮을 만큼 크게. 
[움직임] 전환 한가운데가 가장 강하게 · 시작은 부드럽게 빨려지고 끝은 부드럽게 느려지게 · 앞·뒤 장면 영상 자체는 그대로.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 필름 긁힘·먼지·글자 같은 다른 요소 넣지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#뷰티#음식점#유튜버
B15

분할 화면

split screen

한 화면이 2분할, 4분할로 퍼즐처럼 열립니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 분할 화면(split screen) 만들어줘. 영상 여러 개를 1개 → 2분할 → 4분할로 퍼즐처럼 열어줘. 영상 파일: ==cam1.mp4 / cam2.mp4 / cam3.mp4 / cam4.mp4==.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.7초: 첫 영상이 화면을 꽉 채움
· 0.7~1.4초: 오른쪽 끝에서 세로 경계선이 가운데로 미끄러져 오며, 첫 영상은 왼쪽 절반으로 줄고 오른쪽 절반에 둘째 영상이 열림
· 1.4~2.1초: 2분할로 잠깐 머묾
· 2.1~2.9초: 아래 끝에서 가로 경계선이 가운데로 올라오며, 아래 절반에 셋째·넷째 영상이 열려 4분할이 됨
· 2.9~5.0초: 4분할로 머묾(네 영상 모두 재생)
[볼거리 한 번] 4분할이 완성되는 순간 한 번: 네 칸 경계선이 퍼즐처럼 딱 맞물리며 한 번 반짝
[모양] 칸 사이는 얇은 짙은 선(#16130E), 모서리는 각지게 · 영상은 칸을 꽉 채움. 
[움직임] 전환 한가운데가 가장 강하게 · 시작은 부드럽게 빨려지고 끝은 부드럽게 느려지게 · 앞·뒤 장면 영상 자체는 그대로.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 영상은 찌그러뜨리지 말고 칸에 맞춰 꽉 채움(가장자리는 잘려도 됨)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#부동산#뷰티#교육
B16

VHS 되감기

VHS rewind effect

비디오테이프를 되감듯 줄무늬와 색 번짐이 생기고 «◀◀ 10분 전»이 뜹니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 VHS 되감기 효과(VHS rewind effect) 만들어줘. 줄무늬와 색 번짐, 흔들림 위에 되감기 표시와 거꾸로 가는 시간이 보이다가 원래 화면으로 돌아오게. 표시 글자: 「==◀◀ 10분 전==」.
[길이·크기] 전체 약 2초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.0~2.0초: 영상 색이 진하고 대비가 세지며 색조가 살짝 틀어지고, 화면이 좌우로 잘게 떨림 · 가는 가로 줄무늬가 화면 전체에 깔림
· 1초에 스무 번: 굵기가 제각각인 밝은 가로 띠 3개가 무작위 높이에서 번쩍였다 자리를 옮김(테이프 잡음)
· 0.8초마다: 왼쪽 위 「==◀◀ 10분 전==」 표시가 0.55초 켜졌다 0.25초 흐려지며 깜빡임
· 0.0~2.0초: 오른쪽 아래 분:초 시계가 표시 글자의 시간만큼 거꾸로 빠르게 줄어듦(예: 15:00 → 05:30)
· 1.9~2.0초: 줄무늬·떨림·표시가 한 번에 꺼지고 원래 영상으로 돌아옴
[볼거리 한 번] 원래 영상으로 돌아오는 순간 한 번: 화면이 위아래로 톡 튀며 줄무늬가 싹 걷힘
[모양] 가로 줄무늬 40여 줄(아주 옅게) · 글자는 타자기 같은 고정폭 글꼴, 흰색에 빨강(#FF2B55)·하늘색(#22D3EE)이 좌우로 어긋난 번짐 · 표시는 왼쪽 위에 크게, 시계는 오른쪽 아래 작게. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 색 번짐·떨림은 되감는 동안에만 — 끝나면 원래 영상 색 그대로
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#음식점

🎬 오프닝·로고 4

영상의 첫인상 — 로고 인트로·타이틀·배경

T01🧊 3D

입자 로고 인트로

particle logo reveal

흩어진 빛 알갱이 수천 개가 모여 로고가 됩니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 입자 로고 인트로(particle logo reveal) 만들어줘. 3D는 Three.js로. 흩어진 빛 알갱이 수천 개가 모여 로고 모양이 되고, 잠시 반짝인 뒤 흩어지게. 로고 파일: ==logo.png==.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.8초: 화면 곳곳(앞뒤 깊이까지)에 흩어진 빛 알갱이 수천 개가 부드럽게 출발해 가운데로 모이며 로고 모양이 됨
· 1.8~3.8초: 로고가 완성된 채 머묾 · 알갱이들이 제자리에서 앞뒤로 살짝 일렁여 반짝이는 느낌
· 3.8~5.0초: 알갱이가 부드럽게 출발해 사방으로 흩어지며 로고가 풀림(끝에서 천천히 멈춤)
· 처음부터 끝까지: 알갱이 무리 전체가 좌우로 살짝(15도쯤) 천천히 돌았다 돌아옴
[볼거리 한 번] 알갱이가 로고로 딱 모이는 순간 로고 전체가 한 번 환하게 번쩍였다가 가라앉음
[모양] 거의 검은 배경(#05070D), 작은 빛 점이 겹칠수록 더 밝아지는 빛, 로고 왼쪽 하늘색 #4FD6FF에서 오른쪽 주황 #FFB45A로 번지는 색, 로고는 화면 가운데에 폭의 2/3쯤. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 로고 파일 모양 그대로 — 글자·도형을 새로 그리거나 바꾸지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#쇼핑몰#IT#뷰티#유튜버
B08🧊 3D

3D 로고 스팅

3D logo sting

금속 배지 로고가 빙글 돌아 멈추고, 표면에 빛이 한 번 쓱 지나갑니다. 방송국 로고 같은 짧은 인트로예요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 3D 로고 스팅(logo sting) 만들어줘. 3D는 Three.js로. 금속 테두리 동전 모양 배지에 로고를 새겨, 빙글 돌다 멈추고 표면에 빛이 한 번 쓱 지나가게. 로고 파일: ==logo.png==.
[길이·크기] 전체 약 2초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.5초: 거의 검은 화면 가운데에 금빛 동전 배지가 0.6배 크기에서 톡 튀듯 커지며 등장
· 0.0~0.7초: 동시에 세로축으로 한 바퀴 반 남짓 빠르게 돌다가 점점 느려지며 로고가 정면을 볼 때 멈춤
· 0.7~1.1초: 멈춘 뒤 좌우로 아주 살짝 한 번 까딱하며 자리 잡음
· 0.9~1.3초: 따뜻한 흰 빛이 왼쪽 위에서 오른쪽 아래로 표면을 쓱 지나감(가운데서 가장 밝게)
· 1.3~2.0초: 정면을 보고 멈춘 채 머묾
[볼거리 한 번] 빛이 지나가는 한순간, 금빛 테두리가 번쩍 반사되며 가장 밝게 빛남
[모양] 배경 거의 검정(#0B0A09) · 동전 = 두꺼운 금속 금빛 테두리(#D4A857) 안에 미색 원판, 거기에 로고(앞뒷면 모두) · 오른쪽 위 앞에서 비추는 흰 조명 · 지름은 화면 높이의 3/4쯤. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 로고 모양·색을 바꾸거나 새로 그리지 말 것(받은 파일 그대로 새김)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#IT#제조#공공
B19🧊 3D

3D 무대 오프닝 타이틀

3D stage opening title

어두운 무대에 조명이 하나씩 «탁탁» 켜지고, 가운데로 제목이 올라옵니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 3D 무대 오프닝 타이틀(3D stage opening title) 만들어줘. 3D는 Three.js로. 캄캄한 무대 위쪽에 따뜻한 흰색 조명 4개가 왼쪽부터 하나씩 탁 깜빡이며 켜져 바닥까지 빛기둥을 드리우고, 무대 뒤에 빨간 빛이 은은히 번지면 가운데로 제목이 아래에서 떠오르게. 제목: 「==모두의 AI교육==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 캄캄한 무대 — 윤이 나는 둥근 바닥과 뒷벽만 희미하게(살짝 위에서 내려다봄)
· 0.4~1.6초: 무대 위 조명 4개가 왼쪽부터 같은 간격으로 하나씩 켜짐 — 켜질 때마다 한 번 흐릿하게 깜빡였다 환해지며 빛기둥이 바닥까지 드리움
· 1.9~2.6초: 무대 뒷벽에 빨간 빛이 은은하게 번져 오름
· 2.1~3.0초: 가운데로 큰 제목 「==모두의 AI교육==」 글자가 아래에서 살짝 떠오르며 또렷해짐
· 3.0~4.6초: 조명 켜진 무대 위에 제목이 머묾
· 4.6~5.0초: 제목이 스르르 사라짐(조명은 켜진 채)
[볼거리 한 번] 마지막 조명이 켜질 때 한 번, 네 빛기둥이 함께 번쩍했다 가라앉음
[모양] 바닥·벽은 거의 검은 밤색 · 조명·빛기둥은 따뜻한 흰색(#FFF0D6), 빛기둥은 가운데로 살짝 기울고 옅게 · 뒤쪽 빛 빨강(#E8442E) · 제목 미색(#F4F1EA) 가장 굵게, 짙은 그림자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 조명은 딱 4개, 한꺼번에 켜지 말 것 · 무대에 사람·소품 넣지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#교육#공공#제조
T15🧊 3D

물결 배경 루프

animated gradient background loop

자막이나 제목 뒤에 까는 움직이는 배경입니다. 끊김 없이 반복되고, 색은 브랜드 색으로 바꿀 수 있어요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 끊김 없이 반복되는 배경 영상(background loop) 만들어줘. 그라데이션이 물결처럼 흐르고 작은 점무늬가 물결 따라 반짝이게. 마지막 장면이 첫 장면과 똑같이 이어져서 반복해도 이어 붙인 자리가 안 보이게. 배경 색: ==남색과 파랑, 물결 꼭대기에 주황빛==.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~2.0초: 비스듬한 물결 띠들이 천천히 출렁이며 왼쪽 아래로 밀려감
· 2.0~4.0초: 방향을 부드럽게 틀어 오른쪽 아래로
· 4.0~6.0초: 다시 틀어 오른쪽 위로
· 6.0~8.0초: 왼쪽 위로 돌아오며 첫 장면과 똑같은 모습이 됨 — 여기서 처음으로 이어 붙음
· 물결 꼭대기마다: 밝은 물결 위에 강조색이 살짝 번지고, 그 자리의 작은 점들이 더 밝게 반짝임
· 가운데 글자가 있으면: 화면 한가운데 흰 아주 굵은 글자(은은한 그림자)는 제자리에 고정 — 배경만 움직임
[볼거리 한 번] 한 바퀴에 딱 한 번, 물결 꼭대기가 가장 밝게 솟으며 점무늬가 한꺼번에 반짝였다 가라앉음
[모양] 화면 가득 부드러운 그라데이션(==남색과 파랑, 물결 꼭대기에 주황빛== — 가장 어두운 색이 바탕, 밝은 색이 물결 띠, 꼭대기만 강조색 살짝) · 가로 50칸쯤 격자로 아주 작은 둥근 점무늬가 전체에 깔림. 
[움직임] 마지막 장면이 첫 장면과 똑같이 이어져 반복해도 끊긴 자리가 안 보이게 · 모든 움직임은 한 바퀴 길이에 맞춰 돌고 멈추는 순간 없이.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 가운데 글자 뒤가 너무 밝아져 글자가 묻히지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#IT#뷰티#교육

✨ 효과·오브젝트 4

분위기를 살리는 효과와 떠다니는 물체

T02🧊 3D

제품 360° 턴테이블

3D product turntable

제품을 스튜디오에서 찍은 제품샷처럼 반사 바닥 위에서 천천히 돌려 보여줍니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 제품 360° 턴테이블(3D product turntable) 만들어줘. 3D는 Three.js로. 제품이 반사 바닥 위에서 천천히 한 바퀴 돌게. 스튜디오 조명. 제품 사진·표지 파일: ==cover.png==.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.5초: 제품 앞면(==cover.png== 그림)이 정면을 보고 시작해, 한 방향으로 천천히 돌며 옆면이 앞으로 옴
· 1.5~3.0초: 같은 빠르기로 계속 돌아 뒷면이 정면에 옴
· 3.0~4.5초: 반대쪽 옆면이 앞을 지나감
· 4.5~6.0초: 앞면이 다시 정면으로 돌아와 처음 모습 그대로 — 딱 한 바퀴
· 도는 내내: 제품이 위아래로 아주 살짝 두 번 떠올랐다 내려앉고, 광택 바닥에 제품이 은은하게 비침
[볼거리 한 번] 한 바퀴를 돌아 앞면이 다시 정면에 오는 순간 흰 조명 반사가 앞면 위를 한 번 쓱 스침
[모양] 아주 어두운 남색 배경(#0A0E18), 제품 아래 둥근 검회색 광택 바닥, 오른쪽 위 앞에서 흰 주 조명 + 왼쪽 뒤에서 하늘색 #4FD6FF 테두리 빛, 카메라는 살짝 위에서, 제품 윗부분은 카메라 쪽으로 살짝 숙임. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 제품 사진을 늘리거나 잘라 비율을 바꾸지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#쇼핑몰#제조#뷰티#교육
T18🧊 3D

3D 떠다니는 아이콘

floating 3D icons

문서·폴더·메일·차트·톱니바퀴가 공중에서 둥실둥실 돕니다. 주제를 한눈에 보여주는 인서트예요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 3D 아이콘들이 공중에 떠서 둥실둥실 도는 인서트(floating 3D icons) 만들어줘. 3D는 Three.js로. 아이콘: 「==문서 / 폴더 / 메일 / 차트 / 톱니바퀴==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.5초: 모든 아이콘이 처음부터 제자리에 떠 있고, 각자 다른 박자로 이미 둥실거리는 중(한꺼번에 같은 방향으로 움직이지 않게)
· 1.5~4.5초: 각자 위아래로 살짝(아이콘 크기의 1/5쯤) 오르내리며, 좌우로 30도쯤 몸을 틀고 앞뒤로 살짝 끄덕임
· 4.5~6.0초: 모두 처음 자리·자세로 돌아와 첫 장면과 그대로 이어짐
· 처음부터 끝까지: 마지막 아이콘(맨 위 가운데)만 제자리에서 한 바퀴 길이 동안 딱 한 바퀴 빙글 돎
· 배치: 「==문서 / 폴더 / 메일 / 차트 / 톱니바퀴==」 순서대로 왼쪽부터 위·아래 지그재그로 놓고, 마지막 아이콘은 맨 위 가운데
[볼거리 한 번] 마지막 아이콘이 한 바퀴를 다 도는 순간 표면에 빛이 한 번 반짝 스침
[모양] 배경은 밝은 파스텔 하늘빛(#E9EEFB), 매끈한 플라스틱 같은 단순한 입체 아이콘(흰 문서·노랑 폴더·파랑 메일·분홍·보라·초록 막대 차트·회색 톱니), 밝고 부드러운 조명, 카메라 정면 고정. 
[움직임] 마지막 장면이 첫 장면과 똑같이 이어져 반복해도 끊긴 자리가 안 보이게 · 모든 움직임은 한 바퀴 길이에 맞춰 돌고 멈추는 순간 없이.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 아이콘끼리 겹치거나 화면 밖으로 나가지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#IT#교육#공공#쇼핑몰
B06🧊 3D

이모지 폭죽

emoji burst · confetti

박수·폭죽 이모지가 3D 공간에서 팡 터지며 흩어집니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 이모지 폭죽(emoji burst) 만들어줘. 이모지가 화면 가운데서 팡 터져 3D로 흩어지며 떨어지게. 배경은 투명하게. 이모지: ==🎉 👏 ✨==.
[길이·크기] 전체 약 2초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.0~0.1초: 화면 가운데(살짝 오른쪽 아래) 한 점에서 이모지 40여 개가 아주 조금씩 시차를 두고 팡 터져 나옴
· 0.0~0.3초: 이모지마다 작게 시작해 톡 튀듯 제 크기로 커짐
· 0.1~1.3초: 사방과 앞뒤(3D 깊이)로 흩어지며 위로 솟았다가 포물선을 그리며 떨어지고, 저마다 빙글 돎
· 1.3~2.0초: 계속 떨어지며 점점 옅어져 사라짐
[볼거리 한 번] 터지는 첫 순간 한 번: 이모지 몇 개가 화면 앞쪽으로 크게 날아와 스치듯 지나감
[모양] 이모지 ==🎉 👏 ✨== 섞어 40여 개 · 크기는 제각각(큰 것이 작은 것의 2배쯤) · 가까이 날아오는 것은 크게 보이는 3D 원근 · 배경 투명. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 적어 준 이모지 말고 다른 그림·글자는 넣지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#쇼핑몰#음식점#교육
B04

집중선 + 화면 흔들림

speed lines · camera shake

놀라는 순간 화면이 확 당겨지고 만화처럼 집중선이 쏟아집니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 집중선(speed lines)과 화면 흔들림(camera shake) 넣어줘. 순간 화면이 인물 쪽으로 1.2배 확 당겨지며 흰 빛이 짧게 번쩍하고, 만화 집중선이 얼굴을 향해 쏟아지게. 화면 흔들림은 처음에만 잠깐 떨다 잦아들며 멈추고, 끝에 모두 한꺼번에 사라지며 화면이 원래 크기로 돌아오게.
[길이·크기] 전체 약 1.5초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.0~0.1초: 영상이 인물 얼굴 쪽을 중심으로 1.2배 확 당겨지고, 동시에 흰 빛이 화면 전체에 번쩍
· 0.0~0.2초: 흰 번쩍임이 빠르게 걷히며, 얼굴 둘레를 비워 둔 흰 집중선이 화면 가장자리까지 쏟아짐
· 0.0~0.4초: 화면이 빠르게 좌우로 떨리다 잦아들며 멈춤
· 0.4~1.4초: 당겨진 화면 그대로, 집중선이 1초에 열 번 넘게 새로 그려지며 파르르 떨림
· 1.4~1.5초: 집중선까지 모두 한꺼번에 사라지고 화면이 원래 크기로 돌아옴
[볼거리 한 번] 당겨지는 첫 순간 한 번: 번쩍임과 함께 집중선이 가장 빽빽하고 굵게 터져 나옴
[모양] 집중선 = 흰 가는 쐐기 70개쯤, 얼굴을 가운데 두고 사방으로 · 번쩍임 흰색. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 집중선이 얼굴을 덮지 않게 얼굴 둘레는 비워 둠
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#쇼핑몰#음식점

🙋 인물·후기 4

사람을 소개하고 목소리를 전하는 장치

T16

방송형 이름 자막

lower third

화면 아래에 이름과 직함 띠가 스르륵 들어왔다 나갑니다. 방송 뉴스의 이름 자막과 같은 형식이에요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 방송형 이름 자막(lower third) 만들어줘. 화면 왼쪽 아래에 이름과 직함 띠가 스르륵 들어와 머물다 나가게. 이름: 「==홍길동==」. 직함: 「==○○카페 대표==」.
[길이·크기] 전체 약 4초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.2~0.4초: 화면 왼쪽 아래에 얇은 주황 세로 막대가 가운데서 위아래로 쭉 자라남
· 0.3~0.7초: 막대 오른쪽으로 짙은 남색 띠가 왼쪽에서 오른쪽으로 스르륵 펼쳐짐
· 0.5~0.9초: 띠 안에 「==홍길동==」 흰 굵은 큰 글씨가 살짝 아래에서 올라오며 나타남
· 0.7~1.0초: 그 아래 「==○○카페 대표==」 작은 회청색 글씨가 조금 늦게 같은 방식으로
· 1.0~3.6초: 그대로 머묾
· 3.6~4.0초: 띠가 오른쪽에서 왼쪽으로 접히듯 닫히며 글자와 함께 사라지고 주황 막대도 줄어듦
[볼거리 한 번] 띠가 다 펼쳐지는 순간 주황 막대에서 빛 한 줄기가 띠를 따라 오른쪽으로 한 번 스침
[모양] 짙은 남색 반투명 띠(아래 영상이 살짝 비침), 띠 왼쪽 끝에 얇은 주황 #FFB45A 세로 막대, 이름은 흰 아주 굵은 큰 글씨, 직함은 그 아래 작은 회청색 #9FB0D0, 화면 왼쪽 아래(가장자리에서 조금 띄움). 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 사람 얼굴·몸을 가리지 않게 화면 왼쪽 아래 구석에만
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#병원#공공#유튜버
B05

캐릭터 이름표

character name callout

등장인물 옆에 화살표가 그려지고 별명 이름표가 붙습니다. 인물 소개를 예능처럼 해요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 캐릭터 이름표(name callout) 만들어줘. 인물 옆에 노란 화살표가 그려지고 별명 이름표가 붙게. 얼굴은 가리지 말아줘. 별명: 「==AI 초보 김대리==」.
[길이·크기] 전체 약 3초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.2~0.6초: 이름표 자리 왼쪽 끝에서 인물 머리 쪽으로, 위로 휘는 노란 곡선 화살표가 펜으로 긋듯 그려짐
· 0.6~0.7초: 화살표 끝에 화살촉이 톡 붙음
· 0.6~0.9초: 화면 오른쪽 위쪽에 노란 이름표가 왼쪽 끝을 축으로 톡 튀어나와 자리 잡음(작은 「등장인물」 + 큰 「==AI 초보 김대리==」)
· 0.9~2.7초: 이름표가 좌우로 아주 살짝 까딱이며 머묾
· 2.7~3.0초: 이름표가 작아지며 사라지고 화살표도 옅어짐
[볼거리 한 번] 이름표가 붙는 순간 한 번 크게 튕겨 1.3배까지 커졌다 제자리
[모양] 이름표 = 노랑(#FFD400) 바탕, 검정(#16130E) 굵은 테두리·둥근 모서리, 오른쪽 아래로 검정 그림자가 딱 떨어지는 만화풍 · 글자 검정, 별명은 가장 굵게 · 화살표는 노란 굵은 선. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 화살표 끝은 얼굴 바로 옆에서 멈추고 얼굴을 덮지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#교육#음식점#병원
B11

화상 연결 창

picture-in-picture call window

«연결 중…» 표시 뒤에 사각 창이 켜지며 다른 사람 화면이 붙습니다. 인터뷰나 현장 연결처럼 보여요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 화상 연결 창(picture-in-picture) 만들어줘. 오른쪽 위에 「연결 중…」이 뜬 뒤 창이 켜지며 다른 영상이 붙게. 붙일 영상: ==guest.mp4==.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.1~0.5초: 화면 오른쪽 위에서 창이 오른쪽 위 모서리를 축으로 톡 튀어나오며 커짐
· 0.1~1.8초: 창 안은 검정 화면에 전화기 📞 그림과 「연결 중」 — 뒤의 점이 1개→2개→3개로 1초에 세 번 바뀜
· 1.8~2.1초: 연결 화면이 스르르 걷히며 붙일 영상(게스트 화면)이 드러남
· 2.1~4.6초: 게스트 화면이 창 안에서 그대로 재생되며 머묾
· 4.6~5.0초: 창이 오른쪽 위 모서리 쪽으로 작아지며 사라짐
[볼거리 한 번] 연결되는 순간 한 번: 창 테두리가 밝게 번쩍이며 게스트 화면이 켜짐
[모양] 창 = 화면 폭의 40%, 16:10 비율, 둥근 모서리, 미색(#F4F1EA) 테두리, 아래로 짙은 그림자 · 연결 화면은 검정(#16130E)에 미색 글자. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 창은 오른쪽 위에만(인물 얼굴을 가리지 않게) · 붙일 영상은 찌그러뜨리지 말고 창에 꽉 차게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#병원#부동산#유튜버
T04

후기 카드 캐러셀

testimonial carousel

후기와 한마디를 카드로 한 장씩 넘겨 보여줍니다.

⏱
⚠️ ⚠️ 후기는 실제로 받은 것만 넣으세요. 지어내면 안 됩니다.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 후기 카드 캐러셀(testimonial carousel) 만들어줘. 별 다섯 개와 후기 문장이 적힌 카드가 한 장씩 옆으로 넘어가게. 후기는 아래 실제 문장만 쓰고 새로 지어내지 마. 후기: 「==후기 1 / 후기 2 / 후기 3==」.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.7초: 가운데 첫 후기 카드가 머묾 · 양옆 화면 끝에 다른 카드가 작고 흐리게 가장자리만 살짝 보임
· 1.7~2.7초: 부드럽게 출발·정지하며 카드들이 한 칸 왼쪽으로 밀리고, 둘째 카드가 오른쪽에서 가운데로 커지며 들어옴
· 2.7~4.4초: 둘째 카드가 가운데에서 머묾
· 4.4~5.3초: 같은 방식으로 한 칸 더 밀려 셋째 카드가 가운데로
· 5.3~8.0초: 셋째 카드가 끝까지 머묾
· 후기가 더 많으면: 카드마다 같은 박자(머묾 → 한 칸 밀림, 머묾이 밀림의 두 배쯤)로 이어 감
[볼거리 한 번] 마지막 카드가 가운데 자리 잡는 순간 별 다섯 개가 왼쪽부터 차례로 한 번 반짝이며 톡 튐
[모양] 짙은 남색→보라 대각선 그라데이션 배경, 흰 둥근 카드(화면 폭의 절반 남짓, 깊은 그림자), 맨 위 금색 #F59E0B 별 다섯 개, 굵은 남색 후기 문장, 아래 작은 회색 한 줄(적어 준 작성자만). 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 후기 문장·작성자 이름을 지어내거나 다듬지 말 것 · 옆 카드는 흐리게 두어 가운데 카드만 읽히게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#병원#교육#뷰티#음식점

🔔 엔딩·구독 4

시청을 행동으로 잇는 마무리

T05

전화 CTA 엔드카드

CTA end card

영상 마지막에 전화번호를 타자 치듯 띄우고, 버튼이 두근거리게 합니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 전화 CTA 엔드카드(CTA end card) 만들어줘. 제목 아래 전화번호를 타자 치듯 띄우고, 버튼이 두근거리게. 제목: 「==예약 문의==」. 전화번호: 「==02-000-0000==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.5초: 화면 가운데 위쪽에 「==예약 문의==」 작은 회청색 글씨가 부드럽게 나타남
· 0.5~1.8초: 그 아래 아주 큰 굵은 글씨로 「==02-000-0000==」 한 글자씩 타자 치듯 찍히고, 끝에 세로 커서가 깜박임
· 2.0~2.5초: 번호 아래 주황 알약 모양 버튼이 작게 시작해 톡 튀어 오르며 자리 잡음 · 커서는 사라짐
· 2.4~5.0초: 버튼 둘레에서 주황 테두리 고리가 약 0.9초마다 1.5배로 퍼지며 옅어지기를 되풀이(두근두근)
[볼거리 한 번] 버튼이 튀어 오를 때 한 번 1.3배까지 크게 튕겼다가 제자리로
[모양] 가운데가 조금 밝은 짙은 남색 배경(#1C2B52, 가장자리는 거의 검정), 제목은 작은 회청색 #9FB0D0, 번호는 흰 아주 굵은 큰 글씨(숫자 폭 고정), 버튼은 주황 #FFB45A 알약에 짙은 굵은 글씨. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 전화번호는 줄바꿈 없이 한 줄에
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#병원#부동산#음식점#교육
B17

챕터 진행 바

chapter progress bar

화면 위쪽에 목차 점이 있고, 지금 몇 번째 단원인지 불이 옮겨 갑니다. 긴 영상에서 시청자가 길을 잃지 않아요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 챕터 진행 바(chapter progress bar) 만들어줘. 화면 위에 단원 점들이 있고, 영상 시간에 맞춰 지금 단원에 불이 옮겨 가게. 단원: 「==도입 / 개념 / 실습 / 주의 / 정리==」.
[길이·크기] 전체 영상 내내 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 처음부터: 화면 위쪽에 짙은 반투명 둥근 막대, 그 안에 가는 선과 단원 점들이 같은 간격으로 놓이고 점 아래 단원 이름 「==도입 / 개념 / 실습 / 주의 / 정리==」
· 영상이 흐르는 내내: 빨간 줄이 첫 점에서 마지막 점까지 영상 시간에 맞춰 조금씩 차오름
· 줄이 다음 점에 닿을 때: 그 점이 빨갛게 켜지며 둘레에 옅은 빨간 고리, 그 단원 이름은 밝은 미색으로 1.15배 · 앞 단원 이름은 회색으로
· 지난 단원: 지나온 점은 빨간 채로 남음(고리는 지금 단원에만)
· 시각을 안 적었으면: 단원마다 같은 길이로 나눔
[볼거리 한 번] 마지막 단원 점이 켜지는 순간 한 번: 막대 전체가 빨갛게 한 번 반짝
[모양] 막대 = 짙은 먹색(#16130E) 반투명 둥근 판, 위쪽 가장자리 가까이 · 선과 꺼진 점은 짙은 회갈색(#4A4538) · 켜진 점·차오르는 줄 빨강(#E8442E) · 단원 이름 작고 굵게 회색(#BDB6A8), 지금 단원만 미색. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 막대는 화면 위쪽 가장자리에 얇게 · 왼쪽 1/4은 비워 둠
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#유튜버#IT
B18

구독·좋아요 유도

subscribe button animation

마우스 커서가 들어와 «구독» 버튼을 누르고, 종 모양이 흔들리고, 좋아요가 톡 튑니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 구독·좋아요 유도 애니메이션(subscribe button animation) 만들어줘. 화면 아래 가운데에 좋아요(👍) · 빨간 「구독」 버튼 · 종(🔔)이 든 둥근 판이 뜨면, 마우스 커서가 오른쪽 아래에서 1초쯤 걸려 들어와 「구독」 버튼을 누르고 버튼이 회색 「구독중」으로 바뀌게. 누르고 0.4초쯤 뒤 종이 흔들리다 잦아들고, 종이 멈출 즈음 좋아요가 톡 튀게.
[길이·크기] 전체 약 4초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.1~0.4초: 화면 아래 가운데에 알약 모양 판이 스르르 나타남
· 0.4~1.3초: 흰 화살표 커서가 오른쪽 아래 구석에서 살짝 위로 휘는 곡선을 그리며 「구독」 버튼으로 옴
· 1.4~1.9초: 커서가 톡 눌리고, 버튼이 회색 「구독중」으로 바뀌며 흰 동그라미 물결이 퍼져 사라짐
· 1.8~2.6초: 종이 윗부분을 축으로 좌우로 크게 흔들리다 잦아들며 멈춤
· 2.4~2.8초: 좋아요 손 모양이 1.6배로 톡 커졌다 돌아옴
· 3.4~4.0초: 커서가 스르르 사라지고 판은 「구독중」 그대로 머묾
[볼거리 한 번] 누르는 순간 한 번: 흰 물결 고리가 크게 퍼지며 버튼이 딱 바뀜
[모양] 판 = 짙은 먹색(#16130E) 반투명 알약, 화면 폭의 1/3쯤 · 구독 버튼 빨강(#E8442E)에 흰 굵은 글자, 누른 뒤 회갈색(#6B6457) · 커서 = 흰 화살표, 검정 테두리. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 실제 유튜브 로고 등 상표 그림 금지 · 판은 화면 아래쪽에만
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#교육#음식점#쇼핑몰
B20

엔딩 카드

end screen

마지막에 «다음 영상» 칸 두 개와 구독 동그라미 자리를 잡아 둡니다.

⏱
⚠️ ⚠️ 실제 영상 칸과 구독 버튼은 유튜브 스튜디오에서 이 자리에 얹습니다.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 유튜브 엔딩 카드(end screen) 만들어줘. 배경은 흐리게, 인사 문구 아래에 다음 영상 칸 2개와 구독 동그라미 자리를 비워 둬. 인사 문구: 「==시청해 주셔서 감사합니다==」.
[길이·크기] 전체 약 20초 · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 처음부터: 넣을 영상이 흐리게 뭉개지고 절반쯤 어둡게 깔림
· 0.2~0.6초: 화면 위쪽 가운데에 인사 문구 「==시청해 주셔서 감사합니다==」 글자가 스르르 나타남
· 0.4~1.0초: 그 아래 점선 빈 칸 2개가 조금 엇갈려 미끄러져 들어옴 — 왼쪽 칸은 왼쪽에서, 오른쪽 칸은 오른쪽에서(칸 안 작은 「다음 영상」·「추천 영상」)
· 1.0~1.4초: 아래 가운데에 빨간 「구독」 동그라미가 톡 튀어나오며 자리 잡음
· 1.4~20.0초: 동그라미가 숨 쉬듯 아주 살짝 커졌다 작아지기를 되풀이하며 머묾
[볼거리 한 번] 구독 동그라미가 나오는 순간 한 번 1.3배까지 크게 튕겼다 제자리
[모양] 인사 문구 미색(#F4F1EA) 굵게 · 빈 칸 = 16:9 비율, 화면 폭의 38%씩 좌우 나란히, 미색 점선 테두리·둥근 모서리, 속은 옅게 어둡게 · 구독 동그라미 = 빨강(#E8442E)에 미색 테두리, 흰 굵은 글자. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 빈 칸 안에 가짜 썸네일·영상 제목을 채우지 말 것(유튜브 스튜디오에서 얹을 자리)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#유튜버#교육#쇼핑몰

🗺️ 지도·장소 안내 11

우리 동네·매장·건물·코스를 보여 주는 장면 — 지도는 코드로 그린 예시 그림

M01🧊 3D

도시 소개 3D 비행

city flyover

미니어처 도시 위를 카메라가 곡선으로 날아가고, 명소를 지날 때마다 이름표가 떠올라요.

⏱
⚠️ ⚠️ 미니어처 세트라 실제 건물 배치와는 달라요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 도시 소개 3D 비행 영상(city flyover) 만들어줘. 3D는 Three.js로. 실제 지도 모양이 아니라 블록 건물·도로·나무로 된 미니어처 세트로 도시를 만들고, 명소는 눈에 띄는 건물로 따로 세워줘. 카메라가 곡선을 그리며 날아가다 명소를 지날 때마다 이름표가 떠오르고, 도시 이름은 화면 구석에 제목으로 띄우게. 도시 이름: 「==○○시==」. 명소: 「==○○역 / 시청 / 전통시장==」.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 처음부터 끝까지: 왼쪽 위 구석에 짙은 알약 띠 제목(비행기 표시 + 「==○○시==」, 흰 글자)
· 0.0~0.4초: 높은 곳에서 초록 들판 위 미니어처 도시(블록 건물·길·나무, 뒤쪽 강과 다리, 앞쪽 철길)를 비스듬히 내려다보며 시작
· 0.4~3.1초: 카메라가 곡선을 그리며 낮게 내려와 맨 앞 첫째 명소 곁을 지나고, 그 위 이름표가 톡 커지며 떴다가 지나가면 사라짐
· 2.1~5.3초: 도시 한가운데 둘째 명소 쪽으로 낮게 날며 둘째 이름표(앞 이름표와 잠깐 엇갈림)
· 4.1~7.3초: 오른쪽 안쪽 셋째 명소를 지나며 셋째 이름표 · 그 뒤 카메라가 다시 높이 솟기 시작
· 7.3~8.0초: 처음 높이·자리로 돌아와 도시 전체를 내려다봄(이어 붙이면 끊김 없는 한 바퀴)
[볼거리 한 번] 마지막에 높이 솟아 도시 전체가 보이는 순간, 따뜻한 햇빛이 도시 위를 한 번 쓱 훑고 지나감
[모양] 하늘색 하늘 #CFE7F3·옅은 안개 · 파스텔 블록 건물(크림·복숭아·하늘·연보라·민트) · 명소는 주변 블록과 다른 모양·또렷한 색으로 · 이름표=흰 알약+색 점(파랑·보라·주황)+검은 굵은 글자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 실제 지도 모양·건물 배치를 흉내 내지 말 것(미니어처 세트)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#관광·지역#부동산#공공#숙박
M02

우리 지역으로 확대 + 동그라미

map zoom-in highlight

여러 동네가 모인 넓은 지도에서 우리 지역으로 쭉 확대되고, 빨간 손그림 동그라미와 이름표가 붙어요.

⏱
⚠️ ⚠️ 미리보기의 지도는 가상의 예시 그림입니다.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 지도 확대 강조 애니메이션(map zoom-in highlight) 만들어줘. 처음엔 주변 구역이 모두 보이는 넓은 지도(그 지역이 속한 도나 시 전체)로 시작해, 한 지역으로 부드럽게 확대되고 그 지역만 밝아진 뒤 빨간 손그림 동그라미가 그려지며 이름표가 톡 붙게. 지도는 무료로 쓸 수 있는 공개 지도 데이터로 그리고 출처는 화면 구석에 작게 적어줘. 지역 이름: 「==○○시==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.6초: 옅은 바다색 배경에 파스텔 구역으로 나뉜 넓은 지도 전체 · 목표 지역 가운데서 빨간 점이 레이더처럼 퍼지며 깜빡임
· 0.6~2.3초: 지도가 부드럽게 출발·정지하며 목표 지역 쪽으로 약 2.3배 확대(도중에 빨간 점은 사라짐)
· 1.9~2.5초: 다른 구역은 흰 막에 덮여 흐려지고, 목표 지역만 노랗게 밝아짐
· 2.4~3.2초: 목표 지역 둘레에 빨간 손그림 동그라미가 펜으로 그리듯 한 바퀴(끝이 살짝 겹쳐 닫힘)
· 3.0~3.4초: 동그라미 오른쪽 위에 짙은 이름표가 톡 튀어나옴 — 큰 흰 글자 「==○○시==」
· 3.4~6.0초: 확대된 지도·동그라미·이름표가 그대로 머무름
[볼거리 한 번] 동그라미 끝이 닫히는 순간 이름표가 한 번 크게(1.2배쯤) 튕겼다 제자리로
[모양] 옅은 바다색 #CFE6F0 · 옅은 초록·크림·베이지 구역, 흰 경계선 · 강조 노랑 #FFD35C · 동그라미 빨강 #E8442E 굵은 붓선 · 이름표=거의 검정 둥근 상자 · 오른쪽 위 방위표 N. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 지역 윤곽을 지어내지 말 것(공개 지도 데이터 그대로)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#공공#관광·지역#복지·자활#병원
M03

찾아오는 길 경로 그리기

route line animation

역·정류장에서 우리 가게까지 길이 선으로 그려지고 «도보 5분» 표시가 붙습니다.

⏱
⚠️ ⚠️ 미리보기의 지도·길은 예시 그림입니다.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 찾아오는 길 경로 애니메이션(route line animation) 만들어줘. 단순한 거리 지도 위에 출발지에서 도착지까지 길이 선으로 그려지고, 작은 사람 점이 따라가며 도착하면 걸리는 시간 칩이 붙게. 지도는 무료로 쓸 수 있는 공개 지도 데이터로 그리고 출처는 화면 구석에 작게 적어줘. 출발: 「==○○역 2번 출구==」. 도착: 「==우리 가게==」. 걸리는 시간: 「==도보 5분==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.2~0.7초: 흰 바탕 거리 지도 왼쪽 아래 출발점에 파란 역 아이콘이 톡 튀어나오고 옆에 흰 이름표 「==○○역 2번 출구==」 · 왼쪽 위엔 제목 「📍 오시는 길」
· 0.4~1.1초: 오른쪽 위 도착점에 빨간 물방울 핀이 떨어져 꽂히고 옆에 빨간 이름표 「==우리 가게==」
· 1.0~3.4초: 빨간 길 선이 위→오른쪽→위→오른쪽으로 꺾이며 그려지고, 파란 사람 점이 선 끝을 따라가며 둘레가 두근두근 빛남
· 3.4~3.8초: 도착하면 핀이 한 번 눌렸다 펴지고, 핀 아래 노란 칩(걷는 사람 그림 + 「==도보 5분==」)이 톡 튀어 오름
· 3.8~6.0초: 다 자리 잡은 채 사람 점 둘레 빛만 은은하게 두근거림
[볼거리 한 번] 도착 순간 핀이 꾹 눌렸다 튀어 오르고 노란 칩이 크게 한 번 튕기며 등장
[모양] 흰 바탕·베이지 블록 #ECE8DE·초록 공원·가로 큰길(노란 점선) · 길 선 빨강 #E8442E+흰 테두리 · 사람 점 파랑 #2563EB · 칩 노랑 #FFD400·검은 굵은 글자 · 구석 출처. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 건물·블록을 가로지르지 말 것(실제 길을 따라 꺾이게)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#음식점#병원#교육#뷰티#복지·자활
M04

명소 핀 투어 + 사진 카드

map pin tour

지도 위 핀 세 곳으로 차례로 날아가 확대하고, 핀마다 사진 카드가 튀어 올라 장소 이름을 보여 줘요.

⏱
⚠️ ⚠️ 미리보기의 지도·핀 위치는 예시 그림입니다.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 지도 핀 투어 애니메이션(map pin tour) 만들어줘. 지도 위에 번호 핀 세 개가 떨어지고, 카메라가 핀에서 핀으로 차례로 옮겨 가며 확대하면 핀마다 그 장소 사진 카드가 튀어 올라 이름을 보여 주게. 핀과 핀 사이는 점선으로 이어줘. 지도는 무료로 쓸 수 있는 공개 지도 데이터로 그리고 출처는 화면 구석에 작게 적어줘. 장소: 「==○○호수 공원 / 야경 전망대 / 카페 거리==」. 사진 파일들(장소 순서대로): ==photo1.jpg, photo2.jpg, photo3.jpg==.
[길이·크기] 전체 약 10초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.1~0.9초: 옅은 초록 지도(호수·강·흰 길·마을) 전체에 번호 핀 1·2·3이 위에서 엇갈려 떨어져 꽂힘
· 1.0~1.8초: 카메라가 1번 핀으로 부드럽게 다가가며 약 2.3배 확대
· 1.8~3.5초: 1번 핀이 살짝 커지고, 오른쪽 위에 흰 사진 카드(사진·빨간 번호 원·장소 이름)가 톡 튀어 올랐다가 떠나기 직전 작아지며 사라짐
· 3.5~4.3초: 카메라가 살짝 물러났다 2번 핀으로 옮겨 가는 사이 빨간 점선이 1번→2번으로 이어짐
· 4.3~6.7초: 2번 핀에서 같은 방식으로 둘째 사진 카드
· 6.7~9.1초: 3번 핀으로 옮겨 가며 점선이 이어지고 셋째 사진 카드
· 9.1~10.0초: 다시 전체 지도로 물러나 세 핀과 점선 코스 전체가 한눈에 보이며 끝남
[볼거리 한 번] 마지막에 전체 지도로 물러날 때 점선 코스를 따라 빛이 1번→3번으로 한 번 달려감
[모양] 옅은 초록 지도 #E7EFD8(연하늘 호수·강, 흰 길) · 빨간 물방울 핀 #E8442E+흰 번호 · 흰 사진 카드(둥근 모서리·짙은 그림자·아래 작은 꼬리) · 구석 출처. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 핀은 실제 장소 위치에 꽂기(지어낸 자리 금지)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#관광·지역#숙박#행사·축제#음식점
M05

노선도식 코스 안내

transit-style course map

지하철 노선도처럼 굵은 색 선과 역 동그라미로 코스를 그리고, 열차 점이 지나가면 1코스·2코스·3코스가 차례로 켜져요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 노선도식 코스 안내 애니메이션(transit-style course map) 만들어줘. 지하철 노선도처럼 45도로 꺾이는 굵은 회색 선 위에 코스마다 역 동그라미와 1코스·2코스 번호·이름을 놓고, 작은 열차가 선을 따라 달리면 지나간 구간에 색이 차오르게. 열차가 역마다 잠깐 멈출 때 역 동그라미가 톡 커지며 불이 켜지고 이름표도 진해지게, 마지막 역에서는 열차가 선 채 끝까지 머무르게. 코스 순서: 「==전통시장 → 공원 → 전망대==」.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 옅은 미색 배경에 왼쪽 아래→오른쪽 위로 45도씩 두 번 꺾여 오르는 회색 노선·역·번호·이름 · 출발점에 작은 열차
· 0.4~1.3초: 열차가 부드럽게 출발해 첫 역까지 달리고 지나간 선이 초록으로 차오름
· 1.3~1.7초: 첫 역에 잠깐 멈춤 — 동그라미가 톡 커지며 초록으로 켜지고 물결이 한 번 퍼짐 · 번호표·이름도 진해짐
· 1.7~3.8초: 꺾여 올라 둘째 역까지 달리고 같은 방식으로 켜지며 잠깐 멈춤
· 3.8~5.2초: 한 번 더 꺾여 올라 마지막 역까지 달림
· 5.2~6.3초: 마지막 역도 같은 방식으로 켜지며 물결이 퍼짐
· 6.3~8.0초: 지나온 선과 모든 역이 켜진 채 열차는 마지막 역에 머무름
[볼거리 한 번] 마지막 역에 도착하는 순간 그 역 둘레 물결이 두 겹으로 크게 퍼지며 한 번 더 반짝
[모양] 옅은 미색 #F6F5F0 · 굵은 노선(켜지기 전 연회색, 켜지면 초록 #16A34A) · 흰 속 동그라미 역, 아래 알약 번호표+굵은 이름 · 열차=흰 알약+검은 창+노란 불빛. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 노선은 45도·수평으로만 꺾이게(구불구불 곡선 금지) · 이름이 선·역에 겹치지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#관광·지역#행사·축제#교육#공공
M06🧊 3D

층별 안내 3D

floor directory

건물 층판이 위아래로 벌어지며 떠오르고, 층마다 이름표가 붙은 뒤 안내할 층이 빛나요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 3D 층별 안내 애니메이션(floor directory) 만들어줘. 3D는 Three.js로. 반투명한 건물 층판이 위아래로 벌어지며 떠오르고, 층마다 옆으로 선을 이어 이름표를 붙인 뒤 강조할 층이 빛나며 그 이름표가 커지게. 카메라는 천천히 돌게. 층별 이름: 「==1층 접수·약국 / 2층 내과 / 3층 검진센터 / 4층 교육실==」.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 처음부터 끝까지: 카메라는 조금 위에서 비스듬히 내려다보며 좌우로 아주 조금 천천히 오감 · 건물은 화면 왼쪽, 이름표는 오른쪽
· 0.0~0.3초: 짙은 남색 공간에 층 수만큼의 반투명 파란 층판이 촘촘히 포개져 있음(밝은 테두리, 판 위 방 칸막이)
· 0.3~1.9초: 층판이 아래층부터 조금씩 엇갈려 위아래로 벌어지며 떠오르고, 한쪽 끝 반투명 세로 기둥도 함께 늘어남
· 1.2~2.0초: 층마다 오른쪽으로 뻗은 선 끝에 흰 알약 이름표(짙은 층 번호 + 이름)가 아래층부터 차례로 밀려오며 나타남
· 2.3~2.7초: 강조할 층 판이 주황빛으로 켜지고 나머지 층은 조금 흐려짐 · 그 이름표도 주황 바탕·빨간 번호로 조금 커짐
· 2.7~8.0초: 강조한 층과 이름표 둘레 빛이 숨 쉬듯 은은하게 밝아졌다 어두워지기를 되풀이
[볼거리 한 번] 강조할 층이 켜지는 순간 이름표 둘레 주황빛이 한 번 크게 번졌다가 은은한 맥박으로 잦아듦
[모양] 짙은 남색 둥근 그러데이션(#253A63 → #0B1224) · 반투명 하늘빛 파랑 층판 #86A9EA, 밝은 테두리 · 강조 주황 #FFB45A · 이름표=흰 알약+짙은 남색 층 번호 · 아래 옅은 그림자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 층 순서를 뒤섞지 말 것(1층이 맨 아래) · 이름표끼리 겹치지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#병원#쇼핑몰#공공#교육
M07🧊 3D

3D 지형 둘레길·등산 코스

terrain trail flyover

산이 솟고 골짜기가 파인 입체 지형 위에 코스 선이 그려지고, 카메라가 그 길을 따라 날아갑니다. 아래 높이 그래프로 오르막·내리막도 한눈에 보여요.

⏱
⚠️ ⚠️ 미리보기의 산과 길은 코드로 그린 예시 그림입니다.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 3D 지형 코스 비행 영상(terrain trail flyover) 만들어줘. 3D는 Three.js로. 「==○○산==」 일대의 산이 솟고 골짜기가 파인 지형 위에 코스 선이 출발점부터 그려지고, 카메라가 그 길을 따라 날아가며 아래 높이 그래프의 현재 위치 점도 함께 움직이게. 지형은 공개 고도 데이터로(없으면 예시 지형), 코스는 GPX 파일대로(없으면 예시 코스로 그리고 «예시»라고 작게 표시). 지도는 무료로 쓸 수 있는 공개 지도 데이터로 그리고 출처는 화면 구석에 작게 적어줘. 코스 이름: 「==○○산 둘레길 1코스==」. 거리: 「==4.2km==」.
[길이·크기] 전체 약 10초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.9초: 높은 곳에서 산 지형(봉우리·골짜기·호수·나무)을 내려다봄 · 옅은 흰 선 코스, 출발점에 초록 「출발」 표
· 0.1~1.9초: 카메라가 부드럽게 내려와 출발점 뒤 위쪽에 붙고, 끝 봉우리에 빨간 「정상 ▲」 표가 떠오름
· 0.9~8.0초: 주황빛 흰 점(둘레에 주황 고리)이 코스를 따라가며 지나온 길이 빨간 주황 선으로 차오름 · 카메라는 점 뒤를 따라 날며 조금씩 옆으로 돎
· 아래 높이 그래프: 빨간 채움·위치 점이 진행에 맞춰 오른쪽으로 · 오른쪽 위 거리 숫자는 0에서 「==4.2km==」까지
· 8.5~10.0초: 다시 높이 물러나 산 전체와 다 그려진 코스가 한눈에 보이며 끝남
[볼거리 한 번] 정상 도착 순간 「정상 ▲」 표가 크게 한 번 튕기고 점 둘레 고리가 크게 퍼짐
[모양] 하늘색 그러데이션 하늘 · 낮은 다각형 산(아래 초록→갈색→꼭대기 흰색) · 코스 빨간 주황 #FF4D2E · 왼쪽 위 짙은 남색 제목 상자(큰 코스 이름, 아래 작게 거리). 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 해발 숫자는 실제 고도 데이터가 있을 때만(지어내지 말 것)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#관광·지역#공공#운동·헬스
M08

날씨 안내 카드

weather forecast card

지역 이름과 큰 날씨 그림이 나오고 기온 숫자가 굴러 올라갑니다. 아래에 사흘 예보가 한 칸씩 붙어요.

⏱
⚠️ ⚠️ 실제 날씨를 불러오지 않아요 — 적은 값으로 만듭니다.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 날씨 안내 카드(weather forecast card) 만들어줘. 왼쪽 위에 지역 이름이 뜨고, 그 아래 날씨에 맞는 큰 그림이 움직이고(해는 빛살이 돌고, 구름은 흘러가고, 비는 빗방울이 떨어지게), 옆에서 기온 숫자가 굴러 올라가 멈춘 뒤, 아래에 3일 예보 칸이 왼쪽부터 한 칸씩 붙게 — 이 순서대로. 날씨는 인터넷에서 불러오지 말고 내가 적은 값 그대로 써줘. 지역: 「==○○시==」. 기온: 「==23°==」. 날씨: 「==맑고 구름 조금==」. 3일 예보: 「==내일 맑음 25° / 모레 비 19° / 글피 구름 21°==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 파란 하늘 배경(흐릿한 흰 구름 덩이가 천천히 흐름) 왼쪽 위에 위치 핀과 「==○○시==」 큰 흰 글자가 살짝 내려오며 나타남
· 0.2~1.2초: 그 아래 날씨에 맞는 큰 그림이 톡 튕기며 커짐(예시: 해 빛살이 돌고, 흰 구름이 오른쪽에서 미끄러져 와 해 앞에 걸림)
· 0.6~1.8초: 오른쪽에 아주 큰 기온 숫자가 나타나 계기판처럼 자릿수가 위로 굴러 올라가다 「==23°==」에서 딱 멈춤
· 1.6~2.0초: 기온 아래 「==맑고 구름 조금==」 굵은 흰 글자가 살짝 올라옴
· 2.0~2.9초: 아래 반투명 흰 예보 칸 3개(요일·작은 그림·기온)가 왼쪽부터 엇갈려 올라와 붙음
· 2.9~5.0초: 다 자리 잡은 채 빛살은 천천히 돌고 구름은 살랑, 비 칸은 빗방울이 계속 떨어짐
[볼거리 한 번] 기온 숫자가 멈추는 순간 해 빛살이 한 번 크게 번쩍 퍼졌다 제자리로
[모양] 파란 하늘 그러데이션(#2F86D6 → #A6D6F6) · 글자 모두 흰색 아주 굵게, 기온은 화면 높이의 1/4쯤 · 해 노랑 #FFD23A·흰 구름 · 예보 칸=반투명 흰 판·흰 테두리·둥근 모서리. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 예보 칸 그림도 적은 날씨에 맞게(맑음에 비 그림 금지)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#관광·지역#농업·특산물#행사·축제#유튜버
M09

우리 지역 한눈에 카드

region fact card

사진 배경 위에 지역 이름이 크게 뜨고, 인구·특산물·명소·축제 네 칸이 그림과 함께 하나씩 나타납니다.

⏱
⚠️ ⚠️ 인구 같은 숫자는 시·군청이나 통계 누리집의 최신 값으로 확인해 쓰세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 우리 지역 소개 카드(region fact card) 만들어줘. 배경 사진이 천천히 확대되고(사진이 없으면 은은한 색 배경) 그 위에 지역 이름이 크게 뜬 뒤, 아래에 네 칸이 그림 아이콘과 함께 하나씩 톡톡 나타나게. 글자가 잘 읽히게 사진 위에 어두운 막을 깔아줘. 지역 이름: 「==○○시==」. 네 칸 내용: 「==인구 약 00만 명 / 특산물 ○○ 사과 / 명소 ○○산 / 축제 ○○ 축제==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 배경 사진이 끝까지 아주 천천히 확대(사진이 없으면 은은한 색 배경) · 위·아래 어두운 막 · 왼쪽 위 노란 알약 「우리 지역 한눈에」
· 0.4~1.3초: 그 아래 「==○○시==」 아주 큰 굵은 흰 글자가 보이지 않는 선 아래에서 쑥 올라오고, 이어 노란 밑줄이 왼쪽부터 그어짐
· 1.3~3.0초: 화면 아래 네 칸이 왼쪽부터 엇갈려 아래에서 톡 튀어 오르고, 칸마다 동그란 색 아이콘이 4분의 1 바퀴 돌며 자리 잡음
· 3.0~6.0초: 다 자리 잡은 채 사진만 천천히 확대되며 머무름
[볼거리 한 번] 네 번째 칸이 뜨는 순간 네 아이콘이 동시에 한 번 반짝이며 살짝 커졌다 제자리로
[모양] 사진 위 짙은 남색 반투명 막(위·아래 짙게) · 이름 한 글자 = 화면 폭의 약 1/8, 흰색 아주 굵게, 노랑 #FFD400 밑줄 · 네 칸=짙은 반투명 판·흰 테두리·둥근 모서리, 칸마다 다른 색 동그라미 아이콘. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 아이콘은 칸 내용에 맞는 단순한 흰 그림으로(인구=사람, 특산물=그 품목)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#공공#관광·지역#교육#농업·특산물
M10

산지에서 식탁까지

farm-to-table route

밭에서 출발한 트럭이 구불구불한 길을 달려 식당에 도착하면 접시에 음식이 차려지고, «○○군 산지 → 우리 식당» 이름표가 붙습니다.

⏱
⚠️ ⚠️ «산지 직송»·원산지 표시는 실제 거래 내용과 같게 쓰세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 산지에서 식탁까지 이동 애니메이션(farm-to-table route) 만들어줘. 왼쪽 밭·농장 그림에서 품목을 실은 트럭이 구불구불한 길을 달려 오른쪽 식당에 도착하면, 품목이 식탁 접시 위 음식으로 톡 차려지게. 마지막에 산지와 도착 이름을 화살표로 이은 이름표를 붙여줘. 그림은 따뜻한 일러스트 느낌으로. 산지: 「==○○군 ○○농장==」. 도착: 「==우리 식당==」. 품목: 「==유기농 배추==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.7초: 하늘색 배경·초록 언덕 위에 왼쪽 밭·빨간 창고, 오른쪽 식당(차양·식탁 접시)이 차례로 톡 나타남 · 위 가운데 제목 「산지에서 식탁까지」
· 0.4~1.4초: 둘 사이 구불구불한 갈색 길이 왼쪽부터 그려지고 흰 점선 가운데 줄이 생김
· 0.8~1.3초: 밭 앞 길 끝에 품목을 실은 트럭(주황 짐칸·빨간 머리)이 톡 나타나고 위에 흰 이름표 「==유기농 배추==」
· 1.1~3.1초: 트럭이 통통 튀며 길을 따라(오르막·내리막에 맞춰 기울며) 식당 앞까지 달림, 이름표도 따라감
· 3.1~3.9초: 짐칸의 품목이 포물선으로 날아가 접시 위 음식으로 톡 차려지고(품목 이름표는 사라짐) 노란 빛 고리가 한 번 퍼짐
· 3.4~3.8초: 아래 가운데 짙은 알약 띠가 올라옴: 초록 「==○○군 ○○농장==」 → 노란 화살표 → 빨간 「==우리 식당==」
· 3.9~6.0초: 모두 자리 잡은 채 머무름
[볼거리 한 번] 음식이 접시에 차려지는 순간 노란 빛 고리가 크게 퍼지고 음식이 한 번 톡 튕김
[모양] 따뜻한 평면 일러스트 · 옅은 하늘색 #E6F4FB·해·초록 언덕 · 밭 줄무늬·빨간 창고 / 식당 간판·빨강 흰 차양 · 트럭 주황 짐칸·빨간 머리 · 품목 이름표 흰 알약·초록 글자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 트럭이 길을 벗어나거나 거꾸로 달리지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#농업·특산물#음식점#쇼핑몰
M11

역세권 거리 링

distance rings

가운데 가게 핀에서 5분·10분·15분 동그라미가 차례로 퍼지고, 그 안에 역·학교·공원 같은 주변 장소가 나타납니다.

⏱
⚠️ ⚠️ 링은 대략 거리예요. «역 도보 5분»처럼 광고에 쓰는 시간은 실제로 걸어 본 값만 쓰세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 거리 동심원 애니메이션(distance rings) 만들어줘. 동네 지도 가운데 핀에서 시간별 동그라미가 차례로 퍼지고, 동그라미마다 걸리는 시간 칩과 그 안의 주변 장소 점·이름이 하나씩 나타나게. 동그라미 크기는 지도 축척에 맞춰 걷는 거리로 잡아줘. 지도는 무료로 쓸 수 있는 공개 지도 데이터로 그리고 출처는 화면 구석에 작게 적어줘. 가운데 장소: 「==우리 가게(○○시 ○○동)==」. 시간 링: 「==도보 5분 / 10분 / 15분==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.6초: 옅은 회색 동네 지도 가운데에 빨간 핀이 위에서 떨어져 톡 튕기며 꽂히고, 핀 아래 짙은 이름표 「==우리 가게(○○시 ○○동)==」
· 0.5~2.8초: 핀에서 빨간 점선 동그라미가 조금씩 엇갈려 차례로 퍼지고, 동그라미마다 오른쪽 위 가장자리에 빨간 시간 칩이 톡 붙음
· 2.6~5.0초: 다 자리 잡은 뒤 핀에서 가는 빨간 물결이 1초 남짓 간격으로 계속 퍼져 나가며 사라짐(레이더처럼)
[볼거리 한 번] 가장 큰 동그라미가 다 퍼지는 순간 세 동그라미가 함께 한 번 살짝 출렁이며 반짝
[모양] 옅은 회색 지도 #E4E8ED, 흰 길·굵은 십자 큰길·하늘색 강·초록 공원 · 핀·동그라미·칩=빨강 #E8442E(동그라미는 점선+아주 옅은 빨강 속) · 왼쪽 위 흰 제목 카드(「걸어서」+빨간 시간) · 구석 출처. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 동그라미 크기는 지도 축척의 실제 걷는 거리대로(보기 좋게 임의로 키우지 말 것)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#부동산#교육#음식점#숙박

🏪 가게·서비스 안내 9

메뉴·가격·영업시간·예약·매물처럼 손님이 제일 먼저 묻는 것

S01

메뉴판 보드

animated menu board

어두운 메뉴판에 메뉴 이름과 가격이 한 줄씩 미끄러져 들어오고, 추천 메뉴는 사진과 «추천» 배지로 반짝입니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 메뉴판 보드(animated menu board) 만들어줘. 어두운 칠판 느낌의 보드에 메뉴 이름과 가격이 점선으로 이어진 채 한 줄씩 미끄러져 들어오고, 추천 메뉴에는 사진 카드와 「추천」 배지가 반짝이게. 제목: 「==오늘의 메뉴==」. 메뉴와 가격: 「==아메리카노 4,000원 / 카페라테 4,500원 / 유자차 5,000원==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.2~0.6초: 왼쪽 위에 제목 「==오늘의 메뉴==」 글자가 살짝 내려오며 나타남
· 0.5~1.8초: 왼쪽 절반에 메뉴 줄(이름 · 점선 · 가격)이 0.3초 간격으로 왼쪽에서 미끄러져 들어옴(추천 메뉴 앞엔 ★)
· 1.8~2.3초: 오른쪽에 추천 메뉴 사진 카드(아래에 «메뉴 · 가격»)가 톡 튕기며 커지고 살짝 기운 채 자리 잡음
· 2.4~2.7초: 카드 오른쪽 위 모서리에 노란 동그라미 「추천」 배지가 튕겨 붙고 별빛 ✦이 반짝이기 시작
· 2.7~3.0초: 추천 메뉴 줄에 옅은 노란 띠가 깔리고 글자가 노랗게 바뀜
· 3.0~3.8초: 사진 위로 흰 빛줄기가 비스듬히 한 번 스침
· 3.8~6.0초: 배지는 살짝 두근, 별빛은 돌며 반짝인 채 머묾
[볼거리 한 번] 배지가 붙는 순간 1.3배로 크게 튕기고 별빛이 한꺼번에 반짝 터짐
[모양] 짙은 초록 칠판 배경 · 갈색 나무 테두리 · 크림색(#F4EFE2) 아주 굵은 글자(가격 숫자 폭 고정) · 사진 카드는 크림색 폴라로이드 · 배지·별빛 노랑 #FFD400. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 메뉴 줄이 사진 카드와 겹치지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#음식점#뷰티#쇼핑몰#숙박
S02

영업시간·휴무 안내

business hours

월~일 요일 칸이 차례로 켜지며 여는 시간이 적히고, 오늘 요일이 두근거리듯 강조돼요. 점심시간·휴무일도 한눈에 보입니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 영업시간 안내 카드(business hours) 만들어줘. 월~일 요일 칸 7개가 차례로 켜지며 요일마다 여는 시간이 적히고, 오늘 요일은 맥박 치듯 강조되게. 쉬는 날은 회색 칸에 「휴무」라고 적어 줘. 제목: 「==○○의원 진료 시간 안내==」. 영업시간: 「==평일 09:00~18:00, 토요일 09:00~13:00==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 왼쪽 위에 둥근 시계 아이콘(분침 빨강, 끝까지 빙글빙글)과 제목 「==○○의원 진료 시간 안내==」 글자가 나타남
· 0.3~1.7초: 요일 칸 7개가 왼쪽부터 0.13초 간격으로 아래에서 톡 튀어 오름 — 칸마다 요일과 «여는 시각 ~ 닫는 시각»
· 1.6~2.0초: 오늘 칸(먹색 칸) 위에 빨간 알약 「오늘」 꼬리표가 톡 튀어나옴
· 1.7~5.0초: 오늘 칸이 0.7초마다 맥박처럼 살짝 커졌다 작아지며 빨간 테두리 물결이 퍼짐
· 2.1~3.1초: 아래 가운데에 흰 알약 칩이 올라옴: 초록 점 영업시간
[볼거리 한 번] 첫 맥박 한 번만 오늘 칸이 1.2배로 크게 튕기며 빨간 물결이 넓게 퍼짐
[모양] 종이색 배경(#F4F1EA) · 먹색 아주 굵은 글자 · 요일 칸은 둥근 흰 칸, 쉬는 날은 회색 칸에 빨간 글자 · 오늘 칸만 먹색 칸에 밝은 글자 · 강조 빨강 #E8442E · 시각 숫자 자릿수 폭 고정. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 「오늘」 표시는 한 칸만 · 요일 칸 크기는 모두 같게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#병원#음식점#공공#뷰티#법률·세무
S03

요금제 3단 비교

pricing tiers

요금제 카드 3장이 올라오고 가운데 카드가 «추천»으로 크게 강조돼요. 포함 내용에 체크가 차례로 켜지고 가격 숫자가 올라갑니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 요금제 3단 비교(pricing tiers) 만들어줘. 요금제 카드 3장이 아래에서 올라오고, 추천 요금제는 가운데에 더 크게 놓고 「추천」 배지를 달아 줘. 포함 내용에는 체크가 차례로 켜지고 가격 숫자는 0부터 올라가게. 제목: 「==수강료 안내==」. 요금제: 「==기본 월 3만 원 / 표준 월 5만 원 / 프리미엄 월 8만 원==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 위쪽 가운데에 제목 「==수강료 안내==」 글자가 나타남
· 0.2~1.1초: 카드 3장이 왼쪽부터 0.16초 간격으로 아래에서 올라옴 — 가운데 추천 카드만 흰색으로 더 크고 조금 높게
· 0.7~2.2초: 카드마다 가격 숫자가 0부터 올라가 금액에서 딱 멈춤(왼쪽부터 조금씩 늦게)
· 1.4~2.4초: 포함 내용 앞 초록 동그라미 ✓가 위에서부터 톡톡 켜짐(빠진 항목은 회색 «–»에 취소선)
· 2.2~2.6초: 가운데 카드 윗변에 빨간 알약 「추천」 배지(앞에 ★)가 튕겨 나옴
· 2.3~5.0초: 추천 카드가 살짝 두근거리고 둘레 노란 빛 테두리가 숨 쉬듯 굵어졌다 가늘어짐
[볼거리 한 번] 배지가 튀어나오는 순간 노란 빛 테두리가 번쩍 켜지며 가운데 카드가 한 번 크게 튕김
[모양] 짙은 남색 그라데이션 배경 · 양옆은 둥근 남색 카드에 흰 글자, 가운데는 흰 카드에 파란 가격(#1D4ED8) · 가격 아래 작게 기간 · 체크 초록 #22C55E · 배지 빨강 #E8442E. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 가운데 카드가 양옆 카드 글자를 가리지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#교육#운동·헬스#IT#뷰티
S04

쿠폰·도장 적립

coupon & stamp card

쿠폰이 점선을 따라 톡 뜯기며 혜택이 보이고, 옆의 적립 카드 칸에 도장이 쾅쾅 찍혀요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 쿠폰·도장 적립 카드(coupon & stamp card) 만들어줘. 쿠폰이 점선을 따라 톡 뜯기며 혜택이 보이고, 옆의 적립 카드 칸에 도장이 하나씩 쾅 찍힐 때마다 카드가 살짝 흔들리게. 마지막 칸에는 선물 아이콘을 넣어 줘. 혜택: 「==음료 1잔 무료==」. 모을 도장 개수: 「==10개==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 왼쪽에 빨간 쿠폰, 오른쪽에 흰 적립 카드(위에 «0 / 전체» 숫자, 아래에 「==10개== 모으면 ==음료 1잔 무료==」)가 나타남
· 0.2~0.7초: 가위 ✂가 쿠폰 오른쪽 흰 점선을 따라 위에서 아래로 내려감
· 0.7~1.2초: 혜택 「==음료 1잔 무료==」 글자가 적힌 쿠폰 본체가 톡 뜯겨 왼쪽 아래로 살짝 밀리며 기울어짐
· 1.3~4.0초: 칸마다 빨간 별 도장이 0.28초 간격으로 크게 떨어져 쾅(각도는 조금씩 다르게) — 찍힐 때마다 카드가 짧게 흔들리고 숫자가 하나 올라감
· 4.1~5.0초: 마지막 선물 칸 🎁이 통통 커졌다 작아지기를 반복
[볼거리 한 번] 마지막 도장이 찍히는 순간 카드가 가장 크게 흔들리고 🎁 칸이 1.3배로 톡 튀어 오름
[모양] 연살구색 배경(#FDEBD9) · 빨간 쿠폰(#E8442E, 떼는 쪽은 짙은 빨강 + 흰 점선, 위아래 반원 홈) · 흰 둥근 적립 카드에 점선 동그라미 칸(10개면 5개씩 2줄) · 굵은 글자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 선물 칸에는 도장을 찍지 않음
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#음식점#뷰티#쇼핑몰#운동·헬스
S05

예약 3단계 안내

booking steps

① 전화·QR로 신청 → ② 날짜 고르기 → ③ 확정 문자 받기, 세 단계 그림이 차례로 나타나고 위쪽 진행 점이 차올라요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 예약 3단계 안내(booking steps) 만들어줘. 위쪽 레일의 번호 원 3개가 차례로 파랗게 켜지며 레일이 왼쪽부터 차오르고(지난 번호는 ✓), 아래 흰 그림 카드 3장이 하나씩 톡 올라오게: ① 휴대폰 QR 코드와 전화 → ② 달력 날짜에 동그라미 → ③ 「예약 확정 ✓」 문자 말풍선. 바탕은 밝은 하늘빛, 지금 단계 카드는 파란 테두리. 제목: 「==진료 예약 방법==」. 예약 방법: 「==전화 02-000-0000 또는 QR 코드==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.9초: 왼쪽 위 제목 「==진료 예약 방법==」 · 1번 원이 켜지고 첫 카드가 튕겨 올라옴 — 휴대폰에 QR 칸이 찍히고 빨간 스캔선이 오르내림
· 1.1~1.5초: 1번 원이 ✓로 바뀌고 파란 레일이 2번 원까지 차오름
· 1.5~2.5초: 2번 원이 켜지고 달력 카드가 올라옴 — 커서가 날짜로 가서 빨간 동그라미를 그리면 날짜가 파랗게 칠해짐
· 2.3~2.7초: 2번 원이 ✓로 바뀌고 레일이 3번 원까지 차오름
· 2.7~3.4초: 3번 원이 켜지고 셋째 카드가 올라와 «•••» 점이 깜빡인 뒤 문자 말풍선이 톡 튀어나옴
· 3.4~6.0초: 맨 아래 가운데 「==전화 02-000-0000 또는 QR 코드==」 한 줄 · 3번 원도 ✓ · 이후 스캔선만 움직이며 머묾
[볼거리 한 번] 말풍선이 한 번 크게 튕기며 「예약 확정 ✓」가 초록으로 반짝 빛남
[모양] 하늘빛 배경(#EEF3FA) · 카드 아래 굵은 단계 이름 · 레일·번호 원 파랑 #2563EB · 스캔선·동그라미 빨강 · 확정 글자 초록 · 짙은 남색 굵은 글자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 번호 원과 그 아래 카드가 세로로 줄 맞게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#병원#뷰티#숙박#교육#법률·세무
S06

제품 특징 콜아웃

product spec callouts

가운데 제품 사진 위에 점이 찍히고, 점에서 선이 뻗어 나가 «방수 · 무게 · 용량» 같은 특징 이름표가 붙어요. 점은 맥박 치듯 깜빡입니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 제품 특징 콜아웃(product spec callouts) 만들어줘. 가운데 제품 사진 위 세 곳에 점이 찍히고, 점에서 선이 꺾이며 뻗어 나가 특징 이름표가 하나씩 붙고, 점은 맥박 치듯 깜빡이게. 이미지 파일: ==product.jpg==. 특징: 「==방수 / 무게 320g / 용량 500ml==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.7초: 가운데 제품 사진이 부드럽게 커지며 나타나고 끝까지 아주 천천히 다가옴
· 0.8~1.4초: 첫째 특징: 사진 위에 노란 점이 톡 찍히고, 선이 왼쪽 위로 뻗다 꺾여 가로로 이어진 뒤 선 위에 흰 굵은 이름표가 미끄러져 붙음
· 1.2~2.0초: 둘째 특징: 같은 방식으로 오른쪽 위로
· 1.8~2.4초: 셋째 특징: 같은 방식으로 오른쪽 아래로
· 2.4~5.0초: 점마다 노란 동그라미 물결이 1초쯤마다 퍼지며 맥박 치듯 깜빡이는 채로 머묾
[볼거리 한 번] 셋째 이름표가 붙는 순간 세 점이 한꺼번에 노란 물결을 크게 한 번 퍼뜨림
[모양] 짙은 먹색 배경(가운데만 은은히 밝게) · 가운데 둥근 모서리 사진(화면 폭 약 2/5, 짙은 그림자) · 점·선 노랑 #FFD400 가는 선 · 이름표 흰 굵은 글자(왼쪽 1개·오른쪽 2개). 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 이름표는 사진 바깥 양옆에(제품을 가리지 않게) · 적은 특징 외의 수치·효능은 지어내지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#제조#쇼핑몰#농업·특산물
S07

매물 소개 카드

property listing card

매물 사진이 한 장씩 부드럽게 넘어가고, 옆에서 정보 카드(동네·면적·방 수·가격)와 작은 지도 핀이 밀려 들어옵니다.

⏱
⚠️ ⚠️ 가격·면적은 실제 매물 정보만 쓰세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 매물 소개 카드(property listing card) 만들어줘. 왼쪽에 매물 사진이 한 장씩 부드럽게 넘어가고, 오른쪽에서 정보 카드가 밀려 들어오며 작은 지도 핀 아이콘이 톡 떨어지게. 매물 이름: 「==○○동 ○○아파트==」. 면적·방·가격: 「==84㎡ · 방 3 · 욕실 2 · 매매 ○억 원==」. 위치: 「==○○역 도보 7분==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.9초: 왼쪽 약 3/5에 첫 사진이 아주 천천히 확대되며 보이고, 흰 정보 카드가 오른쪽 밖에서 미끄러져 들어와 사진 끝에 살짝 겹침
· 0.6~1.5초: 카드 안 줄이 위부터 차례로 떠오름: 파란 거래 종류 칩 → 「==○○동 ○○아파트==」 → 면적·방·욕실 세 칸 → 빨간 가격 → 작은 지도와 「==○○역 도보 7분==」
· 1.4~2.0초: 작은 지도에 빨간 핀이 톡 떨어지고 닿는 순간 납작해졌다 제자리로
· 사진은 2초마다: 0.4초 겹쳐지며 다음 장으로(느린 확대는 새로 시작) · 왼쪽 아래 점도 다음 칸이 길쭉해짐
· 2.0~6.0초: 카드는 그대로, 사진만 넘어가며 머묾
[볼거리 한 번] 핀이 떨어질 때 한 번 높이 튕겼다 납작하게 앉으며 둘레가 빨갛게 한 번 빛남
[모양] 짙은 남색 배경(#0F172A) · 왼쪽 사진(오른쪽 끝으로 갈수록 어둡게) · 오른쪽 흰 둥근 정보 카드(짙은 그림자) · 가격·핀 빨강 #E8442E · 먹색 굵은 글자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 카드가 사진 한가운데를 가리지 않게 · 적지 않은 정보(층수·관리비 등)는 지어내지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#부동산#숙박#인테리어·건축
S08🧊 3D

평면도 → 3D 집 세우기

floor plan to 3D

바닥에 평면도 선이 먼저 그려지고 벽이 쑥 올라와 3D 집이 돼요. 카메라가 빙 돌며 거실·주방·방 이름표가 뜹니다.

⏱
⚠️ ⚠️ 벽 위치는 AI가 평면도 그림을 보고 대략 맞춰요. 정확한 치수가 필요하면 요청 문장 끝에 «가로 10m, 세로 8m»처럼 덧붙이세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 평면도에서 3D 집 세우기(floor plan to 3D) 만들어줘. 3D는 Three.js로. 위에서 내려다본 바닥에 평면도대로 벽 선을 먼저 그리고, 방마다 바닥 색이 깔린 뒤 벽이 아래에서 쑥 올라오게. 이어서 카메라가 비스듬히 내려와 집을 천천히 돌며 방마다 이름표가 뜨게. 치수를 모르면 방 크기는 평면도 그림을 보고 대략 맞춰줘. 평면도 파일: ==floorplan.png==. 방 이름: 「==거실 / 주방 / 방1 / 방2 / 욕실==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.5초: 거의 바로 위에서 본 격자 바닥에 파란 벽 선이 한 줄씩 그어져 집 윤곽이 됨 · 왼쪽 위 「① 평면도 그리기」
· 1.2~2.1초: 방마다 바닥 색(베이지·나무색·연회색)이 차례로 깔림
· 1.7~3.3초: 카메라가 바로 위에서 비스듬한 각도(약 35도)로 부드럽게 내려옴
· 1.9~2.8초: 벽이 쑥 올라오며 파랑에서 크림색으로 바뀜 · 「② 벽 세우기」
· 2.6~3.4초: 가구 상자(침대·책상·소파·조리대)가 톡 튀며 솟고, 방 위에 흰 이름표가 떠오름 · 「③ 3D로 둘러보기」
· 3.4~6.0초: 카메라가 집 둘레를 천천히 계속 돎(전체 약 1/6바퀴) · 이름표는 방 위를 따라다님
[볼거리 한 번] 벽이 솟을 때 벽 윗면을 따라 흰 빛이 한 번 쓱 스침
[모양] 짙은 남색 배경(#0E1726)에 파란 격자 바닥 · 벽 선 밝은 파랑 #4FA3FF, 세운 벽은 크림색 · 흰 둥근 이름표에 짙은 굵은 글자 · 왼쪽 위 짙은 알약 단계 표시. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 평면도에 없는 방·층을 지어내지 말 것 · 이름표는 벽에 가려지지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#부동산#인테리어·건축#숙박
S09

오늘 한정 수량 카운터

limited stock counter

상품 이름 아래 큰 숫자가 20에서 7로 굴러 내려가고, 남은 양 막대가 줄어들며 «오늘 남은 수량»을 알려 줘요.

⏱
⚠️ ⚠️ 실제 남은 수량만 쓰세요 — 없는 «한정»은 과장 광고가 될 수 있어요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 오늘 한정 수량 카운터(limited stock counter) 만들어줘. 상품 이름 아래 큰 숫자가 한 칸씩 굴러 내려가 남은 수량에서 멈추고, 남은 양 막대가 줄어들며 「오늘 남은 수량」 문구가 붙게. 상품: 「==햇사과 3kg 상자==」. 남은 수량: 「==7개==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 왼쪽에 상품 그림(상자에 담긴 상품 5개쯤)이 살짝 올라오고, 오른쪽에 빨간 알약 「오늘 한정」 · 큰 굵은 「==햇사과 3kg 상자==」 · 「오늘 남은 수량」
· 0.6~2.8초: 아주 큰 빨간 숫자가 한 칸씩 굴러 내려감(지금 숫자는 위로, 다음 숫자는 아래에서) — 느리게→빠르게→느리게, 「==7개==」에서 딱 멈춤
· 0.6~2.8초: 숫자 아래 둥근 막대가 줄어들며 초록에서 빨강으로 바뀌고, 그림 속 상품도 하나씩 흐려짐
· 2.7~3.0초: 숫자 오른쪽에 먹색 바탕 노란 글자 「품절 임박!」 딱지가 톡 튀어나옴
· 3.0~5.0초: 딱지가 빠르게 살짝 두근거리는 채로 머묾
[볼거리 한 번] 숫자가 멈추는 순간 숫자 칸이 쿵 내려앉듯 한 번 튕기고 막대 끝이 빨갛게 번쩍
[모양] 따뜻한 살구색 그라데이션 배경 · 먹색 굵은 글자 · 남은 수량은 화면 높이 1/4쯤 빨간 숫자(#E8442E, 자릿수 폭 고정), 옆에 단위와 작게 전체 수량 · 딱지 노랑 #FFD400. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 막대는 전체 대비 남은 비율만큼만(20개 중 7개면 약 1/3) · 남은 수량이 넉넉하면 「품절 임박!」 딱지는 빼기
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#쇼핑몰#음식점#농업·특산물

📅 일정·행사 7

날짜·시간표·연혁·참가 신청을 한눈에

E01

D-day 카운트다운

event countdown

넘기는 숫자판이 D-7 → D-3 → D-1로 착착 넘어가다 D-DAY가 되며 축하 효과가 터집니다. 행사 이름과 날짜가 함께 보여요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 D-day 카운트다운(event countdown) 만들어줘. 넘기는 숫자판(플립 시계처럼)이 D-7, D-3, D-1로 착착 넘어가다 마지막에 D-DAY로 바뀌며 축하 효과가 터지고, 아래에 행사 이름과 날짜가 붙게. 행사 이름: 「==○○시 가을 축제==」. 날짜: 「==10월 3일(토)==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.8초: 가운데 흰 숫자판 「D-7」, 그 위 작은 「행사까지」 · 판 아래 「==○○시 가을 축제==」 글자가 살짝 떠오르고 노란 알약 칩(「==10월 3일(토)==」)이 뜸
· 0.8~1.2초: 첫 넘김 — 위 반쪽이 가운데 접는 선을 따라 앞으로 꺾여 넘어가고 새 아래 반쪽이 덮이며 「D-3」이 됨
· 1.6~2.0초: 같은 넘김으로 「D-1」
· 2.4~2.8초: 마지막 넘김 — 빨간 판에 흰 글자 「D-DAY」
· 2.8~3.2초: 판이 살짝 작아졌다 톡 튀며 제자리 · 위 글자는 노란 「드디어 오늘!」로 톡 바뀜
· 2.8~4.2초: 판 양옆으로 노랑·분홍 빛살이 뻗어 사라지고, 네 가지 색 색종이가 좌우로 터져 흩날리며 떨어짐
· 4.2~5.0초: 축하가 가라앉고 모두 그대로 머묾
[볼거리 한 번] 「D-DAY」로 바뀌는 순간 빨간 판이 크게 한 번 튕기며 빛살과 색종이가 한꺼번에 터짐
[모양] 짙은 보랏빛 밤 배경 #2E2166(가장자리는 거의 검정), 화면 폭 절반의 흰 넘김 숫자판·아주 굵은 검정 숫자, D-DAY 판만 빨강 #E8442E, 흰 굵은 이름, 노랑 #FFD400 칩. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 넘김을 흐려졌다 바뀌는 식으로 대신하지 말 것 · D-7·D-3·D-1 사이에 다른 숫자판을 끼워 넣지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#행사·축제#교육#쇼핑몰#공공
E02

행사 시간표

event timetable

시간과 순서가 한 줄씩 켜지고, «지금» 표시가 진행 중인 순서로 미끄러져 옮겨 갑니다. 끝난 순서는 흐려져요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 행사 시간표(event timetable) 만들어줘. 시간과 순서가 한 줄씩 켜지고, 「지금」 막대가 진행 중인 줄로 미끄러져 옮겨 가며 끝난 줄은 흐려지게. 행사 이름: 「==○○센터 가을 행사==」. 시간표: 「==10:00 등록 / 10:30 개회식 / 11:00 특강 / 12:00 점심==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.2초: 왼쪽 위 작은 빨간 「TIMETABLE」과 큰 「==○○센터 가을 행사==」 글자, 오른쪽 위 짙은 알약에 지금 시각(«지금 10:40» 꼴)
· 0.2~1.4초: 시간표 줄이 위에서부터 하나씩 오른쪽에서 미끄러져 들어옴 — 흰 둥근 줄마다 굵은 시간·순서 이름(장소가 적혀 있으면 끝에 회색 칩)
· 1.6~2.0초: 진행 중 바로 앞 줄에 빨간 테두리 막대와 왼쪽 「지금」 꼬리표가 톡 튀며 씌워지고, 그 위 끝난 줄은 흑백으로 흐려짐
· 2.8~3.3초: 막대가 진행 중인 순서 줄로 부드럽게 미끄러져 내려감 · 지나온 줄도 흐려지고 새 줄 이름은 빨강 · 오른쪽 위 시각도 바뀜
· 3.3~6.0초: 그대로 머묾
[볼거리 한 번] 막대가 진행 중인 줄에 도착하는 순간 톡 튕기며 테두리 둘레로 빨간 빛이 한 번 번짐
[모양] 따뜻한 미색 배경 #F6F3EC, 옅은 그림자의 흰 둥근 줄 카드, 아주 굵은 검정 글자(시간은 자릿수 폭 고정), 강조는 빨강 #E8442E, 진행 중인 줄 바탕은 연분홍. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 시간표에 없는 순서·장소를 지어내지 말 것 · 줄 순서는 적은 차례 그대로
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#행사·축제#교육#공공#복지·자활
E03

연혁 타임라인

history timeline

가로선이 그려지면서 연도 점이 차례로 톡톡 뜨고, 점마다 작은 사진 카드와 한 줄 기록이 붙습니다.

⏱
⚠️ ⚠️ 미리보기의 연도·기록은 예시예요. 실제 연혁만 쓰세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 연혁 타임라인(history timeline) 만들어줘. 가로선이 왼쪽에서 오른쪽으로 그려지며 연도 점이 차례로 톡 뜨고, 점마다 작은 사진 카드와 한 줄 기록이 붙게. 연도와 기록: 「==2010 ○○센터 개소 / 2016 제2사업장 / 2020 우수기관 선정 / 2024 이용자 1만 명==」.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.1~3.7초: 화면 가운데 조금 아래, 어두운 바탕선 위로 주황→빨강 선이 왼쪽에서 오른쪽으로 같은 빠르기로 그려짐 · 연도 점은 같은 간격
· 선이 점에 닿을 때마다: 흰 점(빨간 테두리)이 톡 튀며 점선 줄기가 위로 자라고, 곧 점 아래 금빛 연도와 위쪽의 살짝 기운 사진 카드가 톡 튀어 나온 뒤 한 줄 기록
· 점이 뜬 뒤: 점 둘레로 빨간 고리가 퍼지며 사라지기를 약 1.4초마다 되풀이
· 3.6~3.8초: 선 오른쪽 끝에 빨간 화살촉이 나타남
· 3.8~8.0초: 모두 자리 잡은 채 머물고 고리만 계속 퍼짐
[볼거리 한 번] 선이 오른쪽 끝에 닿는 순간 빛 한 줄기가 선을 따라 왼쪽에서 화살촉까지 한 번 스침
[모양] 짙은 남색 배경(아래로 더 어둡게), 둥근 가로선(주황 #FFB45A→빨강 #E8442E), 선 위 흰 액자 사진 카드(3:2), 선 아래 굵은 금빛 연도 #FFD27A·옅은 회색 기록, 왼쪽 위 흰 제목 「우리의 발자취」. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 적은 연혁 외에 연도·기록·사진을 지어내지 말 것 · 사진 카드끼리 겹치지 않게 같은 간격으로
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#제조#공공#교육#복지·자활
E04

행사 포스터 모션

animated event poster

세로 포스터 위에 색 도형이 먼저 깔리고, 큰 제목·날짜·장소·문의가 차례로 조립되듯 들어옵니다.

⏱
⚠️ ⚠️ 휴대폰 세로 영상으로 만들려면 위 공통 설정의 화면 비율을 «세로 9:16»으로 바꾸세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 행사 포스터 모션(animated event poster) 만들어줘. 세로 포스터 판 위에 색 도형이 먼저 깔리고, 큰 제목·날짜 블록·장소·문의가 차례로 조립되듯 들어오게. 제목: 「==가을 나눔 장터==」. 날짜: 「==10월 17일(토) 10:00~16:00==」. 장소: 「==○○시청 광장==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.1~0.6초: 짙은 남색 화면 가운데 크림색 세로 포스터 판이 살짝 아래에서 커지며 떠오름 · 뒤 주황·청록 빛 번짐이 천천히 맴돎
· 0.4~1.3초: 색 도형이 차례로 톡 튀어 깔림 — 오른쪽 위로 삐져나간 큰 주황 원 → 오른쪽 가장자리에 걸친 청록 원 → 검은 테두리의 작은 노란 점
· 1.2~1.8초: 큰 제목 「==가을 나눔 장터==」 글자가 줄마다 가려진 틈에서 밀려 올라옴(둘째 줄은 조금 늦게)
· 2.0~2.4초: 짙은 날짜 블록(큰 숫자 날짜 + 노란 요일)이 왼쪽 밖에서 밀려 들어옴
· 2.4~3.0초: 그 아래 시간 줄이 떠오르고, 빨간 핀 그림과 「==○○시청 광장==」 글자가 톡 튀며 커짐
· 2.9~6.0초: 완성된 포스터는 그대로 머묾 · 뒤 빛 번짐만 천천히 맴돎
[볼거리 한 번] 포스터가 완성되는 순간 빛 한 줄기가 포스터 위를 비스듬히 한 번 스침
[모양] 짙은 남색 무대 #161A28 가운데 화면 높이를 거의 채운 크림색 세로 포스터 #FFF3DE(둥근 모서리·깊은 그림자), 주황 #FF7A45·청록 #1FA88A 원과 노란 점, 아주 굵은 검정 글자 왼쪽 정렬. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 도형이 글자를 덮지 않게(도형은 글자 뒤) · 글자가 포스터 판 밖으로 나가지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#행사·축제#공공#교육#복지·자활
E05

QR로 참가 신청

scan-QR call to action

QR 코드 둘레를 스캔 빛이 돌고 모서리 괄호가 조여 오며, «휴대폰 카메라로 찍으세요» 안내와 마감일이 뜹니다.

⏱
⚠️ ⚠️ 미리보기의 QR은 모양만 예시예요. 영상을 만든 뒤 휴대폰으로 직접 찍어 주소가 맞는지 꼭 확인하세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 QR 참가 신청 화면(scan-QR call to action) 만들어줘. QR 코드 둘레를 스캔 빛이 돌고 모서리 괄호가 조여 오며, 옆에 안내 문구가 뜨게. QR 코드는 뒤에 적은 신청 페이지 주소로 실제로 찍히게 해줘. 신청 페이지 주소: ==https://example.com/apply==.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.1~0.5초: 왼쪽에 흰 둥근 QR 판(화면 폭의 1/3)이 톡 튀어 자리 잡음 · 한가운데 빨간 네모에 흰 체크
· 0.3~1.1초: 노란 모서리 괄호 4개가 바깥 멀리서 안쪽으로 조여 들어오고, 그 뒤 숨 쉬듯 살짝 벌어졌다 조여지기 되풀이
· 0.4~0.8초: QR 둘레 하늘색 빛 테두리가 켜지고 빛 조각이 약 1.25초에 한 바퀴씩 돎 · QR 안 스캔 빛 띠는 위아래로 오르내림
· 0.5~1.0초: 오른쪽에 아주 큰 흰 글자 「참가 신청」이 밀려 들어옴
· 0.9~1.6초: 이어 회색 안내 문구, 하늘색 휴대폰 그림과 「찍으면 신청 화면으로」가 차례로 밀려 들어옴
· 1.6~5.0초: 빛·괄호만 계속 움직이며 나머지는 머묾
[볼거리 한 번] 괄호가 QR에 딱 조여지는 순간 괄호 네 개가 한 번 노랗게 번쩍 빛남
[모양] 짙은 남색 배경, 왼쪽 흰 둥근 QR 판, 스캔 빛·테두리는 하늘색 #8BE9FF 빛 번짐, 모서리 괄호는 노랑 #FFD400 두꺼운 선, 오른쪽 흰 굵은 글자, 마감 칩 빨강 #E8442E. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 스캔 빛 띠는 옅게 — QR 무늬를 덮어 휴대폰으로 안 찍히게 하지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#행사·축제#공공#교육#복지·자활
E06🧊 3D

축제 불꽃 오프닝

festival fireworks opening

밤하늘에 입체 불꽃이 세 번 터져 흩어지며 떨어지고, 가운데로 축제 이름이 빛나며 떠오릅니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 축제 불꽃 오프닝(festival fireworks opening) 만들어줘. 3D는 Three.js로. 밤하늘에 입자 불꽃이 세 번 솟아 터져 중력을 받아 흩어지며 떨어지고, 가운데로 축제 이름이 빛나며 떠오른 뒤 그 아래 날짜가 붙게. 축제 이름: 「==○○시 빛 축제==」. 날짜: 「==10월 3일 ~ 5일==」. 불꽃 색(터지는 차례대로): ==금빛 주황 · 분홍 · 하늘색==.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 옅은 별이 깔린 밤하늘, 아래 검은 도시 실루엣에서 첫 불꽃 줄기가 꼬리를 끌며 왼쪽 위로 솟음
· 0.4~1.3초: 왼쪽 위 첫 불꽃이 둥글게 터지고 둘레 하늘이 잠깐 같은 색으로 물듦 · 둘째 줄기가 오른쪽 위로
· 1.3~2.4초: 오른쪽 위 둘째 불꽃이 터지고, 앞 불꽃 입자는 반짝이는 꼬리를 그으며 처져 떨어짐 · 셋째 줄기가 가운데로
· 2.4~3.0초: 가운데 위 가장 가까이에서 셋째 불꽃이 가장 크게 터지고, 곧 화면 가운데 조금 아래 「==○○시 빛 축제==」 글자가 흐릿하게 벌어졌다가 또렷이 모이며 떠오름
· 2.7~3.0초: 이름 위 작은 「FESTIVAL」, 아래 「==10월 3일 ~ 5일==」 글자가 차례로 나타남
· 3.0~5.0초: 남은 입자가 떨어져 사라지고 이름은 빛나는 채 머묾 · 카메라는 내내 좌우로 아주 살짝 오감
[볼거리 한 번] 셋째 불꽃이 가장 크게 터지는 순간 그 빛으로 밤하늘 전체가 한 번 환하게 물듦
[모양] 짙은 남색 밤하늘 #05071A·옅은 별, 맨 아래 검은 도시 실루엣(창문 불빛 몇 개), 불꽃은 ==금빛 주황 · 분홍 · 하늘색== 차례(흰 불티 섞임), 이름은 아주 굵은 따뜻한 흰색에 주황 빛 번짐. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 불꽃은 화면 위쪽에서 터지게 — 축제 이름 글자를 덮지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#행사·축제#관광·지역#공공
E07

행사장 부스 배치도

venue booth map

위에서 내려다본 행사장에 부스가 하나씩 켜지고, 입구에서 찾는 부스까지 길이 그려진 뒤 핀이 꽂힙니다.

⏱
⚠️ ⚠️ 미리보기의 배치는 예시 그림입니다. 실제 행사장 도면이 있으면 «행사장 도면 파일» 칸에 파일 이름을 적어 주세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 행사장 부스 배치도(venue booth map) 만들어줘. 위에서 내려다본 행사장 격자에 부스가 하나씩 켜지고, 입구에서 안내할 부스까지 점선 길이 그려진 뒤 핀이 꽂히며 부스 이름 말풍선이 붙게. 부스 목록: 「==먹거리 2곳 / 체험 2곳 / 상담 / 판매 3곳 / 홍보 / 쉼터==」. 안내할 부스: 「==상담 부스==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.6초: 위에서 내려다본 행사장 바닥(옅은 격자)이 나타나고, 위 왼쪽 검정 「무대」, 아래 빨간 「▲ 입구」가 켜짐(입구는 은은하게 깜빡임)
· 0.4~2.2초: 점선 빈칸이던 부스가 하나씩 색이 차며 톡 튀어 켜짐 — 윗줄 왼쪽→오른쪽, 이어 아랫줄 오른쪽→왼쪽
· 2.2~3.0초: 입구에서 안내할 부스까지 빨간 점선 길이 통로를 따라 꺾이며 그려지고, 그 끝을 빨간 점이 따라 걸어감
· 3.0~3.3초: 그 부스 위로 빨간 지도 핀이 떨어져 톡 튀며 꽂힘
· 3.1~3.6초: 부스가 살짝 커지며 노란 테두리가 깜빡이고, 핀 위 짙은 말풍선이 톡 튀어 커짐 — 「여기가 ==상담 부스==」, 부스 이름만 노랑
· 3.6~6.0초: 그대로 머물고 핀 끝에서 빨간 고리가 약 1초마다 퍼짐
[볼거리 한 번] 핀이 꽂히는 순간 핀 둘레로 큰 빨간 고리 하나가 바닥 위로 넓게 퍼져 나감
[모양] 베이지 배경 #E7E1D3 위 미색 행사장 판(옅은 격자), 둥근 네모 부스는 종류마다 다른 색(주황·초록·파랑·보라 등)·흰 굵은 이름, 길·핀·입구는 빨강 #E8442E. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 부스 목록에 없는 부스를 지어내지 말 것 · 길이 부스를 가로지르지 않게 통로로만
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#행사·축제#교육#공공#복지·자활

📢 공지·절차·캠페인 8

공공·복지·기관이 알려야 하는 것을 쉽게

N01

안전 수칙 픽토그램

safety pictograms

안전모 쓰기·손 씻기처럼 지킬 일을 사람 그림 타일로 보여 주고, 타일마다 ⭕·❌ 도장이 쾅 찍혀요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 안전 수칙 픽토그램(safety pictograms) 만들어줘. 수칙마다 단순한 사람 그림 타일이 이름과 함께 하나씩 올라오고, 지킬 일에는 초록 ⭕, 하지 말아야 할 일에는 빨간 ❌ 도장이 쾅 찍히며 타일이 살짝 흔들리게. 수칙 목록: 「==안전모 쓰기 ⭕ / 뛰지 않기 ❌ / 손 씻기 ⭕ / 비상구 확인 ⭕==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 맨 위 얇은 노랑·검정 사선 띠 아래 왼쪽에 노란 경고 삼각형이 내려오며 나타남
· 0.2~1.6초: 타일이 왼쪽부터 0.3초 간격으로 아래에서 톡 튀어 오름(흰 둥근 타일 · 사람 그림 · 아래 수칙 이름)
· 타일 안 그림: 끝까지 작게 움직임(예: 뛰는 사람은 통통, 물방울은 떨어짐)
· 1.8~3.2초: 타일 오른쪽 위 모서리에 ⭕·❌ 도장이 0.42초 간격으로 크게 떨어져 쾅(조금씩 다른 각도), 타일이 짧게 흔들림
· 3.3~6.0초: 아래 왼쪽에 안내 줄 «⭕ 「꼭 지켜요」 · ❌ 「하지 마세요」»가 나타난 뒤 그대로 머묾
[볼거리 한 번] 마지막 도장이 찍히는 순간 모든 타일이 한꺼번에 톡 튀며 도장 테두리가 한 번 반짝
[모양] 옅은 회녹색 배경 · 흰 둥근 타일 한 줄(윗변에 초록 #16A34A 또는 빨강 #DC2626 두꺼운 띠) · 사람 그림은 짙은 먹색 단색 · 도장은 흰 원에 점선 테두리 · 굵은 글자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 사람 그림은 무늬 없는 단색 실루엣 · 수칙은 적은 순서 그대로
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#공공#제조#교육#복지·자활
N02

신청 절차 흐름도

application process flow

서류 → 접수 → 심사 → 결과 상자가 화살표로 이어지고, 서류 아이콘이 단계를 따라가며 지금 어디쯤인지 불이 켜져요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 신청 절차 흐름도(application process flow) 만들어줘. 번호 붙은 단계 상자가 화살표로 하나씩 이어지며 그려지고, 서류 아이콘이 상자를 차례로 옮겨 가면 지금 단계는 진하게 빛나고 지난 단계에는 ✓ 표시가 붙게. 단계: 「==서류 준비 / 접수 / 심사 / 결과 안내==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.3초: 번호 붙은 흰 상자가 왼쪽부터 톡톡 튀어나오고 사이사이 회색 화살표가 그어짐
· 0.9~1.6초: 아래 가운데에 흰 알약 「신청 순서를 알려 드려요」가 나타남
· 1.3~1.6초: 첫 상자 위에 서류 아이콘이 내려앉고 첫 상자가 진한 남색으로 켜짐(번호 원은 주황, 은은히 빛남)
· 2.1~4.8초: 서류가 단계마다 낮은 포물선으로 다음 상자에 옮겨 가 그 상자가 켜짐 — 지난 상자는 연하늘색 + 초록 ✓, 화살표는 남색
· 단계가 바뀔 때마다: 알약 글자가 «지금 ○단계 · 단계 이름»으로 바뀜
· 4.8~6.0초: 마지막 상자에도 ✓, 알약은 «… · 완료»에 초록 점으로 바뀐 채 머묾
[볼거리 한 번] 서류가 마지막 상자에 도착하는 순간 그 상자가 한 번 크게 튕기며 초록 ✓가 톡 찍힘
[모양] 옅은 하늘빛 회색 배경 · 흰 둥근 상자(가는 회색 테두리, 선 아이콘 + 단계 이름, 왼쪽 위 번호 원) · 지금 단계 진한 남색 #1E3A8A · 완료 ✓ 초록 · 굵은 글자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 서류 아이콘은 상자 위쪽에 떠서 이동(글자를 가리지 않게)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#공공#복지·자활#금융·보험#법률·세무
N03

채용 공고 카드

hiring announcement

«함께할 분을 찾습니다» 제목 아래 모집 분야·근무 조건·마감일이 칩으로 톡톡 뜨고, 맨 아래 지원 방법 띠가 펼쳐져요.

⏱
⚠️ ⚠️ 근무 조건·마감일은 실제 공고와 똑같이 적어 주세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 채용 공고 카드(hiring announcement) 만들어줘. 맨 위 기관 이름 딱지 아래로 「함께할 분을 찾습니다」 제목이 뜨고, 모집 분야·근무 조건·마감일 칩이 차례로 톡톡 올라온 뒤 맨 아래 지원 방법 띠가 왼쪽부터 펼쳐지게. 기관: 「==○○복지관==」. 모집 분야: 「==사회복지사 1명==」. 근무 조건: 「==주 5일 · 9시~18시==」. 마감일: 「==10월 31일==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.2~0.5초: 왼쪽 위에 청록 알약 딱지 「==○○복지관== · 채용 공고」가 살짝 내려오며 나타남
· 0.3~1.4초: 아주 큰 굵은 두 줄 「함께할 분을」 「찾습니다」가 차례로 떠오르고 둘째 줄 밑에 노란 형광펜이 왼쪽부터 그어짐
· 0.5~1.0초: 오른쪽에 민트색 동그라미가 튕기며 나타남 — 안에 점선 사람 모양(점선이 천천히 흐름)
· 1.4~2.4초: 조건 칩 3개가 0.28초 간격으로 왼쪽에서 톡톡(흰 둥근 칩: 청록 항목 이름 | 먹색 값)
· 1.9~2.6초: 점선 사람이 청록으로 차오르고 주황 + 배지가 톡, 아래에 「당신의 자리」
· 2.6~6.0초: 맨 아래 짙은 청록 띠가 왼쪽부터 펼쳐짐(노란 알약 「지원 방법」) · 이후 동그라미만 둥실둥실
[볼거리 한 번] 점선 사람이 가득 차는 순간 + 배지가 크게 한 번 튕기고 동그라미가 살짝 빛남
[모양] 크림~살구색 그라데이션 배경 · 강조 청록 #0F766E · 제목은 먹색 아주 큰 굵은 글자 + 노란 형광펜 #FCD34D. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 사람 그림은 얼굴 없는 실루엣(실제 인물 사진 금지)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#복지·자활#병원#제조#공공#음식점
N04

조직도 펼치기

org chart

맨 위 상자에서 가지선이 뻗어 나가며 팀 상자, 그 아래 담당 상자가 차례로 펼쳐져요. 이름 없이 직함만 넣어도 돼요.

⏱
⚠️ ⚠️ 직원 이름·사진을 넣을 때는 본인 동의를 먼저 받으세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 조직도 펼치기(org chart) 만들어줘. 맨 위 상자에서 가지선이 쭉 그려지며 아래 팀 상자, 그 아래 담당 상자가 차례로 톡톡 펼쳐지게. 팀마다 색을 달리해 한눈에 구분되게 해줘. 조직 구조: 「==센터장 > 사업팀(사례관리·일자리) / 교육팀(직업교육·상담) / 행정팀(회계·시설)==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~3.0초: 조직도 전체가 카메라가 한 발 물러나듯 아주 살짝 멀어지며 자리 잡음
· 0.2~1.1초: 위쪽 가운데 짙은 남색 맨 위 상자가 톡 튀어나오고, 가는 회색 가지선이 내려와 양옆으로 갈라짐
· 1.0~1.6초: 팀 상자가 왼쪽부터 톡톡 — 팀마다 다른 진한 색 칸에 흰 굵은 글자
· 1.6~2.1초: 팀마다 가지선이 다시 내려와 담당 수만큼 갈라짐
· 2.0~2.8초: 담당 상자가 왼쪽부터 톡톡 펼쳐짐(흰 칸 윗변에 팀 색 띠, 직함 + 작은 회색 「담당」)
· 2.8~6.0초: 완성된 조직도가 은은하게 머묾
[볼거리 한 번] 마지막 담당 상자가 펼쳐지는 순간 가지선 전체를 따라 팀 색 빛이 위에서 아래로 한 번 흐름
[모양] 밝은 회청색 배경 · 맨 위 상자 짙은 남색 #1E293B · 팀 상자는 청록 #0F766E·남보라 #4338CA·황토 #B45309처럼 팀마다 다른 색 · 담당 상자는 흰 칸 + 윗변 팀 색 · 가는 회색 선. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 상자끼리 겹치지 않게 · 담당이 많으면 상자를 줄여 한 화면에
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#공공#복지·자활#제조#교육
N05

인증·수상 배지 벽

awards & certifications wall

받은 인증·수상이 둥근 배지·방패 배지로 벽에 하나씩 걸리고 광택이 스쳐 지나가요. 한 칸은 시상식 사진 액자로 쓸 수 있어요.

⏱
⚠️ ⚠️ 실제로 받은 인증·수상만 쓰세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 인증·수상 배지 벽(awards & certifications wall) 만들어줘. 어두운 벽의 격자 칸에 둥근 배지와 방패 배지가 이름표와 함께 하나씩 걸리며 살짝 흔들리고, 걸린 배지마다 광택이 한 번씩 스쳐 지나가게. 인증·수상 목록: 「==우수기관 인증 / 안전 인증 / 고객만족 대상==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 위쪽 가운데에 금색 「인증 · 수상」 머리글이 양옆 금빛 선과 함께 나타남
· 0.2~1.9초: 배지가 왼쪽 위 칸부터 0.22초 간격으로 위에서 내려와 걸리고, 윗부분을 축으로 좌우로 흔들리다 멈춤 — 한 줄에 3칸씩
· 0.5~1.9초: 배지마다 걸리고 조금 뒤 아래에 밝은 회색 굵은 이름표(인증·수상 이름)가 떠오름
· 1.8~3.2초: 흰 광택 띠가 배지마다 0.18초 간격으로 비스듬히 한 번씩 쓱 스쳐 지나감
· 3.2~5.0초: 모든 배지가 걸린 채 은은하게 머묾
[볼거리 한 번] 마지막 배지에 광택이 지나가는 순간 벽의 배지 전체가 한꺼번에 한 번 반짝 빛남
[모양] 짙은 남색 벽(위쪽이 조금 밝고 옅은 세로 줄무늬) · 금색 머리글 · 배지는 금·파랑·초록·보라 그라데이션의 메달·방패·월계관·톱니 모양(안쪽 점선 테두리) · 이름표 밝은 회색 굵은 글자. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 적은 인증·수상만 배지로(빈칸을 가짜 상으로 채우지 말 것) · 실제 기관 로고·마크를 흉내 내지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#병원#제조#교육#공공
N06

모금·목표 달성 온도계

goal thermometer

온도계가 목표의 몇 %까지 빨갛게 차오르며 모인 금액이 올라가고, 끝에 «목표까지 22%»가 반짝여요.

⏱
⚠️ ⚠️ 실제 모금액만 쓰세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 모금·목표 달성 온도계(goal thermometer) 만들어줘. 눈금이 있는 온도계 속 빨간 막대가 아래에서 위로 현재 값까지 차오르며 모인 값과 퍼센트 숫자가 함께 올라가고, 막대가 멈추면 「목표까지 ○%」 칩이 반짝이며 튀어나오게. 목표: 「==1,000만 원==」. 현재: 「==780만 원==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 왼쪽에 눈금(0·25·50·75·100%) 달린 흰 온도계, 오른쪽에 큰 숫자 «0», 「목표 ==1,000만 원==」 글자
· 0.5~3.2초: 빨간 막대가 현재÷목표 비율까지 차오름(천천히 출발·천천히 멈춤) — 막대 끝을 따라 빨간 말풍선 퍼센트도 올라감
· 0.5~3.2초: 오른쪽 아주 큰 빨간 숫자가 막대와 함께 올라가 「==780만 원==」에서 딱 멈춤
· 3.2~3.6초: 숫자 아래 노란 알약 칩 「목표까지 ○%」(남은 비율)가 튕기며 튀어나옴
· 3.2~6.0초: 막대 꼭대기에서 주황 반짝이가 부채꼴로 튀고 칩 둘레에서도 반짝인 뒤 그대로 머묾
[볼거리 한 번] 칩이 튀어나올 때 막대 꼭대기에서 반짝이가 부채꼴로 크게 한 번 터져 오름
[모양] 연분홍 그라데이션 배경 · 흰 온도계(연분홍 테두리, 둥근 아래 알) · 막대·숫자 빨강 #E8442E · 캠페인 이름(적었을 때) 진분홍 굵게 · 칩 노랑 #FBBF24 알약 · 반짝이 주황. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 막대 높이는 정확히 현재÷목표 비율만큼(눈금과 맞게)
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#복지·자활#공공#교육#행사·축제
N07

사람 아이콘 통계

people pictogram

사람 아이콘 100개 중 해당하는 만큼 차례로 색이 칠해지고 «10명 중 2명» 같은 비율이 나와요. 숫자보다 쉽게 와닿아요.

⏱
⚠️ ⚠️ 출처가 있는 통계만 쓰세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 사람 아이콘 통계(people pictogram) 만들어줘. 사람 아이콘 100개(10×10 격자) 중 해당 비율만큼 하나씩 빨갛게 칠해지고, 옆에 퍼센트 숫자가 올라가며 설명과 「10명 중 ○명」 문구가 붙게. 전체: 「==100명==」. 해당 인원: 「==23명==」. 설명: 「==교육 뒤 취업한 참여자==」.
[길이·크기] 전체 약 5초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.7초: 왼쪽에 회색 사람 아이콘 100개(10×10)가 위 줄부터 차례로 살짝 커지며 나타나고, 오른쪽 위에 설명 「==교육 뒤 취업한 참여자==」 글자
· 0.6~2.2초: 아이콘이 왼쪽 위부터 줄 순서대로 하나씩 빨갛게 칠해짐(칠해질 때 톡 부풀었다 돌아옴) — 해당 비율만큼
· 0.6~2.2초: 오른쪽 아주 큰 빨간 퍼센트 숫자가 칠해진 아이콘 수에 맞춰 1씩 올라가 비율에서 딱 멈춤
· 2.1~2.5초: 숫자 아래 먹색 굵은 「10명 중 ○명」 문구가 살짝 올라오며 나타남
· 2.2~5.0초: 그 아래 회색 작은 글자 「==100명== 중 ==23명==」 — 이후 그대로 머묾
[볼거리 한 번] 마지막 아이콘이 칠해지는 순간 칠해진 아이콘 전체가 한꺼번에 한 번 톡 부풀었다 돌아옴
[모양] 아주 옅은 회백색 배경 · 사람 아이콘은 머리+몸통 단순 모양(회색 #CBD5E1 → 빨강 #E8442E) · 퍼센트는 화면 높이 1/4쯤 빨간 아주 굵은 숫자(자릿수 폭 고정) · 문구 먹색 굵게. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 칠하는 아이콘 수 = 해당 인원÷전체×100(반올림) — 어림으로 칠하지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#공공#복지·자활#병원#교육
N08

FAQ 카드 넘기기

FAQ flip cards

질문 카드 더미에서 맨 위 카드가 뒤집히며 답이 보이고, 옆으로 빠지면 다음 질문 카드가 올라와요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 FAQ 카드 넘기기(FAQ flip cards) 만들어줘. 질문 카드 더미에서 맨 위 카드가 가로로 뒤집히며 뒷면의 답이 보이고, 옆으로 빠지면 다음 질문 카드가 더미에서 올라오게. 앞면은 진한 색에 질문, 뒷면은 흰 바탕에 답. 질문과 답 1: 「==신청은 어디서 하나요? → 가까운 주민센터나 온라인으로 신청해요.==」. 질문과 답 2: 「==준비 서류는 뭔가요? → 신분증과 신청서 한 장이면 돼요.==」.
[길이·크기] 전체 약 9초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~1.1초: 왼쪽에 「FAQ」 · 「자주 묻는 질문」 · 「궁금한 점을 한 장씩 풀어 드려요」와 쪽 점, 오른쪽 더미 맨 위에 질문 1 앞면
· 1.1~1.7초: 카드가 가로로 반 바퀴 뒤집혀 흰 뒷면 — 위에 작게 «Q1. 질문», 아래 주황 「A」 원과 굵은 답
· 1.7~4.2초: 답을 보여 준 채 머묾
· 4.2~4.8초: 카드가 오른쪽 위로 살짝 돌며 날아가 흐려지고 더미의 다음 카드가 맨 위로 올라옴(쪽 점도 다음 칸)
· 4.8~9.0초: 질문 2도 같은 순서(앞면 → 뒤집기 → 답) — 답을 보여 준 채 은은하게 끝남
· 질문 3을 적었다면: 한 장 더 같은 순서로 — 세 장이 전체 길이를 똑같이 나눠 가짐
[볼거리 한 번] 첫 카드가 뒤집힐 때 한 번만 카드가 살짝 들렸다 내려앉으며 「A」 원이 톡 튀어나옴
[모양] 연보라 그라데이션 배경 · 왼쪽 글자 남보라 #4338CA·짙은 남색 굵게 · 오른쪽 둥근 카드(화면 폭 절반쯤) 뒤로 빈 연보라 카드 2장이 비껴 겹침 · 앞면 진한 남보라에 흰 「Q」 원. 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 뒷면 글자가 거울처럼 좌우 뒤집히지 않게
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#공공#병원#쇼핑몰#교육#법률·세무

💪 생활 도우미 3

운동·요리·돈 관리처럼 따라 하는 영상

H01

운동 인터벌 타이머

workout interval timer

운동 영상 위에 원형 링 타이머가 뜹니다. 운동 시간은 주황, 휴식 시간은 초록으로 링이 줄어들고 동작 이름과 라운드가 함께 보여요.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 운동 인터벌 타이머(workout interval timer) 만들어줘. 영상 위에 원형 링 타이머를 얹고, 운동과 휴식을 라운드 수만큼 번갈아 세게. 운동은 주황·휴식은 초록으로 링이 줄어들며 숫자가 1초씩 내려가고, 동작 이름과 라운드(예: 2/5)가 함께 보이게. 운동 시간: 「==20초==」. 휴식 시간: 「==10초==」. 라운드: 「==5회==」.
[길이·크기] 전체 운동 ==20초==·휴식 ==10초== × ==5회== · 1920x1080(가로 16:9) · 배경 투명 — 넣을 영상 위에 합성(영상이 없으면 투명 배경 webm으로).
[장면 순서]
· 0.0~0.3초: 오른쪽 위에 원형 링 타이머가 부드럽게 나타나고, 그 위에 라운드 수만큼 작은 막대(지난 칸 초록 · 지금 칸 주황으로 빛남)
· 운동 구간마다: 12시에서 시작한 주황 호가 남은 시간만큼 짧아지고 가운데 숫자가 1초씩 내려감 · 링 안 위 「운동」, 아래 「라운드 2/5」 꼴
· 휴식 구간마다: 링과 링 안 위 글자 「휴식」이 초록으로 바뀜(숫자는 흰색 그대로)
· 구간이 바뀔 때: 링이 1.1배로 살짝 커졌다가 제자리로 톡 돌아옴
· 운동 남은 3초: 숫자가 1초 박자에 맞춰 살짝 커졌다 작아짐
· 마지막 라운드 뒤: 라운드 막대가 모두 초록으로 찬 뒤 타이머가 부드럽게 사라짐
[볼거리 한 번] 마지막 라운드가 끝나는 순간 링이 한 바퀴 반짝 빛나며 크게 한 번 튕김
[모양] 화면 폭 1/3 크기 두꺼운 링(운동 주황 #FF8A1F · 휴식 초록 #22C55E, 뒤에 옅은 빈 링), 반투명 짙은 남색 원판 받침, 가운데 큰 굵은 흰 숫자 «0:20» 꼴(자릿수 폭 고정), 링 아래 짙은 알약 칸. 
[움직임] 배경은 비워 아래 영상이 보이게(카메라 이동 없음) · 요소는 조금씩 엇갈려 등장 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 뚝 끊지 말고 부드럽게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 사람 얼굴을 가리지 않게 오른쪽 위 모서리에만
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#운동·헬스#복지·자활#병원#유튜버
H02

레시피 단계 카드

recipe steps

왼쪽 재료 목록이 하나씩 체크되고, 오른쪽에 1·2·3 단계 카드가 사진과 함께 넘어가며 조리 시간 칩이 붙습니다.

⏱
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 레시피 단계 카드(recipe steps) 만들어줘. 왼쪽 재료 목록이 하나씩 체크되고, 오른쪽에 단계 카드가 사진과 함께 한 장씩 넘어가며 조리 시간 칩이 붙게. 요리 이름: 「==두부조림==」. 재료: 「==두부 1모 / 대파 1대 / 간장 2큰술 / 고춧가루 1큰술==」. 단계: 「==두부 노릇하게 굽기 5분 / 양념장 부어 끓이기 3분 / 약불로 졸이기 10분==」.
[길이·크기] 전체 약 8초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.3초: 왼쪽 위 큰 제목 「==두부조림== 만들기」, 왼쪽 흰 재료 카드(빨간 「재료」 머리글·빈 체크 칸과 흐린 글자), 오른쪽에 살짝 기운 빈 종이 두 장
· 0.3~1.8초: 재료가 위에서부터 하나씩 체크 — 빨간 체크 칸이 톡 튀어 찍히고 글자가 진해짐
· 0.4~1.0초: 1단계 카드가 오른쪽 밖에서 기운 채 미끄러져 들어와 똑바로 놓이고, 사진 오른쪽 아래 노란 시간 칩(«⏱ 5분» 꼴)이 톡 튐
· 1.9~2.5초: 앞 카드가 왼쪽으로 기울며 빠지고 다음 단계 카드가 같은 방식으로 들어옴 · 단계마다 같은 간격으로 되풀이
· 3.4~4.0초: 마지막 단계 카드가 놓이고 시간 칩이 톡 튐
· 4.0~8.0초: 다 체크된 재료와 마지막 카드가 그대로 머묾
[볼거리 한 번] 마지막 단계 카드가 놓이는 순간 사진 위로 따뜻한 빛 한 줄기가 비스듬히 한 번 스침
[모양] 따뜻한 크림색 배경 #FBF6EE, 왼쪽 흰 재료 카드(점선 구분선·빨간 체크 #E8442E), 오른쪽 넓은 흰 단계 카드(위쪽 사진·빨간 번호 원·노란 시간 칩 #FFD400·진행 점). 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · 적은 재료·단계·시간 외에 분량(몇 인분)이나 단계를 지어내지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#음식점#농업·특산물#복지·자활#유튜버
H03

적금·복리 성장 그래프

savings growth chart

매달 넣는 돈이 막대로 쌓이고, 그 위로 이자까지 더한 곡선이 그려지며 합계 숫자가 올라갑니다.

⏱
⚠️ ⚠️ 수익을 약속하는 것처럼 보이는 표현은 금융 광고 규제에 걸릴 수 있어요. 이율은 실제 상품 조건으로 바꾸세요.
📋 AI에게 이렇게 말하세요
하이퍼프레임(HyperFrames)으로 적금·복리 성장 그래프(savings growth chart) 만들어줘. 매달 넣는 돈이 막대로 쌓이고, 그 위로 이자를 더한 곡선이 그려지며 합계 숫자가 올라가게. 합계는 뒤에 적은 조건을 월복리로 계산해 넣고, 화면 구석에 「세전 · 예시 계산」이라고 작게 적어줘. 매달 넣는 돈: 「==10만 원==」. 연 이율: 「==3%==」. 기간: 「==10년==」.
[길이·크기] 전체 약 6초 · 1920x1080(가로 16:9).
[장면 순서]
· 0.0~0.4초: 왼쪽 위 굵은 제목 「매달 ==10만 원== · 연 ==3%== · ==10년==」, 그 밑 범례(넣은 돈·이자·합계·「세전 · 예시 계산」), 옅은 눈금선과 해마다 눈금
· 0.4~3.3초: 왼쪽부터 한 해씩 파란 막대(그해까지 넣은 돈)가 솟고, 같은 빠르기로 빨간 합계 곡선이 끝의 빨간 점과 함께 그려짐
· 0.4~3.3초: 곡선과 파란 점선(넣은 돈) 사이가 옅은 주황(이자)으로 차오르고, 오른쪽 위 큰 빨간 합계 숫자가 함께 올라가 최종 합계에서 딱 멈춤
· 3.3~3.6초: 그래프 왼쪽 위에 흰 칩 «넣은 돈 ○○만 + 이자 ○○만»(파랑·주황 글자)이 톡 튀어 나타남
· 3.6~6.0초: 완성된 그래프가 그대로 머묾
[볼거리 한 번] 합계 숫자가 최종 값에 멈추는 순간 곡선 끝 빨간 점에서 빛 고리가 한 번 퍼져 나감
[모양] 아주 옅은 회청색 배경 #F5F7FB, 연파랑 막대 #93C5FD, 빨간 합계 곡선 #E8442E, 이자는 옅은 주황 채움, 넣은 돈은 파란 점선, 굵은 검정 제목, 오른쪽 위 큰 빨간 합계 숫자(자릿수 폭 고정). 
[움직임] 주인공은 크게 · 나머지는 한꺼번에 말고 조금씩 엇갈려 등장(앞 요소가 자리 잡기 전에 다음 시작) · 뒤·가운데·앞 3겹 깊이, 카메라는 내내 아주 천천히 · 튕기는 반동은 모양에만(숫자는 목표값을 넘지 않게) · 끝은 멈춘 화면 말고 숨 쉬듯 은은하게.
[하지 말 것] 내레이션·음악·효과음 없음 · 「」 안 글자·숫자는 적은 그대로 · 글자가 화면 밖으로 잘리지 않게 · «수익 보장»처럼 수익을 약속하는 말은 쓰지 말 것
== == 안의 예시를 내 내용으로 바꿔 쓰세요
#금융·보험#교육#복지·자활

📝 주문 공식 — 이렇게 말하면 잘 알아들어요

카드의 ✏️ 내 내용 넣기 칸을 채우면 아래 모양으로 문장이 저절로 완성돼요. 직접 쓸 때도 이 순서를 따르면 됩니다.

① 부르는 말+ ② 그래픽 이름+ ③ 넣을 글자·파일+ ④ 시점·길이+ ⑤ 색·화면 비율
하이퍼프레임(HyperFrames)으로 방송형 이름 자막(lower third) 만들어줘. 이름: 「홍길동」. 직함: 「○○카페 대표」. 넣을 영상: video.mp4. 시작 시점: 0:05. 지속 시간: 4초. 화면 비율: 가로 16:9. 색·분위기: 남색 판에 주황 선.
  • 부르는 말은 도구마다 달라요. 클로드 코드는 /hyperframes, 코덱스는 $hyperframes. 위 「내 AI 도구」에서 고르면 모든 문장에 자동으로 들어가요.
  • 이름 옆 영어 이름을 괄호로 함께 적으면 헷갈릴 일이 줄어요. 해외 자료를 찾을 때도 이 영어 이름으로 검색하면 됩니다.
  • 로고·사진·영상을 쓰려면 파일을 작업 폴더에 넣고 파일 이름을 적어 주세요.
  • 카드의 🔍 자세히를 누르면 공식 가이드의 «제어» 단계 뼈대 — 길이·크기 · 초 단위 장면 순서 · 볼거리 한 번 · 모양 · 움직임 원칙 · 하지 말 것 — 까지 붙은 긴 문장으로 바뀌어요. 장면 순서는 카드 미리보기의 실제 타이밍을 옮긴 것이라 «미리보기처럼» 나오게 하고 싶을 때 쓰세요. 처음엔 간단으로 충분합니다.
  • 결과는 매번 조금씩 다를 수 있어요. 마음에 안 들면 «더 크게», «더 천천히», «색만 바꿔줘»처럼 고쳐 달라고 하면 됩니다.

🚀 처음이세요? 시작하는 법 — 설치부터 첫 영상까지

하이퍼프레임(HyperFrames)은 HeyGen이 공개한 무료 오픈소스 도구(Apache-2.0)로, 웹 페이지(HTML)로 영상을 만듭니다. 내 컴퓨터에서 만들면 HeyGen 크레딧도 들지 않아요. 다만 영상을 대신 만들어 줄 AI 코딩 도구(클로드 코드·코덱스 등)는 따로 계정이 필요합니다.

▶ 2분 8초 영상으로 준비물과 설치 순서를 먼저 보고, 아래 글을 따라 차근차근 하세요. 영상 속 «준비물 4가지»에 아래 표의 크롬(처음 저장할 때 자동으로 받아짐)을 더하면 5가지예요. 설치에 걸리는 시간은 컴퓨터마다 달라요.

① 무엇이 필요한가요 — 준비물 5가지

AI 코딩 도구꼭 필요

요청 문장을 받아 실제로 만드는 직원이에요. 클로드 코드나 코덱스 중 하나면 됩니다. 클로드 코드는 Pro 이상 유료 계정이 필요하고(무료 플랜 불가), 코덱스는 ChatGPT 계정(Plus 등 유료 플랜 권장)으로 로그인해요.

Node.js 22 이상꼭 필요

npx 명령을 돌리는 엔진이에요. nodejs.org에서 «LTS»라고 적힌 버전을 받으면 됩니다.

FFmpeg꼭 필요

장면 그림들을 MP4 영상으로 묶는 포장기예요. 영상 파일로 저장(렌더)할 때 씁니다.

크롬(촬영용)자동

장면을 한 장씩 찍는 촬영기예요. 하이퍼프레임이 처음 렌더할 때 알아서 내려받아요. 따로 설치하지 않아도 됩니다.

하이퍼프레임 스킬꼭 필요

AI 직원에게 주는 영상 제작 매뉴얼이에요. 아래 명령 한 줄로 작업 폴더에 설치합니다.

② 제일 쉬운 길 — AI 도구에게 준비를 맡기기 추천

  1. AI 코딩 도구 하나를 설치하고 로그인합니다(아래 ③의 «AI 도구» 칸). 터미널이 낯설면 데스크톱 앱을 써도 돼요.
  2. 바탕화면 등에 빈 작업 폴더(예: my-video)를 만들고, AI 도구를 그 폴더에서 엽니다.
  3. 아래 문장을 그대로 붙여 넣으세요. 도구가 «실행해도 될까요?»라고 물으면 내용을 보고 허락하면 됩니다.
    이 폴더에서 하이퍼프레임(HyperFrames)으로 영상을 만들 수 있게 준비해줘. 1. npx hyperframes doctor 를 실행하고 결과를 쉬운 말로 알려줘. Node.js(22 이상)나 FFmpeg가 없으면, 설치해도 되는지 먼저 물어본 뒤 설치해줘. 2. npx hyperframes skills update 를 실행해서 하이퍼프레임 스킬을 설치해줘. 3. 다 되면 무엇이 준비됐는지, 이제 무엇을 붙여 넣으면 되는지 알려줘.
  4. 준비가 끝나면 AI 도구를 한 번 껐다 다시 열고, 이 페이지 카드의 요청 문장을 복사해 붙여 넣으세요.

이 방법은 하이퍼프레임 공식 빠른 시작의 «에이전트에게 맡기는 짧은 길»을 우리말로 옮기고, 점검 단계(doctor)를 더한 것이에요.

③ 직접 하나씩 설치하기 — 맥 · 윈도

🍎 맥

터미널 여는 법

⌘ + Space → «터미널» 입력 → Enter

1. Node.js

nodejs.org에서 LTS 버전 macOS 설치 파일(.pkg)을 받아 실행 → 확인:

node -v

2. FFmpeg

Homebrew(맥용 프로그램 설치 도구)가 없다면 먼저 설치:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

그다음 FFmpeg 설치 → 확인:

brew install ffmpeg
ffmpeg -version

3. AI 도구(하나만)

클로드 코드:

curl -fsSL https://claude.ai/install.sh | bash

코덱스:

curl -fsSL https://chatgpt.com/codex/install.sh | sh

🪟 윈도

터미널 여는 법

시작 버튼 → «PowerShell» 입력 → Enter

1. Node.js

nodejs.org에서 LTS 버전 Windows 설치 파일(.msi)을 받아 실행 → 터미널을 새로 열고 확인:

node -v

2. FFmpeg

윈도 기본 설치 도구(winget)로 설치 → 터미널을 새로 열고 확인:

winget install Gyan.FFmpeg
ffmpeg -version

3. AI 도구(하나만)

클로드 코드:

irm https://claude.ai/install.ps1 | iex

코덱스:

powershell -ExecutionPolicy ByPass -c "irm https://chatgpt.com/codex/install.ps1 | iex"

4. 작업 폴더를 만들고 그 폴더에서 AI 도구 열기(맥·윈도 같음)

mkdir my-video
cd my-video

그다음 클로드 코드는 claude, 코덱스는 codex를 입력하면 열리고, 처음 한 번 브라우저로 로그인해요. 데스크톱 앱이면 앱에서 이 폴더를 고르면 됩니다.

5. 하이퍼프레임 스킬 설치(작업 폴더에서)

npx skills add heygen-com/hyperframes

고르기 화면에서 Core Skills만 고르면 충분해요. 고르기 화면이 어렵다면 대신 아래 한 줄을 써도 됩니다(필요한 기본 묶음만 설치).

npx hyperframes skills update

설치가 끝나면 AI 도구를 껐다가 다시 여세요.

6. 준비 점검

npx hyperframes doctor

Node.js · FFmpeg · FFprobe · Chrome에 ✓가 뜨면 준비 끝이에요. TTS · BGM · Docker에 ✗가 떠도 괜찮아요(음성·배경음악·특수 렌더용 선택 기능).

7. 주문하고 영상으로 저장하기

카드의 요청 문장을 붙여 넣으세요. 부르는 말은 클로드 코드 /hyperframes, 코덱스 $hyperframes예요. 결과를 미리 보고, 마음에 들면 영상 파일로 만듭니다.

npx hyperframes preview
npx hyperframes render --output video.mp4

④ 설치 없이 먼저 해 보기 베타

클로드·ChatGPT 같은 AI 채팅에 하이퍼프레임 연결(MCP 커넥터)을 추가하면 아무것도 설치하지 않고 만들 수 있어요. 연결 주소는 https://mcp.heygen.com/mcp/hyperframes/이고, HeyGen 계정이 필요합니다. 렌더는 HeyGen 서버에서 하고, 내 컴퓨터에 작업 폴더가 남지 않아요. 베타라 기능·요금 조건이 바뀔 수 있습니다.

⑤ 막힐 때

«command not found» · «인식되지 않습니다»가 떠요

방금 설치한 프로그램(Node.js·FFmpeg)을 터미널이 아직 모르는 거예요. 터미널 창을 완전히 닫고 새로 열어 다시 해 보세요. 그래도 안 되면 설치를 다시 확인하세요(node -v, ffmpeg -version).

윈도에서 «이 시스템에서 스크립트를 실행할 수 없으므로…»가 떠요

PowerShell 보안 설정 때문이에요. 시작 버튼 → «명령 프롬프트»(CMD)를 열고 같은 명령을 입력하면 대부분 됩니다.

맥에서 비밀번호를 치는데 글자가 안 보여요

정상이에요. 터미널은 비밀번호를 화면에 보여 주지 않아요. 맥 로그인 비밀번호를 그대로 치고 Enter를 누르면 됩니다(Homebrew 설치 때 물어봐요).

윈도에서 «winget»을 찾을 수 없다고 나와요

winget은 윈도의 «앱 설치 관리자(App Installer)»에 들어 있어요. Microsoft Store에서 «앱 설치 관리자»를 설치·업데이트한 뒤 터미널을 새로 여세요.

스킬을 설치했는데 AI 도구가 /hyperframes를 몰라요

AI 도구를 완전히 껐다가 다시 여세요. 그리고 스킬을 설치한 같은 작업 폴더에서 열었는지 확인하세요.

무엇이 문제인지 모르겠어요

npx hyperframes doctor 결과를 통째로 복사해 AI 도구에 붙여 넣고 «이거 보고 빠진 걸 고쳐줘»라고 하세요.

돈이 드나요?

하이퍼프레임 자체는 무료이고, 내 컴퓨터에서 렌더하면 HeyGen 크레딧을 쓰지 않아요(공식 안내). AI 코딩 도구는 각자의 유료 계정이 필요합니다. 요금은 바뀔 수 있으니 각 회사 공식 페이지에서 확인하세요.

출처(2026-09-25 확인): 하이퍼프레임 GitHub(필요한 것: Node.js 22+·FFmpeg · Core Skills) · 하이퍼프레임 빠른 시작(짧은 길·미리보기·무료) · 설치 없이 AI 채팅에서(MCP·베타) · 클로드 코드 설치·필요한 계정 · 코덱스 설치·ChatGPT 로그인 · Node.js 내려받기 · Homebrew · FFmpeg 내려받기 · winget(앱 설치 관리자) · 클로드 코드 스킬(/스킬이름) · 코덱스 스킬($스킬이름) · npx hyperframes doctor 실제 실행 결과(0.8.76)

📌 알아 두세요

  • 미리보기는 이 페이지에서 바로 도는 스케치예요. 실제 영상은 하이퍼프레임으로 렌더하면 더 매끄럽고, 요청에 따라 모양이 달라질 수 있어요.
  • 요청 문장 속 점선 글자는 예시예요. 칸을 채우면 내 내용으로 바뀝니다. 숫자·후기·인용문은 실제 자료만 넣으세요.
  • 3D 표시가 붙은 19가지는 Three.js로 만든 3D 장면이에요. 3D 안에 한글을 새기기보다 위에 글자를 얹는 방식이 또렷합니다.
  • 외부 사진·아이콘·3D 모델을 가져다 쓸 때는 상업 사용이 되는지 출처를 꼭 확인하세요.