이름만 알면, AI가 영상 그래픽을 만들어 줍니다

하이퍼프레임(HyperFrames)으로 켄 번스 효과(Ken Burns effect) 사진 배경 만들어줘. 사진이 천천히 확대되며 한쪽으로 흘러가게. 이미지 파일: photo.jpg. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 사진 배경 타이틀(photo title card) 만들어줘. 사진이 점점 흐려지고 어두워지며 가운데로 제목이 올라오게. 이미지 파일: photo.jpg. 제목: 「오늘의 주제」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 폴라로이드 사진 떨어뜨리기(polaroid drop) 만들어줘. 흰 테두리 사진이 한 장씩 위에서 툭툭 떨어져 살짝 기울어진 채 쌓이게. 이미지 파일: photo1.jpg / photo2.jpg / photo3.jpg. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 사진 콜라주 그리드(bento photo collage) 만들어줘. 크기가 다른 칸들에 사진이 차례로 톡톡 채워지고 전체가 천천히 확대되게. 이미지 파일: a.jpg / b.jpg / c.jpg / d.jpg / e.jpg. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 3D 사진 카드(3D tilt card) 만들어줘. 사진 카드가 공중에서 천천히 기울며 표면에 빛이 스치게. 이미지 파일: photo.jpg. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 3D 궤도 캐러셀(orbit carousel) 만들어줘. 3D는 Three.js로. 사진 카드 여러 장이 원을 그리며 천천히 돌고, 앞에 온 카드가 크게 보이게. 이미지 파일: photo1.jpg / photo2.jpg / photo3.jpg / photo4.jpg. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 2.5D 패럴랙스 사진(parallax photo) 만들어줘. 사진을 앞·뒤 층으로 나눠, 카메라가 천천히 밀고 들어가듯 입체감이 느껴지게. 필요하면 인물·물체는 배경을 지워(누끼) 앞층으로. 이미지 파일: photo.jpg. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 기기 화면 목업(device mockup) 만들어줘. 휴대폰 화면 안에 캡처 화면이 들어가 위로 천천히 스크롤되고, 기기가 살짝 기울며 떠 있게. 화면 이미지: screenshot.png. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 글자 모양 안에 사진이 보이는 마스크(image text mask) 만들어줘. 큰 글자 속에서 사진이 천천히 흐르다가, 글자가 커지며 사진 전체가 드러나게. 이미지 파일: photo.jpg. 글자: 「SUMMER」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 입자 사진 등장(particle image reveal) 만들어줘. 3D는 Three.js로. 흩어진 빛 알갱이 수천 개가 모여 사진이 되고, 마지막에 선명한 원본 사진으로 바뀌게. 이미지 파일: photo.jpg. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 키네틱 타이포(kinetic typography) 장면 만들어줘. 단어가 하나씩 크게 쾅 박히고 살짝 흔들리게, 단어마다 배경색을 바꿔줘. 단어: 「이거 / 모르면 / 손해」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 예능 효과 자막(variety show caption) 만들어줘. 노란 글자에 굵은 검정 외곽선으로 뿅 튀어나와 흔들리다 사라지게. 얼굴은 가리지 말아줘. 글자: 「헉!」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 속마음 자막(inner-thought caption) 만들어줘. 문장이 한 글자씩 흐릿하게 번지며 떠오르고, 그동안 배경 영상의 색을 살짝 빼줘. 문장: 「(나만 모르나…)」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 효과 도장(stamp impact) 만들어줘. 빨간 원형 도장이 크게 떨어지며 쾅 찍히고, 잉크 방울이 튀고 화면이 0.3초 흔들리게. 도장 글자: 「정답」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 뉴스 속보 띠(breaking news bar)와 흐르는 자막(ticker) 만들어줘. 빨간 「속보」 딱지와 제목 띠가 들어오고, 맨 아래로 문장들이 계속 흐르게. 제목: 「오늘의 핵심: 질문을 바꾸면 답이 바뀐다」. 흐르는 문장: 「다음 시간 안내 / 자료는 고정 댓글에 / 질문은 댓글로」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 인용문 카드(quote card) 만들어줘. 인용문이 한 단어씩 떠오르고, 옛날 필름 같은 입자(film grain)와 어두운 가장자리(vignette)를 얹어줘. 마지막에 출처를 작게. 인용문: 「좋은 질문이 좋은 답을 만든다」. 출처: 「출처 이름」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 개념 도해 애니메이션(animated diagram) 만들어줘. 단계 상자들이 차례로 튀어나오고 화살표가 선을 그리듯 이어지게. 흰 배경에 남색 글자. 단계: 「자료 → AI → 보고서」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 AI 채팅 화면 재현(chat UI mockup) 만들어줘. 질문이 타자 치듯 입력되고, 점 세 개가 깜박인 뒤 답이 한 줄씩 흘러나오게. 질문: 「회의록 3줄로 요약해줘」. 답: 「① 예산은 다음 주 확정 / ② 담당은 기획팀 / ③ 교육은 11월 진행」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 터미널 실행 화면(terminal typing animation) 만들어줘. 검은 창에 명령을 타자로 치고, 진행 줄이 초록 체크와 함께 차례로 뜨게. 명령어: 「npm run build」. 진행 줄: 「파일 읽는 중 / 정리 완료 / 결과 저장」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 3D 미니어처 디오라마(isometric diorama) 만들어줘. 3D는 Three.js로. 작은 세트 안에서 빨간 구슬이 자리 사이를 오가고, 자리마다 이름표를 붙여줘. 카메라는 천천히 돌게. 장소: 「식당」. 이름표: 「손님 = 사용자 / 주문 창구 = API / 주방 = 백엔드」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 OX 퀴즈 장면 만들어줘. 문제를 띄우고 원형 타이머가 줄어든 뒤, 큰 정답 도장과 해설 한 줄이 나오게. 문제: 「비밀번호를 AI 채팅창에 넣어도 된다?」. 정답: 「X」. 해설: 「비밀번호는 절대 넣지 않아요」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 용어 팝업 카드(pop-up info card) 만들어줘. 흰 카드가 톡 튀어나와 용어를 크게 보여주고, 아래에 쉬운 뜻을 타자로 친 뒤 형광펜으로 밑줄. 용어: 「API」. 쉬운 뜻: 「식당의 주문 창구」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 화면 줌과 스포트라이트(zoom & spotlight) 만들어줘. 화면 녹화에서 누를 곳만 밝게 남기고 주변을 어둡게 한 뒤, 그쪽으로 확대하고 안내 말표를 띄워줘. 화면 녹화 파일: screen.mp4. 누를 곳: 「보내기 버튼」. 안내 글자: 「여기를 누르세요」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 3D 데이터 도시(3D bar chart) 만들어줘. 3D는 Three.js로. 자료의 숫자를 빌딩 높이로 세우고, 빌딩이 차례로 솟아오른 뒤 카메라가 도시 위로 날아오르며 합계 숫자가 올라가게. 야경에 창문 불빛. 자료 파일: data.xlsx. 무엇의 숫자: 「월별 매출」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 지도 핀 애니메이션(map pin drop) 만들어줘. 점으로 된 지도 위에 위치마다 핀이 하나씩 떨어지고 물결이 퍼지며, 아래에 개수가 올라가게. 주소 목록 파일: 주소목록.xlsx. 개수 이름: 「매장」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 막대 순위 경주(bar chart race) 만들어줘. 항목들이 시간에 따라 자라며 순위가 바뀌고, 값 숫자도 함께 보이게. 자료 파일: data.csv. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 전·후 비교 스플릿(before/after split) 만들어줘. 왼쪽에 BEFORE, 오른쪽에 AFTER를 놓고, 가운데 흰 선이 좌우로 천천히 움직이며 두 화면을 비교하게. 전: before.jpg. 후: after.jpg. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 투표 결과 그래프(poll results bar) 만들어줘. 보기들이 막대로 차오르며 %가 올라가게. 제목: 「여러분의 선택은?」. 보기와 수치: 「A 바로 써본다 62% / B 좀 더 배운다 27% / C 아직 모르겠다 11%」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 코너 전환 브리지(bumper) 만들어줘. 빨강·검정 면이 사선으로 휙 지나가며 큰 번호와 제목이 1.5초 보였다 사라지게. 번호: 「02」. 제목: 「실습 시간」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 3D 큐브 전환(cube transition) 만들어줘. 3D는 Three.js로. 앞 장면이 주사위 옆면처럼 돌아가며 다음 장면이 나오게. 앞 장면: a.mp4. 다음 장면: b.mp4. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 잉크 번짐 전환(ink bleed transition) 만들어줘. 먹물이 번지듯 가장자리가 울퉁불퉁하게 퍼지며 앞 장면에서 다음 장면으로 바뀌게. 셰이더로. 앞 장면: a.mp4. 다음 장면: b.mp4. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 필름 빛 샘 전환(light leak transition) 만들어줘. 빛이 화면을 가로지르며 번쩍이는 순간 다음 장면으로 바뀌게. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 분할 화면(split screen) 만들어줘. 영상 여러 개를 1개 → 2분할 → 4분할로 퍼즐처럼 열어줘. 영상 파일: cam1.mp4 / cam2.mp4 / cam3.mp4 / cam4.mp4. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 VHS 되감기 효과(VHS rewind effect) 만들어줘. 줄무늬와 색 번짐, 흔들림 위에 되감기 표시와 거꾸로 가는 시간이 보이다가 원래 화면으로 돌아오게. 표시 글자: 「◀◀ 10분 전」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 입자 로고 인트로(particle logo reveal) 만들어줘. 3D는 Three.js로. 흩어진 빛 알갱이 수천 개가 모여 로고 모양이 되고, 잠시 반짝인 뒤 흩어지게. 로고 파일: logo.png. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 3D 로고 스팅(logo sting) 만들어줘. 3D는 Three.js로. 금속 테두리 동전 모양 배지에 로고를 새겨, 빙글 돌다 멈추고 표면에 빛이 한 번 쓱 지나가게. 로고 파일: logo.png. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 3D 무대 오프닝 타이틀(3D stage opening title) 만들어줘. 3D는 Three.js로. 어두운 무대에 조명 4개가 하나씩 켜지고, 가운데로 제목이 올라오게. 제목: 「채널 이름」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 끊김 없이 반복되는 배경 영상(background loop) 만들어줘. 그라데이션이 물결처럼 흐르고 작은 점무늬가 반짝이게. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 제품 360° 턴테이블(3D product turntable) 만들어줘. 3D는 Three.js로. 제품이 반사 바닥 위에서 천천히 한 바퀴 돌게. 스튜디오 조명. 제품 사진·표지 파일: cover.png. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 3D 아이콘들이 공중에 떠서 둥실둥실 도는 인서트(floating 3D icons) 만들어줘. 3D는 Three.js로. 아이콘: 「문서 / 폴더 / 메일 / 차트 / 톱니바퀴」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 이모지 폭죽(emoji burst) 만들어줘. 이모지가 화면 가운데서 팡 터져 3D로 흩어지며 떨어지게. 배경은 투명하게. 이모지: 🎉 👏 ✨. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 집중선(speed lines)과 화면 흔들림(camera shake) 넣어줘. 순간 화면이 확 당겨지고 흰 번쩍임과 만화 집중선이 쏟아지게. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 방송형 이름 자막(lower third) 만들어줘. 화면 왼쪽 아래에 이름과 직함 띠가 스르륵 들어와 머물다 나가게. 이름: 「홍길동」. 직함: 「○○카페 대표」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 캐릭터 이름표(name callout) 만들어줘. 인물 옆에 노란 화살표가 그려지고 별명 이름표가 붙게. 얼굴은 가리지 말아줘. 별명: 「AI 초보 김대리」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 화상 연결 창(picture-in-picture) 만들어줘. 오른쪽 위에 「연결 중…」이 뜬 뒤 창이 켜지며 다른 영상이 붙게. 붙일 영상: guest.mp4. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 후기 카드 캐러셀(testimonial carousel) 만들어줘. 별 다섯 개와 후기 문장이 적힌 카드가 한 장씩 옆으로 넘어가게. 후기는 아래 실제 문장만 쓰고 새로 지어내지 마. 후기: 「후기 1 / 후기 2 / 후기 3」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 전화 CTA 엔드카드(CTA end card) 만들어줘. 제목 아래 전화번호를 타자 치듯 띄우고, 버튼이 두근거리게. 제목: 「예약 문의」. 전화번호: 「02-000-0000」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 챕터 진행 바(chapter progress bar) 만들어줘. 화면 위에 단원 점들이 있고, 영상 시간에 맞춰 지금 단원에 불이 옮겨 가게. 단원: 「도입 / 개념 / 실습 / 주의 / 정리」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 구독·좋아요 유도 애니메이션(subscribe button animation) 만들어줘. 마우스 커서가 들어와 「구독」 버튼을 누르면 「구독중」으로 바뀌고, 종이 흔들리고 좋아요가 톡 튀게. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 유튜브 엔딩 카드(end screen) 만들어줘. 배경은 흐리게, 인사 문구 아래에 다음 영상 칸 2개와 구독 동그라미 자리를 비워 둬. 인사 문구: 「시청해 주셔서 감사합니다」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 도시 소개 3D 비행 영상(city flyover) 만들어줘. 3D는 Three.js로. 실제 지도 모양이 아니라 블록 건물·도로·나무로 된 미니어처 세트로 도시를 만들고, 명소는 눈에 띄는 건물로 따로 세워줘. 카메라가 곡선을 그리며 날아가다 명소를 지날 때마다 이름표가 떠오르고, 도시 이름은 화면 구석에 제목으로 띄우게. 도시 이름: 「○○시」. 명소: 「○○역 / 시청 / 전통시장」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 지도 확대 강조 애니메이션(map zoom-in highlight) 만들어줘. 처음엔 주변 구역이 모두 보이는 넓은 지도(그 지역이 속한 도나 시 전체)로 시작해, 한 지역으로 부드럽게 확대되고 그 지역만 밝아진 뒤 빨간 손그림 동그라미가 그려지며 이름표가 톡 붙게. 지도는 무료로 쓸 수 있는 공개 지도 데이터로 그리고 출처는 화면 구석에 작게 적어줘. 지역 이름: 「○○시」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 찾아오는 길 경로 애니메이션(route line animation) 만들어줘. 단순한 거리 지도 위에 출발지에서 도착지까지 길이 선으로 그려지고, 작은 사람 점이 따라가며 도착하면 걸리는 시간 칩이 붙게. 지도는 무료로 쓸 수 있는 공개 지도 데이터로 그리고 출처는 화면 구석에 작게 적어줘. 출발: 「○○역 2번 출구」. 도착: 「우리 가게」. 걸리는 시간: 「도보 5분」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 지도 핀 투어 애니메이션(map pin tour) 만들어줘. 지도 위에 번호 핀 세 개가 떨어지고, 카메라가 핀에서 핀으로 차례로 옮겨 가며 확대하면 핀마다 그 장소 사진 카드가 튀어 올라 이름을 보여 주게. 핀과 핀 사이는 점선으로 이어줘. 지도는 무료로 쓸 수 있는 공개 지도 데이터로 그리고 출처는 화면 구석에 작게 적어줘. 장소: 「○○호수 공원 / 야경 전망대 / 카페 거리」. 사진 파일들(장소 순서대로): photo1.jpg, photo2.jpg, photo3.jpg. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 노선도식 코스 안내 애니메이션(transit-style course map) 만들어줘. 지하철 노선도처럼 45도로 꺾이는 굵은 선 위에 코스마다 역 동그라미와 1코스·2코스 번호를 놓고, 작은 열차가 선을 따라 달리면 지나간 구간에 색이 차오르고 도착한 역에 차례로 불이 켜지게. 코스 순서: 「전통시장 → 공원 → 전망대」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 3D 층별 안내 애니메이션(floor directory) 만들어줘. 3D는 Three.js로. 반투명한 건물 층판이 위아래로 벌어지며 떠오르고, 층마다 옆으로 선을 이어 이름표를 붙인 뒤 강조할 층이 빛나며 그 이름표가 커지게. 카메라는 천천히 돌게. 층별 이름: 「1층 접수·약국 / 2층 내과 / 3층 검진센터 / 4층 교육실」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 3D 지형 코스 비행 영상(terrain trail flyover) 만들어줘. 3D는 Three.js로. 산이 솟고 골짜기가 파인 지형 위에 코스 선이 출발점부터 그려지고, 카메라가 그 길을 따라 날아가며 아래 높이 그래프의 현재 위치 점도 함께 움직이게. 지형은 공개 고도 데이터로, 지도는 무료로 쓸 수 있는 공개 지도 데이터로 그리고 출처는 화면 구석에 작게 적어줘. 코스 이름: 「○○산 둘레길 1코스」. 거리: 「4.2km」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 날씨 안내 카드(weather forecast card) 만들어줘. 지역 이름 아래에 날씨에 맞는 큰 그림이 움직이고(해는 빛살이 돌고, 구름은 흘러가고, 비는 빗방울이 떨어지게) 옆에서 기온 숫자가 굴러 올라가게. 날씨는 인터넷에서 불러오지 말고 내가 적은 값 그대로 써줘. 지역: 「○○시」. 기온: 「23°」. 날씨: 「맑고 구름 조금」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 우리 지역 소개 카드(region fact card) 만들어줘. 배경 사진이 천천히 확대되고(사진이 없으면 은은한 색 배경) 그 위에 지역 이름이 크게 뜬 뒤, 아래에 네 칸이 그림 아이콘과 함께 하나씩 톡톡 나타나게. 글자가 잘 읽히게 사진 위에 어두운 막을 깔아줘. 지역 이름: 「○○시」. 네 칸 내용: 「인구 약 00만 명 / 특산물 ○○ 사과 / 명소 ○○산 / 축제 ○○ 축제」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 산지에서 식탁까지 이동 애니메이션(farm-to-table route) 만들어줘. 왼쪽 밭·농장 그림에서 품목을 실은 트럭이 구불구불한 길을 달려 오른쪽 식당에 도착하면, 품목이 식탁 접시 위 음식으로 톡 차려지게. 마지막에 산지와 도착 이름을 화살표로 이은 이름표를 붙여줘. 그림은 따뜻한 일러스트 느낌으로. 산지: 「○○군 ○○농장」. 도착: 「우리 식당」. 품목: 「유기농 배추」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 거리 동심원 애니메이션(distance rings) 만들어줘. 동네 지도 가운데 핀에서 시간별 동그라미가 차례로 퍼지고, 동그라미마다 걸리는 시간 칩과 그 안의 주변 장소 점·이름이 하나씩 나타나게. 동그라미 크기는 지도 축척에 맞춰 걷는 거리로 잡아줘. 지도는 무료로 쓸 수 있는 공개 지도 데이터로 그리고 출처는 화면 구석에 작게 적어줘. 가운데 장소: 「우리 가게(○○시 ○○동)」. 시간 링: 「도보 5분 / 10분 / 15분」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 메뉴판 보드(animated menu board) 만들어줘. 어두운 칠판 느낌의 보드에 메뉴 이름과 가격이 점선으로 이어진 채 한 줄씩 미끄러져 들어오고, 추천 메뉴에는 사진 카드와 「추천」 배지가 반짝이게. 제목: 「오늘의 메뉴」. 메뉴와 가격: 「아메리카노 4,000원 / 카페라테 4,500원 / 유자차 5,000원」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 영업시간 안내 카드(business hours) 만들어줘. 월~일 요일 칸 7개가 차례로 켜지며 요일마다 여는 시간이 적히고, 오늘 요일은 맥박 치듯 강조되게. 쉬는 날은 회색 칸에 「휴무」라고 적어 줘. 제목: 「○○의원 진료 시간 안내」. 영업시간: 「평일 09:00~18:00, 토요일 09:00~13:00」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 요금제 3단 비교(pricing tiers) 만들어줘. 요금제 카드 3장이 아래에서 올라오고, 추천 요금제는 가운데에 더 크게 놓고 「추천」 배지를 달아 줘. 포함 내용에는 체크가 차례로 켜지고 가격 숫자는 0부터 올라가게. 제목: 「수강료 안내」. 요금제: 「기본 월 3만 원 / 표준 월 5만 원 / 프리미엄 월 8만 원」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 쿠폰·도장 적립 카드(coupon & stamp card) 만들어줘. 쿠폰이 점선을 따라 톡 뜯기며 혜택이 보이고, 옆의 적립 카드 칸에 도장이 하나씩 쾅 찍힐 때마다 카드가 살짝 흔들리게. 마지막 칸에는 선물 아이콘을 넣어 줘. 혜택: 「음료 1잔 무료」. 모을 도장 개수: 「10개」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 예약 3단계 안내(booking steps) 만들어줘. 위쪽 단계 레일의 점이 차례로 차오르며 ① 전화·QR 아이콘 → ② 달력에서 날짜 고르기 → ③ 확정 문자 말풍선 순서로 그림 카드가 나타나게. 제목: 「진료 예약 방법」. 예약 방법: 「전화 02-000-0000 또는 QR 코드」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 제품 특징 콜아웃(product spec callouts) 만들어줘. 가운데 제품 사진 위 세 곳에 점이 찍히고, 점에서 선이 꺾이며 뻗어 나가 특징 이름표가 하나씩 붙고, 점은 맥박 치듯 깜빡이게. 이미지 파일: product.jpg. 특징: 「방수 / 무게 320g / 용량 500ml」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 매물 소개 카드(property listing card) 만들어줘. 왼쪽에 매물 사진이 한 장씩 부드럽게 넘어가고, 오른쪽에서 정보 카드가 밀려 들어오며 작은 지도 핀 아이콘이 톡 떨어지게. 매물 이름: 「○○동 ○○아파트」. 면적·방·가격: 「84㎡ · 방 3 · 욕실 2 · 매매 ○억 원」. 위치: 「○○역 도보 7분」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 평면도에서 3D 집 세우기(floor plan to 3D) 만들어줘. 3D는 Three.js로. 평면도 그림을 보고 바닥에 벽 선을 먼저 그린 뒤, 벽이 아래에서 쑥 올라오고 카메라가 집을 빙 돌며 방마다 이름표가 뜨게. 평면도 파일: floorplan.png. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 오늘 한정 수량 카운터(limited stock counter) 만들어줘. 상품 이름 아래 큰 숫자가 한 칸씩 굴러 내려가 남은 수량에서 멈추고, 남은 양 막대가 줄어들며 「오늘 남은 수량」 문구가 붙게. 상품: 「햇사과 3kg 상자」. 남은 수량: 「7개」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 D-day 카운트다운(event countdown) 만들어줘. 넘기는 숫자판(플립 시계처럼)이 D-7, D-3, D-1로 착착 넘어가다 마지막에 D-DAY로 바뀌며 축하 효과가 터지고, 아래에 행사 이름과 날짜가 붙게. 행사 이름: 「○○시 가을 축제」. 날짜: 「10월 3일(토)」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 행사 시간표(event timetable) 만들어줘. 시간과 순서가 한 줄씩 켜지고, 「지금」 막대가 진행 중인 줄로 미끄러져 옮겨 가며 끝난 줄은 흐려지게. 행사 이름: 「○○센터 가을 행사」. 시간표: 「10:00 등록 / 10:30 개회식 / 11:00 특강 / 12:00 점심」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 연혁 타임라인(history timeline) 만들어줘. 가로선이 왼쪽에서 오른쪽으로 그려지며 연도 점이 차례로 톡 뜨고, 점마다 작은 사진 카드와 한 줄 기록이 붙게. 연도와 기록: 「2010 ○○센터 개소 / 2016 제2사업장 / 2020 우수기관 선정 / 2024 이용자 1만 명」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 행사 포스터 모션(animated event poster) 만들어줘. 세로 포스터 판 위에 색 도형이 먼저 깔리고, 큰 제목·날짜 블록·장소·문의가 차례로 조립되듯 들어오게. 제목: 「가을 나눔 장터」. 날짜: 「10월 17일(토) 10:00~16:00」. 장소: 「○○시청 광장」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 QR 참가 신청 화면(scan-QR call to action) 만들어줘. QR 코드 둘레를 스캔 빛이 돌고 모서리 괄호가 조여 오며, 옆에 안내 문구와 마감일 칩이 뜨게. QR 코드는 뒤에 적은 신청 페이지 주소로 실제로 찍히게 해줘. 신청 페이지 주소: https://example.com/apply. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 축제 불꽃 오프닝(festival fireworks opening) 만들어줘. 3D는 Three.js로. 밤하늘에 입자 불꽃이 세 번 터져 중력을 받아 흩어지며 떨어지고, 가운데로 축제 이름이 빛나며 떠오르게. 축제 이름: 「○○시 빛 축제」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 행사장 부스 배치도(venue booth map) 만들어줘. 위에서 내려다본 행사장 격자에 부스가 하나씩 켜지고, 입구에서 안내할 부스까지 점선 길이 그려진 뒤 핀이 꽂히며 부스 이름 말풍선이 붙게. 부스 목록: 「먹거리 2곳 / 체험 2곳 / 상담 / 판매 3곳 / 홍보 / 쉼터」. 안내할 부스: 「상담 부스」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 안전 수칙 픽토그램(safety pictograms) 만들어줘. 수칙마다 단순한 사람 그림 타일이 이름과 함께 하나씩 올라오고, 지킬 일에는 초록 ⭕, 하지 말아야 할 일에는 빨간 ❌ 도장이 쾅 찍히며 타일이 살짝 흔들리게. 수칙 목록: 「안전모 쓰기 ⭕ / 뛰지 않기 ❌ / 손 씻기 ⭕ / 비상구 확인 ⭕」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 신청 절차 흐름도(application process flow) 만들어줘. 번호 붙은 단계 상자가 화살표로 하나씩 이어지며 그려지고, 서류 아이콘이 상자를 차례로 옮겨 가면 지금 단계는 진하게 빛나고 지난 단계에는 ✓ 표시가 붙게. 단계: 「서류 준비 / 접수 / 심사 / 결과 안내」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 채용 공고 카드(hiring announcement) 만들어줘. 맨 위 기관 이름 딱지 아래로 「함께할 분을 찾습니다」 제목이 뜨고, 모집 분야·근무 조건·마감일 칩이 차례로 톡톡 올라온 뒤 맨 아래 지원 방법 띠가 왼쪽부터 펼쳐지게. 기관: 「○○복지관」. 모집 분야: 「사회복지사 1명」. 근무 조건: 「주 5일 · 9시~18시」. 마감일: 「10월 31일」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 조직도 펼치기(org chart) 만들어줘. 맨 위 상자에서 가지선이 쭉 그려지며 아래 팀 상자, 그 아래 담당 상자가 차례로 톡톡 펼쳐지게. 팀마다 색을 달리해 한눈에 구분되게 해줘. 조직 구조: 「센터장 > 사업팀(사례관리·일자리) / 교육팀(직업교육·상담) / 행정팀(회계·시설)」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 인증·수상 배지 벽(awards & certifications wall) 만들어줘. 어두운 벽의 격자 칸에 둥근 배지와 방패 배지가 이름표와 함께 하나씩 걸리며 살짝 흔들리고, 걸린 배지마다 광택이 한 번씩 스쳐 지나가게. 인증·수상 목록: 「우수기관 인증 / 안전 인증 / 고객만족 대상」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 모금·목표 달성 온도계(goal thermometer) 만들어줘. 눈금이 있는 온도계 속 빨간 막대가 아래에서 위로 현재 값까지 차오르며 모인 값과 퍼센트 숫자가 함께 올라가고, 막대가 멈추면 「목표까지 ○%」 칩이 반짝이며 튀어나오게. 목표: 「1,000만 원」. 현재: 「780만 원」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 사람 아이콘 통계(people pictogram) 만들어줘. 사람 아이콘 100개(10×10 격자) 중 해당 비율만큼 하나씩 빨갛게 칠해지고, 옆에 퍼센트 숫자가 올라가며 설명과 「10명 중 ○명」 문구가 붙게. 전체: 「100명」. 해당 인원: 「23명」. 설명: 「교육 뒤 취업한 참여자」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 FAQ 카드 넘기기(FAQ flip cards) 만들어줘. 질문 카드 더미에서 맨 위 카드가 가로로 뒤집히며 뒷면의 답이 보이고, 옆으로 빠지면 다음 질문 카드가 더미에서 올라오게. 앞면은 진한 색에 질문, 뒷면은 흰 바탕에 답. 질문과 답 1: 「신청은 어디서 하나요? → 가까운 주민센터나 온라인으로 신청해요.」. 질문과 답 2: 「준비 서류는 뭔가요? → 신분증과 신청서 한 장이면 돼요.」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 운동 인터벌 타이머(workout interval timer) 만들어줘. 영상 위에 원형 링 타이머를 얹고, 운동과 휴식을 라운드 수만큼 번갈아 세게. 운동은 주황·휴식은 초록으로 링이 줄어들며 숫자가 1초씩 내려가고, 동작 이름과 라운드(예: 2/5)가 함께 보이게. 운동 시간: 「20초」. 휴식 시간: 「10초」. 라운드: 「5회」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 레시피 단계 카드(recipe steps) 만들어줘. 왼쪽 재료 목록이 하나씩 체크되고, 오른쪽에 단계 카드가 사진과 함께 한 장씩 넘어가며 조리 시간 칩이 붙게. 요리 이름: 「두부조림」. 재료: 「두부 1모 / 대파 1대 / 간장 2큰술 / 고춧가루 1큰술」. 단계: 「두부 노릇하게 굽기 5분 / 양념장 부어 끓이기 3분 / 약불로 졸이기 10분」. 화면 비율: 가로 16:9.

하이퍼프레임(HyperFrames)으로 적금·복리 성장 그래프(savings growth chart) 만들어줘. 매달 넣는 돈이 막대로 쌓이고, 그 위로 이자를 더한 곡선이 그려지며 합계 숫자가 올라가게. 합계는 뒤에 적은 조건을 월복리로 계산해 넣고, 화면 구석에 「세전 · 예시 계산」이라고 작게 적어줘. 매달 넣는 돈: 「10만 원」. 연 이율: 「3%」. 기간: 「10년」. 화면 비율: 가로 16:9.