모션 메뉴판 · 414가지 움직임은 이름 으로 시키면통해요 「멋지게 해줘」는 매번 다르게 나와요.이름과 초를 붙여서 말하면 AI 영상 · 모션 그래픽 · CSS 어디서든 같은 움직임이 나와요.
⑰ 스캔 리빌⑨ 워드 버스트⑫ 숫자 굴러가기
Scan Reveal 로 「탐색」 띄워줘. 처음엔 윤곽선만, 세로 스캔 막대가 2초에 왼쪽에서 오른쪽으로 지나가며 지난 자리부터 채우고, 왼쪽 위에 SCANNING 000~100% 를 같이 올려. 네 귀퉁이에 꺾쇠.
복사 말 한 줄 차이 같은 장면인데말 한 줄 이 움직임을 바꿔요 위는 느낌으로 시킨 결과, 아래는 이름과 숫자로 시킨 결과예요.
○ 카드는 이징 아웃으로 0.5초 동안 들어와서 멈추게. 일정한 속도(리니어)는 쓰지 마.
복사 이징
시키는 공식 이 순서로만 말하면고칠 일 이 줄어요 효과는 이름 + 방향 + 시간을 붙이면 한 번에 통합니다. 세게·살짝은 「세기는 셋만」의 약·보통·강 숫자로 바꿔 붙이세요. '멋지게'는 매번 다르게 나옵니다. 이름을 알았으면 '무엇으로 만드나'(AI 영상 / 모션 그래픽 / CSS)를 골라 그 도구에 그대로 던지세요.
[무엇에] [모션/효과 이름] [방향·시간 또는 프레임] [세기]
○ 첫 화면에서 둘째 화면으로 픽셀 디졸브로 넘겨줘. 0.8초.
복사 장면표 이런 말엔이런 장면 을 골라요 짧은 정보 영상은 대본 문장마다 장면 하나 . 같은 장면을 연달아 쓰지 않아요.
처음 한 번 이 요청문 하나로시작 하세요 [만들 것]만 바꿔 쓰세요. 마지막 줄이 중요합니다. 다 만들기 전에 짧은 판을 먼저 보면 고칠 곳이 일찍 보입니다.
[만들 것]을 모션 그래픽으로 만들어줘.
- 등장은 이징 아웃, 이동은 이징 인아웃, 퇴장은 이징 인. 리니어는 쓰지 마.
- 캐릭터가 뛸 때는 안티시페이션 0.2초 → 호를 그리며 점프 → 착지 스쿼시 20% → 0.3초 홀드.
- 꼬리·귀 같은 끝부분은 팔로 스루로 0.15초 늦게 멈추게.
- 여러 요소는 스태거 0.08초로 차례로.
- 제목은 마스크 리빌로 한 줄씩.
- 배경은 3겹 패럴랙스.
- 장면 전환은 그냥 자르지 말고 매치 컷이나 원 아이리스로.
- 빠르게 지나가는 것에는 모션 블러.
- 전부 만들기 전에 3초짜리 짧은 판을 먼저 보여 줘. 내가 괜찮다고 하면 전체를 만들어.
복사 /plugin marketplace add hanmariyang/giting-skills
복사 /plugin install motion-menu@giting
복사 GitHub에서 오픈소스 보기 ↗ ① 카메라 기본 8② 카메라 강조 · 전환 11③ 전환 · 디졸브 · 리빌 12④ 키네틱 타이포 8⑤ 타이밍 · 질감 19⑥ 효과 · 시간 15⑦ 화면 전환 40 40⑧ 배경 40 40⑨ 글자 연출 40 40⑩ 글자 몸짓 26 26⑪ 화면 전환 2 · 23 23⑫ 데이터 모션 26 26⑬ 아이콘·로고 몸짓 24 24⑭ 소셜 오버레이 25 25⑮ 그래픽 기법 24 24⑯ 배경 2 · 9 9⑰ 오프닝 타이틀 24 24⑱ 숫자 연출 16⑲ 도식 모션 24 24＋ 조합 레시피 7＋ 글자 조합 10⇅ 말 한 줄 차이 8▦ 장면표 7◐ 세기 셋이징은 역할별로 셋만문장
움직임마다 곡선을 새로 고르지 말고, 역할마다 하나씩 정해 두고 돌려 써요. 영상 전체의 결이 맞습니다.
등장 ease-out
이동 ease-in-out
퇴장 ease-in
바운스·엘라스틱·오버슈트를 습관처럼 붙이면 AI 티가 납니다. 강조할 한 곳에만 씁니다. 원하는 곡선은 cubic-bezier.com 에서 손잡이를 끌어 찾고, 나온 숫자 넷을 「등장은 cubic-bezier(0.16, 1, 0.3, 1)」처럼 요청에 그대로 적으세요. 한 번 정하면 영상마다 움직임 결이 같아집니다.
세기는 셋만: 약 · 보통 · 강문장
「세게」「살짝」은 매번 다르게 나와요. 이징처럼 세기도 셋만 정해 두고 고르세요. 아래 숫자는 이 메뉴판이 정한 기준값이고, 거리는 화면 폭에 대한 비율이라 판형이 달라도 같은 결로 나옵니다.
약 보통 강 쓰는 곳 움직이는 거리 화면 폭 4% 12% 30% 푸시 · 슬라이드 · 패럴랙스 커지는 정도 1.05배 1.2배 1.6배 줌 · 펀치 인 · 팝인 흔들림 4px 2번 12px 4번 28px 6번 임팩트 셰이크 · 떨다 멈추기 흐림 4px 12px 32px 모션 블러 · 흐림에서 선명하게 · 스핀 블러 부서짐 8조각 · 10% 날아감 24조각 · 30% 60조각 · 70% 글라스 셰터 · 가루 소멸 · 버스트 빛 밝기 20% · 번짐 8px 50% · 20px 90% · 48px 블룸 · 라이트 스윕 · 임팩트 플래시
빠르기는 세기에 넣지 않고 시간(초)으로 따로 말해요. 세기를 올리면 시간도 조금 늘려야 덜 급해 보입니다. 한 영상에서 「강」은 한두 곳에만.
⇅ 같은 장면, 말 한 줄 차이 8 위 줄은 느낌으로 시킨 결과, 아래 줄은 이름과 숫자로 시킨 결과예요. 같은 장면인데 말 한 줄이 움직임을 바꿉니다.
자연스럽게 움직여줘 카드는 이징 아웃으로 0.5초 동안 들어와서 멈추게. 일정한 속도(리니어)는 쓰지 마. 사전에서 보기 ↓
생동감 있게 뛰게 해줘 뛰기 전에 0.2초 반대로 웅크리는 안티시페이션을 넣고 뛰게 해줘. 사전에서 보기 ↓
스태거 Stagger (Follow-through) 문장 세련되게 등장시켜줘 다섯 개를 한 번에 말고 0.08초 간격 스태거로 왼쪽부터 차례로 띄워줘. 사전에서 보기 ↓
스쿼시 앤 스트레치 Squash & Stretch 문장 통통 튀게 해줘 바닥에 닿을 때 스쿼시 20%, 떠오를 때 스트레치 15%로 튀게 해줘. 사전에서 보기 ↓
멈출 때 자연스럽게 본체가 멈춘 뒤 꼬리는 팔로 스루로 0.15초 늦게 멈추게. 사전에서 보기 ↓
오버래핑 액션 Overlapping Action 문장 같이 움직여줘 머리 → 몸 → 꼬리 순서로 0.05초씩 늦게 출발하는 오버래핑 액션으로. 사전에서 보기 ↓
제목 멋지게 띄워줘 제목은 마스크 리빌로 한 줄씩 아래에서 올라오게. 줄 간격 0.15초. 사전에서 보기 ↓
① 카메라 기본 8
"화면을 옆으로 둘러봐줘" 제자리에서 좌우로 돌기. ↔ 카메라가 제자리에서 좌우로 돌면 팬, 몸이 옆으로 이동하면 트랙 쓰임 풍경 · 소개 만드는 법 AI 영상 AI에게 ▸ 첫 화면에서 오른쪽으로 팬해줘. 1초 동안.
"위아래로 훑어줘" 제자리에서 위아래로 돌기. ↔ 제자리에서 위아래로 돌면 틸트, 몸이 위아래로 이동하면 페데스탈 쓰임 규모 · 드러냄 만드는 법 AI 영상 AI에게 ▸ 제품 아래에서 위로 틸트 업해줘. 1.5초.
"화면을 기울여줘" 화면이 기울어짐. ↔ 렌즈 방향 축으로 돌아 수평선이 기운다. 평면을 눕히는 퍼스펙티브 틸트와 다르다 쓰임 불안 · 역동 만드는 법 AI 영상 AI에게 ▸ 마지막 컷에서 화면을 5도 롤해줘. 0.5초.
"따라가면서 옆으로 움직여줘" 카메라 몸이 옆으로 이동. ↔ 몸이 옆으로 움직이면 트랙(가까운 게 더 많이 움직임), 제자리서 돌면 팬 쓰임 동행 · 따라가기 만드는 법 AI 영상 AI에게 ▸ 카드 세 장을 따라 왼쪽으로 트랙해줘. 2초.
"카메라를 위로 올려줘" 카메라 몸이 위아래로 이동. ↔ 몸이 위아래로 움직이면 페데스탈(가까운 게 더 많이 움직임), 제자리서 돌면 틸트 쓰임 드러냄 · 높이 만드는 법 AI 영상 AI에게 ▸ 건물 아래에서 위로 페데스탈 업해줘. 2초.
"앞으로 다가가줘" 카메라 몸이 앞뒤로 이동, 배경도 변함. ↔ 몸이 다가가 배경까지 변하면 달리, 렌즈만 당겨 다 같은 비율로 커지면 줌 쓰임 몰입 · 다가감 만드는 법 AI 영상 AI에게 ▸ 캐릭터 쪽으로 달리 인해줘. 배경도 같이 변하게. 1.5초.
"확대해줘" 렌즈만 당김, 배경은 그대로. ↔ 렌즈만 당겨 전부 같은 비율로 커지면 줌, 몸이 다가가 배경이 변하면 달리 쓰임 강조 · 설명 만드는 법 AI 영상 CSS AI에게 ▸ 제목에 줌 인해줘. 1초.
"주위를 빙 돌아줘" 대상 주위를 돌기. ↔ 대상은 가운데 두고 그 둘레를 돌면 오빗, 평면을 겹쳐 깊이를 주면 2.5D 카메라 쓰임 제품 · 주인공 만드는 법 AI 영상 AI에게 ▸ 제품 주위를 180도 오빗해줘. 3초.
② 카메라 강조 · 전환 11 대부분 촬영 현장 용어예요. ★는 특히 자주 씁니다.
"확 넘겨줘" 확 쏠리면서 장면 전환. ↔ 팬을 아주 빠르게 해 잔상과 함께 장면이 넘어간다. 느린 팬과 용도가 다르다 쓰임 전환 · 속도 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ 첫 화면에서 둘째 화면으로 휩 팬으로 넘겨줘. 0.4초 안에.
"확 당겨줘" 몇 프레임 만에 확 당김. ↔ 몇 프레임에 걸쳐 확 당기면 스냅 줌, 중간 과정 없이 0프레임이면 펀치 인 쓰임 코믹 · 놀람 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ 가운데 카드로 스냅 줌 해줘. 4프레임 안에.
"바로 확대해줘" 과정 없이 컷으로 확대. ↔ 0프레임(즉시 컷)이면 펀치 인, 몇 프레임 걸치면 스냅 줌 쓰임 강조 · 리액션 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ 3초에서 얼굴로 펀치 인 해줘. 중간 동작 없이 컷으로.
"배경만 빨려 들어가게" 인물은 그대로, 배경만 변함. ↔ 카메라는 앞으로(트랙 인), 렌즈는 넓게(줌 아웃)를 동시에. 인물 크기는 유지, 배경만 변한다 쓰임 충격 · 깨달음 만드는 법 AI 영상 AI에게 ▸ 인물 크기는 그대로 두고 배경만 멀어지게 줌 아웃 트랙 인 해줘. 카메라는 앞으로. 2초.
"느렸다 빨라졌다 하게" 느리게 → 빠르게 → 느리게. ↔ 한 클립 안에서 속도를 바꾸면 스피드 램핑, 컷/강조가 비트에 맞으면 BPM 비트 싱크 쓰임 액션 · 클라이맥스 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ 카드가 지나갈 때 스피드 램핑 줘. 느리게 0.5초, 빠르게 0.3초, 다시 느리게 0.5초.
"배경이랑 앞이 다르게 움직이게" 가까운 게 더 빨리 움직임. ↔ 레이어마다 속도를 다르게 하면 패럴랙스, 겹친 레이어를 카메라로 돌면 2.5D 카메라 쓰임 깊이 · 감성 만드는 법 모션 그래픽 CSS AI에게 ▸ 스크롤할 때 배경은 조금, 앞 레이어는 많이 움직이게 패럴랙스 줘.
"초점 옮겨줘" 초점을 옮겨 시선 이동. ↔ 몸·화각은 그대로 두고 초점만 옮기면 랙 포커스, 흐릿하게 넘기면 블러 전환 쓰임 시선 이동 · 서사 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ 앞 글자에서 뒤 제품으로 랙 포커스 해줘. 1초.
퍼스펙티브 틸트 Perspective Tilt 문장 "비스듬히 눕혀줘" 평면을 비스듬히 눕힘. ↔ 평면을 눕혀 위쪽이 멀어져 보이면 퍼스펙티브 틸트, 수평선만 기울면 롤 쓰임 세련 · UI 만드는 법 모션 그래픽 CSS AI에게 ▸ 화면을 뒤로 20도 눕혀서 퍼스펙티브 틸트 해줘. 1초.
"평면을 입체처럼" 평면을 앞뒤로 겹쳐 깊이 만들기. ↔ 겹친 레이어를 카메라로 돌면 2.5D 카메라, 레이어 속도만 다르게 하면 패럴랙스 쓰임 사진 · 영상감 만드는 법 모션 그래픽 CSS AI에게 ▸ 배경·중간·앞 세 레이어를 앞뒤로 겹치고, 2.5D 카메라로 천천히 돌아줘. 2.5초.
"컷 자국 없이 이어지게" 같은 형태·동작으로 컷을 숨겨 잇기. ↔ 같은 형태/동작이 두 장면을 이으면 매치 컷, 빠른 쏠림으로 가리면 휩 팬 전환 쓰임 연결 · 재치 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ 손 동작을 매치 컷으로 다음 장면 같은 위치에 이어줘.
"쾅 떨어지면서 화면이 흔들리게" 물체가 크게 떨어져 박히는 순간 화면 전체가 짧게 흔들리다 잦아든다. ↔ 글자만 흔들리면 워드 버스트(⑨), 화면 전체가 들썩이면 임팩트 셰이크 쓰임 충격 · 강조 만드는 법 AI 영상 모션 그래픽 CSS AI에게 ▸ Impact Shake 넣어줘. 2.6배에서 0.14초 만에 박히고 화면이 0.4초 흔들리다 잦아들게.
③ 전환 · 디졸브 · 리빌 12 장면을 넘기고 드러내는 전환·효과. AI 영상·모션 그래픽(HyperFrames 등)에서 많이 씁니다. 애칭 표시는 표준 용어가 아닌 통용 이름이에요.
"서서히 겹치며 넘겨줘" 한 장면이 다음 장면으로 서서히 겹쳐 사라지며 바뀜. ↔ 가장 기본 전환. 컷(즉시)의 반대. 흐림까지 섞으면 블러 크로스페이드 쓰임 시간 경과 · 차분함 만드는 법 AI 영상 모션 그래픽 CSS AI에게 ▸ 첫 화면에서 둘째 화면으로 크로스 디졸브로 넘겨줘. 0.6초.
"픽셀로 흩어졌다 모이게" 화면이 작은 칸(픽셀·그리드)으로 쪼개져 칸 단위로 다음 화면으로 교체. ↔ '픽셀 디졸브'는 흔히 쓰는 애칭, 정식은 '그리드 디졸브'. 칸 단위면 그리드 디졸브, 전체가 부드럽게 겹치면 크로스 디졸브 쓰임 디지털 · 게임 만드는 법 모션 그래픽 AI에게 ▸ 첫 화면을 픽셀 디졸브로 흩뜨려 둘째 화면이 칸칸이 차오르게. 0.8초.
"원 팝 전환" 원형 마스크가 한 점에서 커지거나 작아지며 다음 화면을 연다. ↔ '원 팝 전환'은 비트에 맞춘 서클 아이리스의 애칭. 경계가 원이면 아이리스, 직선이면 와이프 쓰임 레트로 · 엔딩 만드는 법 모션 그래픽 CSS AI에게 ▸ 가운데서 원 아이리스로 열려서 둘째 화면 나오게. 0.5초.
"쓸고 지나가며 바뀌게" 직선 경계가 화면을 쓸며 다음 화면을 드러냄. ↔ 경계가 직선으로 쓸면 와이프, 원으로 열리면 아이리스 쓰임 기본 · 전환 만드는 법 모션 그래픽 CSS AI에게 ▸ 왼쪽에서 오른쪽으로 와이프해서 넘겨줘. 0.4초.
"모양 따라 드러나게" 도형·형태 마스크를 따라 내용이 드러난다. ↔ 밝기(흑백)로 가리면 루마 매트, 알파로 가리면 알파 매트. 전부 마스크 리빌의 한 종류 쓰임 세련 · 공개 만드는 법 모션 그래픽 CSS AI에게 ▸ 로고가 마스크 리빌로 모양을 따라 그려지듯 나타나게. 1초.
"말 끊은 티 안 나게 이어줘" 두 테이크 사이 프레임을 보간해 점프컷을 매끄럽게 메움(주로 말하는 얼굴). ↔ 편집 프로그램(프리미어·AE)의 얼굴 추적 보간 기능. 점프컷 완화 전용이라 장면 전환과 다르다 쓰임 인터뷰 · 매끄러움 만드는 법 모션 그래픽 AI에게 ▸ 두 구간 사이를 모프 컷으로 자연스럽게 이어줘.
"지지직 깨지게" 화면을 순간적으로 어긋나고 깨뜨려 디지털 오류처럼. ↔ 일부러 어긋내면 글리치, 영상 압축 아티팩트를 의도로 쓰면 데이터모시 쓰임 테크 · 긴장 만드는 법 AI 영상 모션 그래픽 CSS AI에게 ▸ 장면 바뀔 때 0.3초 글리치 넣어줘.
"색이 어긋나게" R·G·B 색 채널을 어긋냈다 모은다. ↔ 글리치의 단짝. 색수차(chromatic aberration)와 같은 효과 쓰임 테크 · 뮤비 만드는 법 모션 그래픽 CSS AI에게 ▸ 강조할 때 RGB 분리로 색을 어긋나게 줬다 모아줘. 0.4초.
"반짝 빛이 지나가게" 하이라이트가 표면·로고 위를 미끄러져 지나감. ↔ 또렷한 광이 쓸면 라이트 스윕, 따뜻한 조명이 번지면 라이트 릭/필름 번 쓰임 제품 · 고급 만드는 법 모션 그래픽 CSS AI에게 ▸ 로고에 라이트 스윕으로 광 한 번 지나가게. 0.6초.
"화면 속으로 들어가게" 카메라가 UI·화면 속으로 밀고 들어가 그 안의 장면으로 이어짐. ↔ '화면 속 다이브'는 애칭, 정식은 푸시스루/스크린 인투 컷. 평면을 당기는 펀치 인과 달리 '속'으로 들어간다 쓰임 앱 소개 · 몰입 만드는 법 모션 그래픽 AI에게 ▸ 노트북 화면 속으로 다이브해서 화면 안 장면이 꽉 차게. 1초.
"선이 그려지면서 나오게" 선이 시작점부터 끝까지 그려지며 드러난다. 화살촉이 끝을 따라간다. ↔ 모양 안이 드러나면 마스크 리빌, 선 자체가 그어지면 라인 드로 쓰임 설명 · 손그림 만드는 법 모션 그래픽 CSS AI에게 ▸ Line Draw 로 그래프 선 그려줘. 1.6초 이즈 인아웃, 끝에 화살촉 따라가게.
"네모가 동그라미로 말랑하게 바뀌게" 한 도형의 크기와 둥근 정도가 이어서 바뀌어 다른 도형이 된다. ↔ 장면이 장면으로 녹으면 모프 컷, 도형 하나가 다른 도형이 되면 셰이프 모프 쓰임 로고 · 변화 만드는 법 모션 그래픽 CSS AI에게 ▸ Shape Morph 로 네모를 원으로 바꿔줘. 0.8초 이즈 인아웃, 크기·둥글기를 같이.
④ 키네틱 타이포 8 글자가 주인공인 모션. 숏폼·자기소개 영상의 핵심이에요.
키네틱 타이포그래피 ★ Kinetic Typography 문장 "글자가 춤추게" 글자 자체를 움직여 뜻과 리듬을 전달. ↔ 글자가 주인공인 모션. 글자가 한 자씩 찍히면 타입온, 단어가 순차로 뜨면 텍스트 스태거 쓰임 자기소개 · 리듬 만드는 법 모션 그래픽 CSS AI에게 ▸ 이 문장을 키네틱 타이포그래피로, 핵심 단어가 커지고 리듬 타게. 4초.
"타자 치듯 한 글자씩" 글자가 한 자씩 입력되듯 나타남. ↔ 글자 단위로 찍히면 타입온, 단어·줄 단위로 시간차 등장하면 텍스트 스태거 쓰임 메시지 · 설명 만드는 법 모션 그래픽 CSS AI에게 ▸ 제목이 타자기처럼 한 글자씩 타입온 되게. 커서 깜빡임 포함.
텍스트 스태거 등장 Text Reveal (Stagger) 문장 "단어가 하나씩 올라오게" 단어·줄이 시간차로 순차 등장. ↔ 타이포에 쓰는 스태거. 타이밍 원리의 스태거(⑤)를 글자에 적용한 것 쓰임 기본 · 정돈 만드는 법 모션 그래픽 CSS AI에게 ▸ 세 줄 카피를 0.1초 간격 스태거로 아래서 올라오게.
"단어가 다른 단어로 변하게" 한 단어의 글자가 다른 단어로 모핑. ↔ 글자 모양이 녹아 바뀌면 워드 모프, 한 단어 끝나고 다른 단어가 겹쳐 뜨면 크로스 디졸브 쓰임 바꿈 · 재치 만드는 법 모션 그래픽 AI에게 ▸ '아이디어'가 워드 모프로 '완성'으로 글자가 변형되며 바뀌게. 0.8초.
텍스트 샌드위치 ★ 애칭 Text Sandwich 문장 "글자 사이로 지나가게" 핵심 단어를 움직이는 두 텍스트 띠(또는 그 사이로 지나는 요소) 사이에 끼워 강조. ↔ 표준 용어가 없는 지어낸 말(레이어로 감싸는 키네틱 타이포 구도). 그래서 '이런 구도'로 설명해 시키는 게 낫다 쓰임 인물 · 깊이 만드는 법 모션 그래픽 AI에게 ▸ 큰 글자 'MOTION' 사이로 캐릭터가 지나가는 텍스트 샌드위치로.
"이름 자막 띄워줘" 화면 아래쪽에 이름·직함을 띄우는 자막 그래픽. ↔ 방송·인터뷰의 기본 타이포 요소. 화면 하단 '제3분할' 영역에 뜬다고 로어서드 쓰임 인물 · 정보 만드는 법 모션 그래픽 CSS AI에게 ▸ 왼쪽 아래에 '안상현 · 엔지니어' 로어서드로 슬라이드 인 시켜줘.
글자 관통 플라이스루 ★ 애칭 Letter Fly-through 문장 "글자 속으로 카메라가 뚫고" 카메라가 3D 글자 사이·속을 뚫고 지나 다음 장면으로. ↔ 우리 펀치 인/줌은 평면을 당기는 것, 이건 입체 글자를 통과해 지난다 쓰임 도입 · 몰입 만드는 법 모션 그래픽 AI에게 ▸ 큰 글자 'AI' 속으로 관통해 다음 장면이 나오게. 0.8초.
"숫자가 촤르륵 올라가게" 숫자가 0부터 목표값까지 빠르게 올라가다 천천히 멈춘다. 막대가 같이 찬다. ↔ 자릿수 바퀴가 굴러가면 오도미터(⑨), 숫자만 바뀌며 올라가면 카운트업 쓰임 성과 · 숫자 만드는 법 모션 그래픽 CSS AI에게 ▸ Count-up 으로 0 에서 2,454 까지 올려줘. 2.4초 이즈 아웃, 아래 진행 막대 같이.
⑤ 타이밍 · 질감 19 같은 움직임도 속도 곡선에 따라 완전히 달라 보여요. 초보와 프로의 차이가 여기서 납니다. 「손잡이」 표시가 있는 카드는 값을 바꾸면 데모와 요청 문장이 같이 바뀌어요.
"자연스럽게 움직이게" 가속·감속 곡선. ↔ 속도에 곡선을 주면 이징, 일정한 속도면 리니어(기계처럼 보임) 쓰임 기본 · 만능 만드는 법 모션 그래픽 CSS AI에게 ▸ 모든 움직임에 이징 넣어줘. 일정한 속도(리니어) 말고.
"들어올 때 천천히 멈추게" 빠르게 시작, 천천히 멈춤. ↔ 빠르게 시작해 천천히 멈추면 이즈 아웃(등장에 제일 많이 씀), 반대면 이즈 인 쓰임 등장 · 기본 만드는 법 모션 그래픽 CSS AI에게 ▸ 카드 등장은 이즈 아웃으로. 빠르게 들어와서 천천히 멈추게.
넘는 정도 110% 처음 값으로
"살짝 튕기게" 살짝 지나쳤다 돌아옴. ↔ 목표를 지나쳤다 돌아오면 오버슈트, 움직이기 전에 반대로 빼면 안티시페이션. 눌렸다 늘어나면 스쿼시 앤 스트레치 쓰임 경쾌 · 팝 만드는 법 모션 그래픽 CSS AI에게 ▸ 버튼이 커질 때 110%까지 갔다가 100%로 돌아오게 오버슈트 줘.
웅크림 0.15초 처음 값으로
"움직이기 전 준비동작" 움직이기 전 반대로 살짝. ↔ 디즈니 12원칙. 움직이기 전에 반대로 빼면 안티시페이션, 끝나고 지나쳤다 오면 오버슈트 쓰임 예고 · 힘 만드는 법 모션 그래픽 CSS AI에게 ▸ 점프 전에 0.15초 살짝 웅크리는 안티시페이션 넣어줘.
스태거 손잡이 Stagger (Follow-through) 문장 카드 수 3장 간격 0.1초 처음 값으로
"하나씩 차례로 나오게" 여러 개를 시간차로. ↔ 여러 요소를 시간차로 움직이면 스태거(12원칙의 팔로스루·오버래핑), 한 요소의 속도 곡선은 이징 쓰임 목록 · 정돈 만드는 법 모션 그래픽 CSS AI에게 ▸ 카드 세 장을 0.1초 간격 스태거로 등장시켜줘.
"빠를 때 흐릿하게" 빠른 움직임에 잔상. ↔ 흐릿하게 번지면 모션 블러, 또렷한 복사본이 겹치면 모션 트레일 쓰임 속도 · 자연스러움 만드는 법 AI 영상 모션 그래픽 CSS AI에게 ▸ 휩 팬 구간에만 가로 모션 블러 넣어줘.
스쿼시 앤 스트레치 Squash & Stretch 문장 "통통 눌렸다 늘어나게" 가속·충돌에 눌리고 늘어나 무게·탄성을 준다. ↔ 디즈니 12원칙의 첫째. 형태가 눌렸다 늘어나면 스쿼시 앤 스트레치, 크기만 지나쳤다 돌아오면 오버슈트 쓰임 귀여움 · 탄력 만드는 법 모션 그래픽 CSS AI에게 ▸ 공이 떨어질 때 바닥서 스쿼시, 튈 때 스트레치 줘.
"잔상 남기며 지나가게" 빠른 움직임 뒤에 잔상 복사본이 따라붙는다. ↔ 또렷한 복사본이 겹치면 모션 트레일(에코), 흐릿하게 번지면 모션 블러 쓰임 속도 · 궤적 만드는 법 모션 그래픽 CSS AI에게 ▸ 글자가 빠르게 지나갈 때 모션 트레일로 잔상 몇 겹 줘.
BPM 비트 싱크 ★ 손잡이 Beat-synced Cut 문장 빠르기 120 BPM 프리즈 0.1초 처음 값으로
"박자에 맞춰 컷 넘어가게" 컷·강조가 음악 비트에 맞아떨어짐(다운비트에 프리즈도). ↔ 컷/강조가 비트에 꽂히면 BPM 비트 싱크, 한 클립 안 속도 변화는 스피드 램핑 쓰임 음악 · 리듬 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ 120 BPM 비트마다 화면 바뀌고 다운비트에 0.1초 프리즈 줘.
"직선 말고 곡선으로 움직이게" 자연물은 직선이 아니라 호(곡선)를 그리며 움직인다. ↔ 디즈니 12원칙. 지나가는 길(궤적)이 곡선이면 아크, 속도 곡선은 이징(다른 축) 쓰임 자연스러움 · 생물 만드는 법 모션 그래픽 CSS AI에게 ▸ 아이콘이 날아갈 때 직선 말고 호를 그리며 가게.
"통통 튀게" 바닥에 닿아 점점 작게 여러 번 튄다(중력감). ↔ 바닥에 닿아 여러 번 잦아들며 튀면 바운스, 목표를 한 번 지나쳤다 오면 오버슈트 쓰임 귀여움 · 놀이 만드는 법 모션 그래픽 CSS AI에게 ▸ 아이콘이 위에서 떨어져 두세 번 바운스하고 멈추게.
늦게 멈춤 0.2초 처음 값으로
"멈춰도 끝이 더 따라가게" 본체가 멈춰도 딸린 부분(꼬리·천)이 관성으로 더 간다. ↔ 디즈니 12원칙. 본체가 멈춘 뒤 딸린 끝부분이 늦게 멈추면 팔로 스루, 한 몸의 부위가 저마다 시차를 두고 움직이면 오버래핑 액션, 서로 다른 요소 여럿이 시차로 등장하면 스태거 쓰임 자연스러움 · 마무리 만드는 법 모션 그래픽 CSS AI에게 ▸ 캐릭터가 멈출 때 머리카락·망토가 0.2초 늦게 따라 멈추게 팔로 스루 줘.
오버래핑 액션 손잡이 Overlapping Action 문장 늦게 출발 0.05초 처음 값으로
"부위마다 조금씩 늦게 따라가게" 한 몸의 부위가 저마다 조금씩 늦게 출발하고 늦게 멈춘다. ↔ 디즈니 12원칙. 한 몸의 부위가 시차를 두면 오버래핑 액션, 서로 다른 요소 여럿이 시차로 등장하면 스태거, 멈춘 뒤 끝부분만 더 가면 팔로 스루 쓰임 생동감 · 캐릭터 만드는 법 모션 그래픽 CSS AI에게 ▸ 캐릭터가 출발할 때 머리 → 몸 → 꼬리 순서로 0.05초씩 늦게 따라오게 오버래핑 액션 줘.
멈춤 0.3초 처음 값으로
"그 포즈에서 잠깐 멈추게" 중요한 순간에 움직임을 잠깐 멈춰 눈이 따라오게 한다. ↔ 움직이는 중간에 한 포즈로 잠깐 멈추면 홀드, 화면 전체가 한 장으로 굳으면 프리즈 프레임 쓰임 강조 · 여운 만드는 법 모션 그래픽 CSS AI에게 ▸ 착지한 포즈에서 0.3초 홀드한 다음 다음 동작으로 넘어가게.
세컨더리 액션 Secondary Action 문장 "걸을 때 귀가 흔들리게" 주 동작을 거드는 작은 보조 동작으로 살아 있는 느낌을 더한다. ↔ 디즈니 12원칙. 주 동작을 거드는 별개의 작은 동작이면 세컨더리 액션, 주 동작의 관성으로 끝부분이 더 가면 팔로 스루 쓰임 생동감 · 디테일 만드는 법 모션 그래픽 CSS AI에게 ▸ 캐릭터가 걸어갈 때 귀가 살짝 흔들리는 세컨더리 액션을 곁들여줘. 주 동작보다 작게.
"빠른 칸을 길게 늘여줘" 빠른 구간 중간 프레임을 형태째 길게 늘여 속도감을 준다(손그림 기법). ↔ 한두 프레임을 형태째 늘이면 스미어, 흐릿하게 번지면 모션 블러 쓰임 코믹 · 속도 만드는 법 모션 그래픽 AI에게 ▸ 손이 빠르게 지나가는 두세 프레임을 스미어로 길게 늘여줘.
"끊김 없이 반복" 끝과 처음이 이어져 끊김 없이 반복된다. ↔ 처음으로 매끄럽게 돌아오면 심리스 루프, 앞뒤로 왕복하면 핑퐁(요요) 루프 쓰임 배경 · 반복 만드는 법 모션 그래픽 CSS AI에게 ▸ 로더 아이콘을 끊김 없는 심리스 루프로 계속 돌게.
시작 크기 0배 시간 0.3초 넘는 정도 1.1배 처음 값으로
"툭 하고 튀어나오게" 0에서 커지며 목표 크기를 살짝 넘었다가 돌아와 자리 잡는다. ↔ 튕기는 정도만 말하면 오버슈트, 0에서 커지며 나오는 등장 전체면 팝인 쓰임 경쾌 · 등장 만드는 법 모션 그래픽 CSS AI에게 ▸ Pop-in 으로 등장시켜줘. 0에서 0.3초, 오버슈트로 1.1배 찍고 제자리.
왕복 8초 처음 값으로
"물방울처럼 출렁이며 움직이게" 덩어리가 움직이는 쪽으로 늘어나고 가장자리가 출렁이며 미끄러진다. ↔ 눌렸다 늘어나는 탄성이면 스쿼시 앤 스트레치, 가장자리가 출렁이는 액체면 리퀴드 모션 쓰임 부드러움 · 유기적 만드는 법 모션 그래픽 AI에게 ▸ Liquid Motion 으로 움직여줘. 가는 쪽으로 늘어나고 가장자리가 출렁이게, 좌우 왕복 8초.
⑥ 효과 · 시간 15
"느리게 보여줘" 실제보다 느리게 재생해 순간을 늘린다. ↔ 전체를 균일하게 느리면 슬로 모션, 한 클립 안에서 느려졌다 빨라지면 스피드 램핑 쓰임 감동 · 클라이맥스 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ 물방울 터지는 순간을 슬로 모션으로 0.25배 느리게.
"빨리 감기" 긴 시간을 압축해 빠르게 흐르게 한다. ↔ 고정 위치서 시간만 압축하면 타임랩스, 걸으며 찍어 이동까지 있으면 하이퍼랩스 쓰임 시간 경과 · 변화 만드는 법 AI 영상 AI에게 ▸ 노을 지는 하늘을 타임랩스로 5초에 압축해줘.
"딱 멈추게" 한 프레임에서 화면이 멈춘다. ↔ 한 프레임을 잡아 멈추면 프리즈 프레임, 비트마다 짧게 멈추면 BPM 비트 싱크의 프리즈 쓰임 코믹 · 소개 만드는 법 AI 영상 모션 그래픽 CSS AI에게 ▸ 점프 최고점에서 0.5초 프리즈 프레임으로 멈췄다 이어가게.
"거꾸로 재생" 영상을 거꾸로 재생한다. ↔ 거꾸로 재생하면 리버스, 앞으로 갔다 되돌아오길 반복하면 핑퐁 루프 쓰임 반전 · 재치 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ 흩어진 조각이 거꾸로 모이게 리버스로 재생해줘.
"번쩍거리게" 밝기가 빠르게 켜졌다 꺼졌다 점멸한다(광과민 주의). ↔ 밝기가 빠르게 점멸하면 스트로브, 색 채널이 어긋나면 RGB 분리 쓰임 클럽 · 긴장 만드는 법 모션 그래픽 CSS AI에게 ▸ 드롭 구간에 흰 스트로브 4번 번쩍이게. 0.4초.
"빛이 새어 들어오게" 따뜻한 빛이 화면 가장자리로 새어 번진다(필름 감성). ↔ 따뜻한 빛이 번지면 라이트 릭, 또렷한 광이 표면을 쓸면 라이트 스윕 쓰임 필름 · 감성 만드는 법 AI 영상 모션 그래픽 CSS AI에게 ▸ 장면 바뀔 때 오른쪽에서 주황 라이트 릭으로 번지며 넘겨줘. 0.6초.
"햇빛 번쩍" 강한 광원이 렌즈에 맺혀 빛살·고리가 생긴다. ↔ 광원이 렌즈에 맺히면 렌즈 플레어, 밝은 부분 자체가 번지면 블룸/글로우 쓰임 영화 · 빛 만드는 법 AI 영상 모션 그래픽 CSS AI에게 ▸ 로고 뒤에서 렌즈 플레어가 가로질러 지나가게. 1초.
"밝은 데가 번지게" 밝은 부분이 부드럽게 번져 빛나 보인다. ↔ 밝은 영역이 번지면 블룸/글로우, 점광원이 렌즈에 맺히면 렌즈 플레어 쓰임 몽환 · 빛 만드는 법 모션 그래픽 CSS AI에게 ▸ 네온 글자에 블룸 글로우로 은은하게 번지는 빛 줘.
"화면 둘로 나눠줘" 화면을 나눠 둘 이상의 장면을 동시에 보여준다. ↔ 화면을 칸으로 나눠 동시에 보이면 스플릿 스크린, 작은 창 하나를 겹치면 화면 속 화면(PiP) 쓰임 비교 · 동시 만드는 법 모션 그래픽 CSS AI에게 ▸ 화면을 세로로 반 나눠 왼쪽 비포 오른쪽 애프터 스플릿 스크린으로.
화면 속 화면 Picture-in-Picture 문장 "작은 창으로 띄워줘" 큰 화면 위에 작은 창을 겹쳐 둘을 함께 보여준다. ↔ 작은 창을 겹치면 화면 속 화면, 화면을 반반 나누면 스플릿 스크린 쓰임 설명 · 리액션 만드는 법 모션 그래픽 CSS AI에게 ▸ 오른쪽 아래에 발표자 캠을 작은 창으로 PiP 띄워줘.
"영상이 녹아 번지게" 영상 압축의 번짐(키프레임 제거)을 의도로 써 화면이 흐물흐물 섞인다. ↔ 압축 아티팩트로 녹듯 섞이면 데이터모시, 또렷이 어긋나 깨지면 글리치 쓰임 실험 · 뮤비 만드는 법 모션 그래픽 AI에게 ▸ 두 장면 사이를 데이터모시로 픽셀이 밀려 섞이며 넘어가게.
"하트가 팡 터지듯" 아이콘이 툭 커지는 순간 둘레로 점이 사방으로 퍼진다. 쓰임 축하 · 강조 만드는 법 모션 그래픽 CSS AI에게 ▸ Burst 넣어줘. 하트가 1.3배로 튀고 점 10개가 사방으로 퍼지며 사라지게, 0.6초.
"색종이가 펑 하고 쏟아지게" 작은 조각 수십 개가 한 점에서 솟구쳤다가 중력으로 떨어지며 사라진다. ↔ 하나가 튀며 둘레로 퍼지면 버스트, 조각 수십 개가 솟구쳐 떨어지면 파티클 쓰임 축하 · 마무리 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ Particles 로 터뜨려줘. 조각 40개, 아래 가운데서 위로 솟았다 중력으로 떨어지게, 1.2초.
"옛날 필름처럼 자글자글하게" 화면 위에 매 프레임 바뀌는 고운 알갱이와 가끔 스치는 긁힘을 얹어 필름 질감을 낸다. ↔ 알갱이가 화면 전체에 얹히면 필름 그레인, 빛이 새어 들면 라이트 릭 쓰임 레트로 · 감성 만드는 법 AI 영상 모션 그래픽 CSS AI에게 ▸ 영상 전체에 Film Grain 얹어줘. 알갱이 세기 18%, 초당 24번 바뀌고, 가장자리는 살짝 어둡게. 긁힘은 3초에 한 번만.
"옛날 오실로스코프 화면처럼 초록 선으로" 검은 화면에 빛나는 초록 선만으로 도형을 그리고, 주사선과 잔광이 남는다. ↔ 빛나는 선만으로 그리면 벡터 CRT, 화면이 가운데로 접히며 꺼지면 TV 오프(⑪) 쓰임 레트로 · 테크 만드는 법 모션 그래픽 CSS AI에게 ▸ Vector CRT 화면으로 회전하는 정육면체를 보여줘. 초록 선에 빛 번짐 8px, 가로 주사선 3px 간격, 지나간 선은 잔광으로 세 겹 남게.
⑦ 화면 전환 40 40 장면 A 를 B 로 넘기는 그래픽 전환 40가지. 1~8 색면이 가로지름 · 9~16 모양이 퍼짐 · 17~24 액체·파문·충격 · 25~32 판이 바뀜 · 33~40 나누고 섞음. 요청 문장은 영어 이름으로 시작하세요.
"색이 여러 겹 지나가면서 바뀌게" 색 세 겹이 시차를 두고 화면을 가로지른 뒤 다음 화면이 남는다. ↔ 한 겹이면 그냥 와이프, 색 띠가 겹겹이면 컬러 와이프 쓰임 기본 · 만능 만드는 법 모션 그래픽 CSS AI에게 ▸ Color Wipe 로 넘겨줘. 색 세 겹이 0.1초 간격으로 왼쪽에서 오른쪽으로, 전체 0.6초.
"비스듬하게 쓸고 지나가게" 비스듬한 경계가 줄무늬 두 줄을 달고 지나간다. ↔ 경계가 사선으로 한 번 지나가면 사선 와이프, 각도가 바뀌며 갈라지면 사선 스플릿 쓰임 세련 · 스타일리시 만드는 법 모션 그래픽 CSS AI에게 ▸ Diagonal Wipe 로 넘겨줘. 경계는 30도 사선, 뒤에 검은 줄 두 개를 달고. 0.5초.
줄무늬 와이프 Multi Stripe Wipe 문장 "블라인드처럼 줄줄이 바뀌게" 가로 띠 여섯 줄이 왼쪽·오른쪽에서 번갈아 미끄러져 들어온다. ↔ 가로 띠가 좌우로 엇갈리면 스트라이프, 같은 방향에 속도만 다르면 밴드 스플릿 쓰임 블라인드 · 정돈 만드는 법 모션 그래픽 CSS AI에게 ▸ Multi Stripe Wipe 로 넘겨줘. 가로 띠 6줄, 짝수 줄은 왼쪽에서 홀수 줄은 오른쪽에서, 줄마다 0.05초 차이.
"톱니 모양으로 쓸고 가게" 톱니 모양 끝을 단 색면이 화면을 가로지른다. ↔ 톱니 경계가 옆으로 쓸면 지그재그 와이프, 위에서 아래로 흐르며 흔들리면 지그재그 스플릿 쓰임 팝 · 기세 만드는 법 모션 그래픽 CSS AI에게 ▸ Zigzag Wipe 로 넘겨줘. 경계는 톱니 6개, 흰 색면이 먼저 지나가고 다음 화면이 따라오게. 0.5초.
"칼로 베듯이 사선으로 꽂히게" 사선 띠가 위아래에서 번갈아 꽂히며 화면을 채운다. ↔ 띠가 위아래로 번갈아 꽂히면 슬라이스, 한쪽에서 차례로 미끄러지면 사선 패널 쓰임 날카로움 · 뮤비 만드는 법 모션 그래픽 CSS AI에게 ▸ Slice Wipe 로 넘겨줘. 사선 띠 5개가 위·아래 번갈아 꽂히게, 0.6초. 박자에 맞춰.
"가운데서 막대가 위아래로 쭉 뻗게" 가운데 가로선에서 세로 막대가 위아래로 뻗어 화면을 메운다. ↔ 가운데서 위아래로 뻗으면 바 와이프, 바닥에서 이퀄라이저처럼 솟으면 바 패널 쓰임 리듬 · 음악 만드는 법 모션 그래픽 CSS AI에게 ▸ Bars Wipe 로 넘겨줘. 세로 막대 9개가 가운데 선에서 위아래로 뻗게, 막대마다 시작이 조금씩 달라. 0.5초.
"붓으로 칠하듯이 바뀌게" 굵은 붓 자국이 좌우로 오가며 화면을 칠해 덮는다. ↔ 오가며 칠하면 붓 와이프, 위에서 흘러내리면 드립 와이프 쓰임 손맛 · 팝 만드는 법 모션 그래픽 CSS AI에게 ▸ Brush Wipe 로 넘겨줘. 둥근 끝 붓 자국 4줄이 지그재그로 오가며 칠하게. 0.8초.
"커튼 닫히듯이 바뀌게" 양옆 막이 가운데로 튕기듯 닫히며 다음 화면이 된다. ↔ 가운데로 닫히면 커튼, 가운데서 네 귀퉁이로 열리면 쿼드 오픈 쓰임 무대 · 오프닝 만드는 법 모션 그래픽 CSS AI에게 ▸ Curtain Slide 로 넘겨줘. 양옆에서 가운데로 닫히고 끝에서 살짝 튕기게(overshoot). 0.6초.
"동그라미가 퍼지면서 바뀌게" 원이 매번 다른 자리에서 커지며 다음 화면을 연다. ↔ 중심이 가운데로 고정이면 원 아이리스(iris-wipe), 자리를 옮겨 다니면 원 와이프 쓰임 아이리스 · 만능 만드는 법 모션 그래픽 CSS AI에게 ▸ Circle Wipe 로 넘겨줘. 원 중심은 컷마다 다른 자리(누른 곳·주인공 얼굴), 0.5초.
"네모가 하나씩 탁탁 채워지게" 네모 블록이 무작위 순서로 탁탁 놓이며 화면을 채운다. ↔ 칸이 무작위로 놓이면 블록 와이프, 박자마다 색이 바뀌며 뒤섞이면 모자이크 플래시 쓰임 디지털 · 게임 만드는 법 모션 그래픽 CSS AI에게 ▸ Block Wipe 로 넘겨줘. 10×4 블록이 무작위 순서로, 부드럽지 않고 딱딱 끊기게. 0.6초.
"카메라 셔터 닫히듯이" 카메라 조리개 날이 돌며 닫혀 다음 화면만 남는다. ↔ 조리개가 닫히면 셔터, 원이 열리면 아이리스 쓰임 사진 · 영상감 만드는 법 모션 그래픽 CSS AI에게 ▸ Shutter Wipe 로 넘겨줘. 6각 조리개가 돌면서 닫히게, 날 경계선 보이게. 0.5초.
"시곗바늘처럼 돌면서 바뀌게" 시곗바늘처럼 12시에서 한 바퀴 돌며 다음 화면을 칠한다. ↔ 바늘 하나가 한 바퀴면 시계 와이프, 날 여러 개가 함께 굵어지면 바람개비 쓰임 시간 · 타이머 만드는 법 모션 그래픽 CSS AI에게 ▸ Clock Wipe 로 넘겨줘. 12시 방향에서 시계 방향으로 한 바퀴, 0.7초.
"마름모가 가운데서 퍼지게" 마름모 무늬가 가운데서 물결처럼 퍼져 화면을 덮는다. ↔ 마름모가 물결로 퍼지면 다이아몬드, 칸이 뒤집히면 체커 패널 쓰임 레트로 · 무늬 만드는 법 모션 그래픽 CSS AI에게 ▸ Diamond Wipe 로 넘겨줘. 마름모 격자가 가운데서 바깥으로 물결처럼 커지게. 0.7초.
"별 모양으로 열리게" 별 모양 창이 돌면서 커져 다음 화면을 연다. ↔ 모양이 별이면 스타, 원이면 아이리스. 같은 계열의 모양만 다르다 쓰임 코믹 · 축하 만드는 법 모션 그래픽 CSS AI에게 ▸ Star Wipe 로 넘겨줘. 다섯 꼭짓점 별이 반 바퀴 돌며 커지게, 0.6초. 일부러 촌스럽게.
"바람개비처럼 돌면서 바뀌게" 바람개비 날 여섯 개가 함께 굵어지며 화면을 칠한다. ↔ 날 여러 개가 함께 굵어지면 바람개비, 바늘 하나가 한 바퀴면 시계 쓰임 팝 · 여름 만드는 법 모션 그래픽 CSS AI에게 ▸ Pinwheel Wipe 로 넘겨줘. 날 6개가 가운데서 동시에 굵어지며 살짝 돌게. 0.6초.
"네 모서리에서 밀고 들어오게" 네 귀퉁이에서 삼각형이 밀고 나와 가운데서 만난다. ↔ 귀퉁이 삼각형이 모이면 코너, 사방 직사각형이 쌓이면 프레임 스택 쓰임 심플 · 만능 만드는 법 모션 그래픽 CSS AI에게 ▸ Corner Wipe 로 넘겨줘. 네 귀퉁이 삼각형이 0.05초 차이로 차례로 밀고 들어오게. 0.6초.
"물이 차오르듯이 바뀌게" 물결치는 수면이 아래에서 차올라 화면을 채운다. ↔ 아래에서 차오르면 리퀴드, 경계가 물결인 채 위에서 내려오면 웨이브 스플릿 쓰임 청량 · 물 만드는 법 모션 그래픽 CSS AI에게 ▸ Liquid Wipe 로 넘겨줘. 아래에서 수면이 출렁이며 차오르게, 진한 색 물결이 먼저 오고 다음 화면이 따라오게. 0.8초.
"페인트 흘러내리듯이" 페인트가 위에서 줄줄 흘러내리듯 화면을 덮는다. ↔ 흘러내리면 드립, 붓으로 오가면 브러시 쓰임 팝 · 페인트 만드는 법 모션 그래픽 CSS AI에게 ▸ Drip Wipe 로 넘겨줘. 위에서 페인트 줄기 5개가 길이를 달리해 흘러내리고 끝은 둥글게. 0.8초.
"물수제비처럼 퍼지게" 가운데서 파문이 몇 겹 퍼지고 마지막 물결이 화면을 채운다. ↔ 고리가 먼저 퍼지면 파문, 원 하나가 바로 커지면 아이리스 쓰임 물 · 몽환 만드는 법 모션 그래픽 CSS AI에게 ▸ Ripple Wipe 로 넘겨줘. 가운데서 고리 3겹이 퍼지고 마지막에 원이 화면을 채우게. 0.9초.
"글자 속으로 들어가면서 바뀌게" 단어가 화면보다 커질 때까지 확대되며 글자 속 색으로 넘어간다. ↔ 글자가 커져 덮으면 텍스트 와이프, 글자 모양 창으로 영상이 보이면 텍스트 마스크 쓰임 타이틀 · 글자 만드는 법 모션 그래픽 CSS AI에게 ▸ Text Wipe 로 넘겨줘. 가운데 단어가 가속하며 커지고, 글자 획이 화면을 덮으면 그 색이 다음 화면. 0.8초.
"번쩍 하면서 바뀌게" 하얗게 번쩍인 순간 장면이 바뀌고 충격파가 퍼진다. ↔ 한 번 번쩍이고 넘어가면 임팩트 플래시, 여러 번 깜빡이면 스트로브 쓰임 액션 · 강조 만드는 법 모션 그래픽 CSS AI에게 ▸ Impact Flash 로 넘겨줘. 흰 번쩍임 0.1초 사이에 컷, 충격파 고리 하나가 퍼지게. 비트 첫 박에.
"물결 모양으로 천천히 나뉘게" 물결치는 경계가 위에서 아래로 천천히 내려오며 갈린다. ↔ 물결 경계가 내려오면 웨이브 스플릿, 아래서 차오르면 리퀴드 쓰임 부드러움 · 자연 만드는 법 모션 그래픽 CSS AI에게 ▸ Wave Split 로 넘겨줘. 경계는 사인 물결 한 주기 반, 천천히 흔들리며 위에서 아래로. 1초.
"톱니가 흐르면서 내려오게" 톱니 경계가 옆으로 흐르며 흔들리고 위에서 아래로 내려온다. ↔ 톱니가 흐르며 내려오면 스플릿, 톱니 끝이 옆으로 쓸면 지그재그 와이프 쓰임 팝 · 기세 만드는 법 모션 그래픽 CSS AI에게 ▸ Zigzag Split 로 넘겨줘. 톱니 경계가 옆으로 흘러가면서 위에서 아래로 내려오게. 0.7초.
"원이 반으로 쪼개지며 돌게" 원이 반으로 갈라진 채 돌며 커지다 하나로 닫힌다. ↔ 원이 갈라져 돌면 서클 스플릿, 하나로 커지기만 하면 원 와이프 쓰임 로고 · 쿨 만드는 법 모션 그래픽 CSS AI에게 ▸ Circle Split 로 넘겨줘. 반원 두 쪽이 벌어진 채 반 바퀴 돌며 커지고 끝에서 붙게. 0.7초.
"위아래가 반대로 들어오게" 위 절반과 아래 절반이 서로 반대 방향에서 들어온다. ↔ 위아래가 엇갈리면 가로 스플릿, 좌우가 엇갈리면 세로 스플릿 쓰임 기본 · 정돈 만드는 법 모션 그래픽 CSS AI에게 ▸ Horizontal Split 로 넘겨줘. 위 절반은 왼쪽에서, 아래 절반은 오른쪽에서 동시에. 0.5초.
"슬롯머신처럼 위아래로 바뀌게" 왼쪽 절반은 위에서, 오른쪽 절반은 아래에서 슬롯처럼 바뀐다. ↔ 좌우가 엇갈리면 세로 스플릿, 위아래가 엇갈리면 가로 스플릿 쓰임 게임 · 쿨 만드는 법 모션 그래픽 CSS AI에게 ▸ Vertical Split 로 넘겨줘. 왼쪽 절반은 위에서, 오른쪽 절반은 아래에서, 끝에서 살짝 튕기게. 0.5초.
"세 조각이 차례로 넘어가게" 사선 세 조각이 도미노처럼 차례로 넘어간다. ↔ 세 조각이 차례면 트리플, 여러 띠가 미끄러지면 사선 패널 쓰임 스타일리시 만드는 법 모션 그래픽 CSS AI에게 ▸ Triple Split 로 넘겨줘. 사선 3등분, 왼쪽부터 0.12초 간격으로 위에서 아래로. 0.7초.
"네 칸이 하나씩 바뀌게" 2×2 네 칸이 시계 방향으로 하나씩 바뀐다. ↔ 네 칸이 차례면 4분할, 아홉 칸이 입체로 뒤집히면 그리드 플립 쓰임 심플 · 팝 만드는 법 모션 그래픽 CSS AI에게 ▸ Four Panel 로 넘겨줘. 2×2 칸이 왼쪽 위부터 시계 방향으로 0.1초 간격, 칸마다 가운데서 펼쳐지게. 0.7초.
"세로 판이 하나씩 올라오게" 세로 패널 네 장이 아래에서 한 장씩 밀려 올라온다. ↔ 넓은 판이 한 방향이면 슬라이딩 패널, 좁은 띠가 위아래 섞이면 스트립 셔플 쓰임 세련 · 뮤비 만드는 법 모션 그래픽 CSS AI에게 ▸ Sliding Panels 로 넘겨줘. 세로 패널 4장이 아래에서 0.08초 간격으로 밀려 올라오게, 이즈 아웃. 0.7초.
"사선 판이 연달아 들어오게" 사선 띠 패널이 오른쪽에서 잇달아 미끄러져 들어온다. ↔ 띠가 한쪽에서 줄지어 오면 사선 패널, 위아래로 번갈아 꽂히면 슬라이스 쓰임 속도감 만드는 법 모션 그래픽 CSS AI에게 ▸ Diagonal Panels 로 넘겨줘. 사선 띠 4장이 오른쪽에서 0.07초 간격으로 미끄러져 들어오게. 0.6초.
"십자로 쪼개져서 열리게" 화면이 십자로 갈라져 네 귀퉁이로 열리며 다음 화면이 드러난다. ↔ 가운데서 바깥으로 열리면 쿼드 오픈, 바깥에서 가운데로 닫히면 커튼 쓰임 개막 · 오프닝 만드는 법 모션 그래픽 CSS AI에게 ▸ Quad Open 으로 넘겨줘. 앞 화면이 십자로 4등분되어 네 귀퉁이로 밀려나며 열리게. 0.6초.
"체크무늬가 뒤집히면서 바뀌게" 체크무늬 칸이 왼쪽부터 팔랑팔랑 뒤집힌다. ↔ 작은 칸이 체크무늬로 엇갈리면 체커, 큰 칸 아홉이 입체로 돌면 그리드 플립 쓰임 레트로 · 디지털 만드는 법 모션 그래픽 CSS AI에게 ▸ Checker Panels 로 넘겨줘. 10×4 체크 칸이 왼쪽부터, 칸 색 따라 한 박자 엇갈려 뒤집히게. 0.8초.
"사선이 돌면서 갈라지게" 사선 분할선이 각도를 바꾸며 화면을 가르고 지나간다. ↔ 선 각도가 변하면 사선 스플릿, 각도 고정에 줄무늬를 달면 사선 와이프 쓰임 날카로움 · 뮤비 만드는 법 모션 그래픽 CSS AI에게 ▸ Diagonal Split 로 넘겨줘. 분할선이 60도에서 120도로 돌며 왼쪽에서 오른쪽으로. 0.6초.
"박자마다 칸이 번쩍번쩍 바뀌게" 색 블록이 박자마다 뒤섞이다 다음 화면으로 굳는다. ↔ 박자마다 뒤섞이면 모자이크 플래시, 칸이 한 번씩만 놓이면 블록 와이프 쓰임 비트 · 아트 만드는 법 모션 그래픽 CSS AI에게 ▸ Mosaic Flash 로 넘겨줘. 4×3 칸이 박자마다 색을 바꾸다 6박째에 다음 화면으로. BPM 에 맞춰.
"사방에서 판이 쌓이게" 위·오른쪽·아래·왼쪽에서 판이 차례로 겹쳐 들어오며 가운데 창이 닫힌다. ↔ 사방 판이 쌓이면 프레임 스택, 귀퉁이 삼각형이 모이면 코너 쓰임 타이틀 · 창 만드는 법 모션 그래픽 CSS AI에게 ▸ Frame Stack 으로 넘겨줘. 위, 오른쪽, 아래, 왼쪽 순서로 판이 0.07초 간격으로 들어와 가운데 창이 닫히게. 0.7초.
"이퀄라이저처럼 솟게" 세로 색 막대가 이퀄라이저처럼 출렁이며 솟아 화면을 채운다. ↔ 바닥에서 출렁이며 솟으면 바 패널, 가운데서 위아래로 뻗으면 바 와이프 쓰임 음악 · 비트 만드는 법 모션 그래픽 CSS AI에게 ▸ Bar Panels 로 넘겨줘. 세로 막대 11개가 바닥에서 높이를 출렁이며 솟아 화면을 채우게. 음악 비트에 맞춰.
"가로줄이 속도 다르게 들어오게" 가로 띠 다섯 줄이 같은 방향에서 서로 다른 속도로 흘러든다. ↔ 같은 방향에 속도만 다르면 밴드, 좌우로 엇갈리면 줄무늬 와이프 쓰임 속도 · 팝 만드는 법 모션 그래픽 CSS AI에게 ▸ Band Split 로 넘겨줘. 가로 띠 5줄이 왼쪽에서 들어오되 줄마다 속도를 다르게. 0.7초.
"카드 뒤집듯이 칸이 바뀌게" 3×3 칸이 대각선 순서로 입체처럼 뒤집히며 바뀐다. ↔ 아홉 칸이 입체로 돌면 그리드 플립, 작은 칸이 체크로 엇갈리면 체커 쓰임 테크 · 입체 만드는 법 모션 그래픽 CSS AI에게 ▸ Grid Flip 으로 넘겨줘. 3×3 칸이 왼쪽 위부터 대각선 순서로 Y축 180도 뒤집히게. 0.8초.
"가운데서 네모가 겹겹이 커지게" 겹겹 판이 가운데서 차례로 커지며 마지막 판이 다음 화면이 된다. ↔ 네모가 겹겹이 커지면 패널 줌 아웃, 화면 자체가 다가오면 줌 쓰임 줌감 · 도입 만드는 법 모션 그래픽 CSS AI에게 ▸ Panel Zoom Out 으로 넘겨줘. 가운데서 네모 판 3겹이 0.1초 간격으로 커지고 마지막 판이 다음 화면. 0.7초.
"세로줄이 뒤섞이며 바뀌게" 좁은 세로 띠가 섞인 순서로 위아래에서 바뀌어 들어온다. ↔ 좁은 띠가 섞이면 스트립 셔플, 넓은 판이 차례면 슬라이딩 패널 쓰임 리듬 · 뮤비 만드는 법 모션 그래픽 CSS AI에게 ▸ Strip Shuffle 로 넘겨줘. 세로 띠 8줄이 섞인 순서로, 홀수는 아래서 짝수는 위에서 들어오게. 0.7초.
⑧ 배경 40 40 글자·사람 뒤에 까는 반복 배경 40가지. 1~8 점 · 9~16 격자 · 17~24 선 · 25~32 도형 · 33~40 미니멀. 전부 끊김 없이 이어지는 루프예요. 요청 문장에 반복 주기를 같이 적으세요.
"가운데서 점이 퍼지면서 커졌다 작아지게" 가운데에서 바깥으로 점 크기가 파도처럼 커졌다 작아진다. ↔ 점 크기가 퍼지면 펄스, 점이 띠로 지나가면 하프톤 그라디언트 쓰임 팝 · 오프닝 만드는 법 모션 그래픽 CSS AI에게 ▸ Halftone Pulse 배경으로 깔아줘. 가운데서 바깥으로 점 크기 파동, 한 바퀴 4초, 반복.
"점들이 물결처럼 출렁이게" 두 겹의 점이 엇갈린 박자로 커졌다 작아지며 물결을 만든다. 쓰임 음악 · 배경 만드는 법 모션 그래픽 CSS AI에게 ▸ Dot Wave 배경으로 해줘. 점 두 겹이 엇박으로 커졌다 작아지게, 대각선 물결, 4초 반복.
하프톤 그라디언트 Halftone Gradient 문장 "인쇄물 망점 띠가 비스듬히 지나가게" 큰 점에서 작은 점으로 이어지는 망점 띠가 비스듬히 화면을 지나간다. ↔ 점 크기가 퍼지면 펄스, 점이 띠로 지나가면 하프톤 그라디언트 쓰임 레트로 · 인쇄 만드는 법 모션 그래픽 CSS AI에게 ▸ Halftone Gradient 배경으로 깔아줘. 망점 띠가 왼쪽에서 오른쪽으로 비스듬히, 4초마다 한 번.
"땡땡이 무늬가 대각선으로 천천히 흐르게" 큰 점과 작은 점이 엇갈린 땡땡이 무늬가 대각선으로 끊김 없이 흐른다. 쓰임 귀여움 · 패턴 만드는 법 CSS 모션 그래픽 AI에게 ▸ Polka Drift 배경으로 해줘. 큰 점·작은 점 땡땡이, 오른쪽 아래로 천천히, 끊김 없이 반복.
"해바라기 씨처럼 점이 돌게" 황금각으로 놓인 점들이 해바라기 무늬를 이루며 천천히 돈다. 쓰임 몽환 · 배경 만드는 법 모션 그래픽 AI에게 ▸ Dot Spiral 배경으로 깔아줘. 해바라기 배열(황금각 137.5도) 점 260개, 천천히 회전.
"전광판 점이 이퀄라이저처럼 오르내리게" LED 점으로 된 막대들이 음악 이퀄라이저처럼 오르내린다. 쓰임 음악 · 테크 만드는 법 모션 그래픽 CSS AI에게 ▸ Dot Matrix 배경으로 해줘. LED 점 막대 이퀄라이저, 꼭대기 점만 흰색, 박자에 맞춰 오르내리게.
"점으로 된 동그라미가 겹겹이 반대로 돌게" 점으로 된 동심원 고리가 한 겹씩 반대 방향으로 돈다. 쓰임 최면 · MV 만드는 법 모션 그래픽 CSS AI에게 ▸ Dot Rings 배경으로 깔아줘. 점 동심원 여러 겹, 안쪽부터 한 겹씩 반대 방향 회전.
"만화책 인쇄처럼 점이 어긋나게" 두 색 망점이 인쇄가 어긋난 것처럼 살짝 밀려 흔들린다. 쓰임 팝 · 만화 만드는 법 모션 그래픽 CSS AI에게 ▸ Comic Dots 배경으로 해줘. 검정·포인트색 망점 두 겹, 인쇄 어긋남처럼 살짝 흔들리게.
"바닥이랑 천장 격자가 앞으로 달려오게" 바닥과 천장의 격자가 소실점에서 이쪽으로 끝없이 다가온다. 쓰임 SF · 질주 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ Perspective Grid 배경으로 깔아줘. 가운데 소실점, 바닥·천장 격자가 앞으로 다가오게, 2초에 한 칸.
"모눈이 끝없이 확대되게" 모눈이 두 배로 커질 때마다 사이에 새 선이 생겨 끝없이 확대되는 것처럼 보인다. 쓰임 비트 · 테크 만드는 법 모션 그래픽 CSS AI에게 ▸ Infinite Grid Zoom 배경으로 해줘. 모눈이 2초마다 두 배로 커지고 새 선이 스며들게, 끊김 없이.
"모눈종이가 천처럼 출렁이게" 격자 전체가 천처럼 가로·세로로 부드럽게 출렁인다. 쓰임 테크 · 실험 만드는 법 모션 그래픽 AI에게 ▸ Grid Wave 배경으로 깔아줘. 모눈 격자가 천처럼 출렁이게, 진폭 작게, 8초 반복.
"격자 두 장이 반대로 돌면서 무늬가 생기게" 격자 두 장이 반대로 돌며 겹친 자리에 일렁이는 무아레가 생긴다. ↔ 선 두 겹이 비스듬히 미끄러지면 크로스해치, 격자 두 장이 돌면 무아레 격자 쓰임 최면 · 실험 만드는 법 모션 그래픽 CSS AI에게 ▸ Moiré Grid 배경으로 해줘. 격자 두 장을 반대로 천천히 회전, 겹친 무늬가 보이게.
아이소메트릭 격자 Isometric Grid 문장 "비스듬한 격자 위로 상자가 솟아오르게" 비스듬한 입체 격자 위로 큐브들이 차례로 솟았다 내려간다. 쓰임 게임 · 설명 만드는 법 모션 그래픽 AI에게 ▸ Isometric Grid 배경으로 깔아줘. 30도 입체 격자, 큐브 다섯 개가 차례로 솟았다 내려가게.
"벌집 칸이 숨 쉬듯 반짝이게" 벌집 칸이 가운데에서부터 물결처럼 밝아졌다 어두워진다. 쓰임 SF · UI 만드는 법 모션 그래픽 CSS AI에게 ▸ Hex Grid 배경으로 해줘. 벌집 타일, 가운데서 바깥으로 밝기 물결, 4초 반복.
"타일이 돌면서 미로 무늬가 바뀌게" 사분원 두 개를 그린 타일이 하나씩 돌며 이어진 곡선 무늬가 계속 바뀐다. ↔ 타일이 사분원이면 트루셰, 원·반원·삼각이면 바우하우스 타일 쓰임 디자인 · 패턴 만드는 법 모션 그래픽 CSS AI에게 ▸ Truchet Tiles 배경으로 깔아줘. 사분원 타일, 아무 칸이나 90도씩 돌아 무늬가 바뀌게.
"체크무늬가 비스듬히 흘러가게" 살짝 기운 체크무늬가 대각선으로 끊김 없이 흐른다. 쓰임 팝 · 패턴 만드는 법 CSS 모션 그래픽 AI에게 ▸ Checker Scroll 배경으로 해줘. 체크무늬 15도 기울여서 대각선으로 천천히, 끊김 없이.
"굵기 다른 선이 빠르게 지나가게" 굵기와 길이가 다른 가로선이 서로 다른 속도로 화면을 가로지른다. ↔ 선이 가운데로 모이면 집중선, 옆으로 지나가면 스피드 라인 쓰임 질주 · 전환 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ Speed Lines 배경으로 깔아줘. 가로선 스물몇 개, 굵기·속도 제각각, 왼쪽에서 오른쪽으로.
이퀄라이저 줄무늬 Equalizer Stripes 문장 "가로줄이 음악처럼 굵었다 가늘었다 하게" 가로 줄무늬마다 굵기가 이퀄라이저처럼 따로 커졌다 줄어든다. 쓰임 음악 · 배경 만드는 법 모션 그래픽 CSS AI에게 ▸ Equalizer Stripes 배경으로 해줘. 가로 줄무늬 12줄, 줄마다 굵기가 박자처럼 따로 출렁이게.
"만화 집중선처럼 가운데로 모이게" 가장자리에서 가운데를 향한 집중선이 깜빡이며 길이가 바뀐다. ↔ 선이 가운데로 모이면 집중선, 옆으로 지나가면 스피드 라인 쓰임 집중 · 강조 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ Radial Burst 배경으로 깔아줘. 만화 집중선, 가운데 비우고 선 길이가 초당 6번 바뀌게.
"물결선이 여러 겹 겹쳐서 출렁이게" 물결선 열두 줄이 겹쳐 산맥처럼 넘실댄다. ↔ 굵은 물결 하나면 소프트 웨이브, 가는 선 여러 겹이면 물결선 쓰임 세련 · 배경 만드는 법 모션 그래픽 AI에게 ▸ Wave Lines 배경으로 해줘. 물결선 12줄 겹쳐서, 셋 중 하나만 포인트색, 8초 반복.
물결 간섭 Ripple Interference 문장 "두 군데서 물결이 퍼져서 겹치게" 두 점에서 퍼지는 동심원 파문이 겹치며 간섭 무늬를 만든다. 쓰임 물 · 몽환 만드는 법 모션 그래픽 AI에게 ▸ Ripple Interference 배경으로 깔아줘. 두 점에서 동심원 파문, 2초에 한 겹, 멀어질수록 흐리게.
"사선 줄무늬가 계속 흘러가게" 굵은 사선 줄무늬가 리본처럼 살짝 휘며 옆으로 흐른다. 쓰임 팝 · 패턴 만드는 법 CSS 모션 그래픽 AI에게 ▸ Barber Stripes 배경으로 해줘. 굵은 사선 줄무늬, 옆으로 흐르고 살짝 휘게, 끊김 없이.
"네모 선이 겹겹이 다가오게" 선으로만 그린 네모가 겹겹이 이쪽으로 다가와 터널이 된다. ↔ 네모가 그냥 다가오면 선 터널, 다각형이 돌면서 다가오면 다각형 터널 쓰임 SF · 도입 만드는 법 모션 그래픽 CSS AI에게 ▸ Line Tunnel 배경으로 깔아줘. 사각 선 터널, 1초에 한 겹씩 다가오게, 셋 중 하나만 포인트색.
"빗금 두 겹이 엇갈려 일렁이게" 방향이 다른 빗금 두 겹이 서로 반대로 미끄러지며 무늬가 흔들린다. ↔ 선 두 겹이 비스듬히 미끄러지면 크로스해치, 격자 두 장이 돌면 무아레 격자 쓰임 손그림 · 질감 만드는 법 모션 그래픽 CSS AI에게 ▸ Crosshatch 배경으로 해줘. 빗금 두 겹 반대 방향, 서로 반대로 천천히 미끄러지게.
"동그라미가 통통 튀어나왔다 사라지게" 동그라미가 여기저기서 튕기듯 커졌다가 줄어들며 사라진다. 쓰임 팝 · 귀여움 만드는 법 모션 그래픽 CSS AI에게 ▸ Bubble Pop 배경으로 깔아줘. 원 16개, 자리 바꿔 가며 튕기듯 나타났다 사라지게(오버슈트).
"알약 모양이랑 물결선이 둥둥 떠다니게" 알약 모양과 물결선이 제자리 근처에서 천천히 떠다닌다. 쓰임 차분 · 배경 만드는 법 모션 그래픽 CSS AI에게 ▸ Floating Shapes 배경으로 해줘. 알약·물결선 9개, 제자리 근처에서 천천히 떠다니게.
"육각형이 꼬이면서 다가오게" 육각형이 겹겹이 비틀리며 이쪽으로 다가온다. ↔ 네모가 그냥 다가오면 선 터널, 다각형이 돌면서 다가오면 다각형 터널 쓰임 SF · 도입 만드는 법 모션 그래픽 AI에게 ▸ Polygon Tunnel 배경으로 깔아줘. 육각형 터널, 겹마다 조금씩 비틀려서 다가오게.
"기울어진 궤도를 따라 도형이 돌게" 점선 궤도 여러 개를 따라 작은 도형들이 서로 다른 속도로 돈다. 쓰임 테크 · 설명 만드는 법 모션 그래픽 AI에게 ▸ Orbit Shapes 배경으로 해줘. 기울어진 점선 궤도 4개, 도형이 각자 다른 속도로 돌게.
"도형이 거울에 비친 것처럼 돌게" 한 조각에 그린 도형을 거울로 12번 비춰 대칭 무늬가 돈다. 쓰임 사이키 · MV 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ Kaleidoscope 배경으로 깔아줘. 12조각 거울 대칭, 조각 안 도형이 들락날락, 천천히 회전.
"종이 꽃가루가 빙글빙글 떨어지게" 종잇조각이 뒤집히며 돌고 흔들리며 떨어진다. 쓰임 축하 · 공지 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ Confetti Fall 배경으로 해줘. 종이 꽃가루 40개, 뒤집히며 회전하고 좌우로 흔들리며 떨어지게.
"말랑한 덩어리가 꿀렁꿀렁 움직이게" 가장자리가 계속 일렁이는 말랑한 덩어리들이 천천히 떠다닌다. 쓰임 부드러움 · 배경 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ Blob Morph 배경으로 깔아줘. 덩어리 4개, 가장자리가 천천히 일렁이고 조금씩 떠다니게.
"바람개비가 여러 개 돌게" 크기가 다른 바람개비가 제각각 다른 빠르기와 방향으로 돈다. 쓰임 팝 · 여름 만드는 법 모션 그래픽 CSS AI에게 ▸ Pinwheels 배경으로 해줘. 바람개비 5개, 크기·속도·방향 제각각.
"큰 색면이 천천히 자리를 바꾸게" 큰 색면 세 개가 2초마다 폭을 바꾸며 다시 나뉜다. 쓰임 세련 · 브랜드 만드는 법 모션 그래픽 CSS AI에게 ▸ Color Blocks 배경으로 깔아줘. 세로 색면 3개, 2초마다 폭이 바뀌게(이즈 인아웃).
"큰 원 둘레를 테두리가 따라 돌게" 큰 원은 가만히 있고 테두리 링만 조금 어긋난 채 맴돈다. 쓰임 세련 · 타이틀 만드는 법 모션 그래픽 CSS AI에게 ▸ Eclipse Circle 배경으로 해줘. 가운데 큰 원, 테두리 링이 살짝 어긋난 채 8초에 한 바퀴.
"원이랑 반원 타일이 90도씩 돌게" 원·반원·사분원·삼각 타일이 하나씩 90도씩 딱딱 돈다. ↔ 타일이 사분원이면 트루셰, 원·반원·삼각이면 바우하우스 타일 쓰임 디자인 · 패턴 만드는 법 모션 그래픽 CSS AI에게 ▸ Bauhaus Tiles 배경으로 깔아줘. 원·반원·사분원·삼각 타일, 칸마다 다른 때에 90도씩 돌게.
"굵은 원호가 겹겹이 돌게" 굵은 원호 세 개가 같은 중심에서 서로 다른 속도로 돈다. 쓰임 세련 · 로고 만드는 법 모션 그래픽 CSS AI에게 ▸ Concentric Arcs 배경으로 해줘. 굵은 원호 3개 동심원, 안쪽부터 속도·방향 다르게.
"가로 띠 세 줄이 엇갈려 미끄러지게" 가로 띠 세 줄이 서로 반대로 미끄러졌다 멈추기를 되풀이한다. 쓰임 세련 · 배경 만드는 법 모션 그래픽 CSS AI에게 ▸ Sliding Bands 배경으로 깔아줘. 가로 띠 3줄, 2초마다 반 칸씩 엇갈려 미끄러지고 멈추게.
"네모가 움찔했다가 탁 90도 돌게" 네모가 살짝 뒤로 움찔한 뒤 탁 하고 90도 돈다. 2초마다. 쓰임 비트 · 로고 만드는 법 모션 그래픽 CSS AI에게 ▸ Square Snap 배경으로 해줘. 네모 하나, 2초마다 살짝 뒤로 당겼다가 90도 탁(오버슈트).
"굵은 물결 하나가 느긋하게 출렁이게" 굵은 물결선 하나와 가는 선 하나가 느긋하게 출렁인다. ↔ 굵은 물결 하나면 소프트 웨이브, 가는 선 여러 겹이면 물결선 쓰임 차분 · 배경 만드는 법 모션 그래픽 CSS AI에게 ▸ Soft Wave 배경으로 깔아줘. 굵은 물결 하나와 가는 선 하나, 8초에 한 번 출렁이게.
"겹겹 네모가 차례로 비틀리게" 겹겹이 놓인 네모가 안쪽부터 시차를 두고 비틀렸다 돌아온다. 쓰임 아트 · 배경 만드는 법 모션 그래픽 CSS AI에게 ▸ Nested Squares 배경으로 해줘. 네모 9겹, 안쪽부터 시차를 두고 좌우로 비틀리게.
⑨ 글자 연출 40 40 글자가 주인공인 연출 40가지. 1~8 한 단어 임팩트 · 9~16 흐르는 글자 · 17~24 깊이 · 25~32 말 바꿔 끼우기 · 33~40 꾸밈. 요청 문장에 들어갈 실제 문구를 같이 적으세요.
"한 단어가 쾅 하고 터지면서 나오게" 한 단어가 크게 들이받듯 나오며 흔들리고 주변으로 파편이 튄다. 쓰임 강조 · 클라이맥스 만드는 법 모션 그래픽 AI에게 ▸ Word Burst 로 「쾅」 넣어줘. 2.4배에서 0.12초 만에 제자리, 살짝 흔들림, 파편 12개.
"한 글자씩 쿵쿵 때려 박게" 글자가 하나씩 크게 떨어지며 박자에 맞춰 찍힌다. ↔ 한 자씩 쿵쿵이면 레터 슬램, 한 자씩 부드럽게 나타나면 텍스트 스태거(④) 쓰임 리듬 · 가사 만드는 법 모션 그래픽 CSS AI에게 ▸ Letter Slam 으로 「오늘도간다」 넣어줘. 글자당 0.28초 간격, 2.3배에서 떨어지듯.
"도장 찍듯 쾅쾅 찍히게" 네모 테두리 글자가 도장처럼 기울어 찍히며 하나씩 늘어난다. 쓰임 공지 · 결정 만드는 법 모션 그래픽 CSS AI에게 ▸ Text Stamp 로 「확정」「완료」「승인」 찍어줘. 하나씩 0.9초 간격, 1.7배에서 오버슈트로.
"글자가 멀리서 확 날아와 박히게" 글자가 화면 안쪽에서 확 다가오고 잔상이 꼬리를 남긴다. 쓰임 도입 · 강조 만드는 법 모션 그래픽 AI에게 ▸ Punch Zoom 으로 「돌파」 넣어줘. 0.08배에서 0.3초 만에 꽉 차게, 잔상 4겹.
"단어가 양옆에서 날아와 쌓이게" 단어가 좌우에서 번갈아 날아들어 위에서 아래로 쌓인다. 쓰임 MV · 가사 만드는 법 모션 그래픽 CSS AI에게 ▸ Kinetic Stack 으로 「지금 / 바로 / 시작」 쌓아줘. 줄마다 좌우 번갈아 0.35초씩.
"글자가 위로 쭉 늘어났다 돌아오게" 바닥은 그대로 두고 글자가 하나씩 위로 쭉 늘어났다 돌아온다. 쓰임 팝 · 충격 만드는 법 모션 그래픽 CSS AI에게 ▸ Stretch Text 로 「늘어나」 넣어줘. 글자마다 시차를 두고 세로로 1.9배까지.
텍스트 줌 스루 Text Zoom Through 문장 "글자 안으로 뚫고 들어가 다음 말로" 단어가 화면을 넘게 커지며 지나가고 뒤에서 다음 단어가 다가온다. ↔ 단어를 뚫고 다음 단어로 가면 텍스트 줌 스루, 글자 하나하나가 날아오면 레터 플라이스루(④) 쓰임 전환 · 질주 만드는 법 모션 그래픽 AI에게 ▸ Text Zoom Through 로 「하나 둘 셋 넷」 이어줘. 단어당 2초, 뚫고 지나가며 다음 단어.
"글자가 찌그러졌다 튕기며 다른 말로" 단어가 납작하게 눌렸다가 다른 단어로 바뀌며 출렁 튕겨 오른다. 쓰임 탄력 · 바꿈 만드는 법 모션 그래픽 CSS AI에게 ▸ Squeeze Swap 으로 「말랑 → 쫀득」 바꿔줘. 0.4초 눌렸다가 감쇠 진동으로 튕기게.
자이언트 스크롤 Giant Text Scroll 문장 "화면보다 큰 글자가 옆으로 지나가게" 화면을 넘는 큰 글자가 끊어 가며 흐르고 아래 작은 띠가 반대로 돈다. 쓰임 배경 · 와이드 만드는 법 모션 그래픽 CSS AI에게 ▸ Giant Text Scroll 로 「오늘 밤 서울」 흘려줘. 큰 글자는 2초마다 이즈 인아웃, 아래 작은 띠는 일정하게.
세로 기둥 Vertical Text Columns 문장 "세로쓰기 글자가 위아래로 흐르게" 세로로 쓴 글자 기둥들이 서로 반대 방향으로 흐른다. 쓰임 정적 · 동적 만드는 법 모션 그래픽 CSS AI에게 ▸ Vertical Text Columns 로 「고요」「질주」 세로로 흘려줘. 기둥마다 방향·속도 다르게.
리피트 웨이브 Repeating Text Wave 문장 "같은 단어가 빼곡하고 물결처럼 색이 바뀌게" 같은 단어를 빼곡히 깔고 그 위로 색 반전 물결이 지나간다. 쓰임 배경 · 패턴 만드는 법 모션 그래픽 CSS AI에게 ▸ Repeating Text Wave 로 「흐름」 깔아줘. 격자로 빼곡히, 대각선 물결로 색 반전.
사선 띠 Diagonal Text Bands 문장 "비스듬한 띠에 글자가 흘러가게" 비스듬한 띠 세 줄에서 글자가 서로 반대 방향으로 흐른다. 쓰임 전환 · 팝 만드는 법 모션 그래픽 CSS AI에게 ▸ Diagonal Text Bands 로 「새벽 세시」 흘려줘. 띠 3줄 12도 기울이고 번갈아 반대로.
"글자가 물결 선을 따라 흐르게" 물결 모양 길을 따라 글자가 기울기를 맞추며 흘러간다. 쓰임 장식 · 음악 만드는 법 모션 그래픽 AI에게 ▸ Text on Path 로 「물결 따라 흘러요」 흘려줘. 사인 곡선 길, 글자가 곡선 기울기를 따라 돌게.
"전광판 띠 여러 줄이 각자 흐르게" 글자 크기와 빠르기가 다른 띠 네 줄이 엇갈려 흐른다. 쓰임 공지 · 거리 만드는 법 모션 그래픽 CSS AI에게 ▸ Marquee Stack 으로 「오늘 한정」「신상 공개」… 띠 4줄 흘려줘. 줄마다 크기·속도·방향 다르게.
패럴랙스 기둥 Parallax Columns 문장 "세로 글자 기둥이 멀고 가깝게 다른 속도로" 작고 흐린 기둥은 느리게, 크고 진한 기둥은 빠르게 흘러 깊이가 생긴다. 쓰임 깊이 · 감성 만드는 법 모션 그래픽 AI에게 ▸ Parallax Columns 로 「밤비거리」 세로 기둥 3겹 흘려줘. 뒤는 작고 느리게, 앞은 크고 빠르게.
"출입 금지 테이프가 X 자로 지나가게" 글자가 찍힌 테이프 두 줄이 X 자로 엇갈리며 흐른다. 쓰임 경고 · 거리 만드는 법 모션 그래픽 CSS AI에게 ▸ Caution Tape 로 「출입 금지」 교차시켜줘. 테이프 2줄 ±12도, 서로 반대로 흐르게.
"글자 윤곽이 겹겹이 다가오게" 단어 윤곽이 겹겹이 커지며 다가와 글자 모양 터널이 된다. 쓰임 도입 · SF 만드는 법 모션 그래픽 AI에게 ▸ Text Tunnel 로 「우주」 넣어줘. 윤곽선 10겹, 1초에 한 겹씩 다가오게.
"양쪽 벽에 글자가 있는 복도를 걷게" 양쪽 벽에 쓴 글자와 바닥선이 원근으로 다가와 복도를 걷는 느낌이 든다. 쓰임 몰입 · MV 만드는 법 모션 그래픽 AI에게 ▸ Text Corridor 로 「나아가」 벽에 써서 복도로 걸어가줘. 가운데 소실점, 2초에 한 칸.
"글자가 원통에 감겨 돌게" 원통에 감긴 글자 세 줄이 서로 반대로 돈다. 쓰임 입체 · 로고 만드는 법 모션 그래픽 CSS AI에게 ▸ Text Cylinder 로 「계속간다」 원통에 감아 돌려줘. 줄 3개, 가운데 줄만 반대 방향.
"글자가 꼬이면서 소용돌이로 빨려 들게" 단어가 겹마다 조금씩 비틀리며 커져 소용돌이를 만든다. ↔ 윤곽이 그대로 다가오면 텍스트 터널, 비틀리며 감기면 텍스트 소용돌이 쓰임 몽환 · 클라이맥스 만드는 법 모션 그래픽 AI에게 ▸ Text Vortex 로 「회오리」 넣어줘. 겹마다 18도씩 비틀고 2초에 한 겹 다가오게.
"동그랗게 쓴 글자 고리가 다가오게" 원을 따라 쓴 글자 고리가 겹겹이 돌며 다가온다. 쓰임 도입 · SF 만드는 법 모션 그래픽 AI에게 ▸ Ring Text Tunnel 로 「빨려 든다」 원형으로 써서 다가오게 해줘. 고리마다 반대로 회전.
"글자가 타원 궤도를 돌게" 글자들이 기울어진 타원을 돌며 앞에선 크고 뒤에선 작고 흐려진다. 쓰임 로고 · 타이틀 만드는 법 모션 그래픽 AI에게 ▸ Text Orbit 으로 「궤도를 돈다」 돌려줘. 타원 궤도, 앞은 크고 진하게 뒤는 작고 흐리게.
"상자가 굴러가며 면마다 다른 단어" 정육면체가 위로 구르며 다음 면의 단어가 나타난다. 쓰임 바꿈 · 입체 만드는 법 모션 그래픽 CSS AI에게 ▸ Text Cube 로 「봄 여름 가을 겨울」 굴려줘. 2초마다 90도, 이즈 인아웃.
"글자가 두께 있는 입체처럼" 두께가 있는 글자의 옆면 방향이 천천히 한 바퀴 돈다. ↔ 짧은 두께면 돌출 입체, 화면 끝까지 늘어나면 롱 섀도 쓰임 타이틀 · 입체 만드는 법 모션 그래픽 AI에게 ▸ Extruded Text 로 「입체」 넣어줘. 두께 14겹, 두께 방향이 8초에 한 바퀴.
"공항 전광판처럼 판이 착착 넘어가게" 위아래 반쪽 판이 접혀 넘어가며 글자가 한 칸씩 바뀐다. 쓰임 레트로 · 역 만드는 법 모션 그래픽 CSS AI에게 ▸ Split Flap 으로 「서울행 → 부산행」 바꿔줘. 칸마다 0.15초 시차, 반쪽 판이 접히게.
"카드가 한 장씩 뒤집히며 글자가 바뀌게" 글자 카드가 차례로 뒤집히며 뒷면의 다른 글자가 나온다. 쓰임 공지 · 바꿈 만드는 법 모션 그래픽 CSS AI에게 ▸ Flip Cards 로 「새소식 → 신메뉴」 바꿔줘. 카드 3장, 0.18초 시차로 뒤집기.
"타자 치듯 쓰고 지우고 다음 문장" 한 자씩 쳐서 쓰고 커서가 깜빡인 뒤 지우고 다음 문장을 친다. ↔ 쓰고 끝이면 타입온(④), 쓰고 지우고 다음 문장까지면 타자 바꿈 쓰임 이야기 · 자막 만드는 법 모션 그래픽 CSS AI에게 ▸ Typewriter Swap 으로 「밤이 오기 전에 / 다시 한 번 더」 쳐줘. 쓰기 2.2초·멈춤·지우기.
"슬롯머신처럼 돌다가 탁 멈추게" 글자 릴이 빠르게 돌다가 하나씩 멈추며 결과를 보여 준다. 쓰임 결과 · 발표 만드는 법 모션 그래픽 CSS AI에게 ▸ Slot Text 로 「대박」 나오게 해줘. 릴 2개, 1.4초·1.9초에 차례로 멈춤.
"숫자가 굴러가며 올라가게" 자릿수 바퀴가 굴러가며 숫자가 목표값까지 올라간다. 쓰임 실적 · 숫자 만드는 법 모션 그래픽 CSS AI에게 ▸ Odometer 로 0 에서 12,480 까지 올려줘. 2.6초 이즈 아웃, 자릿수가 위로 굴러가게.
"뉴스 자막처럼 제목이 위로 바뀌게" 이름표는 그대로 두고 띠 안 헤드라인만 위로 밀려 바뀐다. 쓰임 속보 · 설명 만드는 법 모션 그래픽 CSS AI에게 ▸ Headline Swap 으로 「속보」 띠에 문구 4개 바꿔줘. 2초마다 위로 0.6초.
"전광판 점 글자가 흘러가게" 글자를 LED 점으로 찍어 옆으로 흘려보낸다. 쓰임 레트로 · 테크 만드는 법 모션 그래픽 AI에게 ▸ LED Text 로 「새 소식 도착」 흘려줘. 9줄 점 글씨, 꺼진 점은 어둡게 보이게.
"글자가 위아래로 갈라지고 속 단어가 나오게" 단어의 위아래 반쪽이 반대로 벌어지며 사이에서 다른 말이 나온다. 쓰임 반전 · 의외 만드는 법 모션 그래픽 CSS AI에게 ▸ Split Halves 로 「겉모습」 사이에서 「속마음」 나오게 해줘. 위는 왼쪽, 아래는 오른쪽으로 벌어지게.
"윤곽선 글자가 한 줄씩 칠해지게" 윤곽선만 있던 글자 줄이 한 줄씩 왼쪽부터 칠해진다. 쓰임 세련 · MV 만드는 법 모션 그래픽 AI에게 ▸ Outline Fill 로 「질풍노도」 줄 4개 채워줘. 줄마다 1.6초 시차로 왼쪽부터.
"큰 글자가 가로로 썰려서 어긋나게" 큰 글자를 가로로 썰어 조각마다 좌우로 튀었다 돌아온다. ↔ 화면 전체가 지직이면 글리치(③), 글자만 썰려 어긋나면 글리치 슬라이스 쓰임 충격 · MV 만드는 법 모션 그래픽 AI에게 ▸ Glitch Slices 로 「붕괴」 넣어줘. 가로 7조각, 2초마다 0.5초씩 어긋나게.
무늬 마스크 Text Mask Pattern 문장 "글자 안에서 줄무늬가 흐르게" 글자를 창 삼아 그 안에서만 사선 줄무늬가 흐른다. 쓰임 팝 · 축제 만드는 법 모션 그래픽 CSS AI에게 ▸ Text Mask Pattern 으로 「축제」 안에 사선 줄무늬 흘려줘. 글자 밖은 바탕 그대로.
"긴 그림자가 글자 뒤로 쭉 뻗게" 글자 뒤로 화면 끝까지 뻗는 그림자의 방향이 천천히 돈다. ↔ 짧은 두께면 돌출 입체, 화면 끝까지 늘어나면 롱 섀도 쓰임 플랫 · 타이틀 만드는 법 모션 그래픽 CSS AI에게 ▸ Long Shadow 로 「빛과 그림자」 넣어줘. 그림자 60겹, 방향이 8초에 한 바퀴.
"글자 속에 물이 차오르게" 윤곽 글자 안에 물결치는 액체가 아래부터 차오른다. 쓰임 청량 · MV 만드는 법 모션 그래픽 AI에게 ▸ Liquid Fill 로 「가득」 채워줘. 3초 동안 차오르고 수면은 출렁이게.
"형광펜으로 쓱 칠하듯" 형광펜이 글자 뒤로 왼쪽에서 오른쪽으로 쓱 그어진다. 쓰임 강조 · 설명 만드는 법 모션 그래픽 CSS AI에게 ▸ Highlight Text 로 「말의 힘」에 형광펜 그어줘. 0.6초 이즈 아웃, 살짝 기울게.
"사선 경계를 넘으면 색이 뒤집히게" 사선 경계가 좌우로 오가며 양쪽의 바탕과 글자 색이 서로 뒤집힌다. 쓰임 바꿈 · 타이틀 만드는 법 모션 그래픽 CSS AI에게 ▸ Split Invert 로 「반전」 넣어줘. 사선 경계가 좌우로 오가고 경계 양쪽 색 반전.
"글자가 8 자로 움직이며 잔상이 남게" 단어가 8 자를 그리며 움직이고 지나간 자리에 흐린 잔상이 따라온다. ↔ 글자에 잔상이면 텍스트 에코, 물체에 꼬리면 모션 트레일(⑤) 쓰임 부유 · MV 만드는 법 모션 그래픽 AI에게 ▸ Text Echo 로 「잔상」 넣어줘. 8 자 궤도, 잔상 10겹 점점 흐리게.
⑩ 글자 몸짓 26 26 글자 하나하나의 몸이 움직이는 연출 26가지. 1~7 사라지고 모이기 · 8~14 쉬지 않고 흔들리기 · 15~20 물리와 소품 · 21~26 글자 안과 배치. 카드의 분위기 태그로 어디에 쓸지 고르세요.
"글자가 모래처럼 부서져 날아가게" 글자가 한쪽부터 작은 알갱이로 부서져 바람 쪽으로 날아가며 사라진다. ↔ 글자가 알갱이로 부서지면 가루 소멸, 한 점에서 조각이 솟구치면 파티클(⑥) 쓰임 소멸 · 엔딩 만드는 법 모션 그래픽 AI에게 ▸ Disintegrate 로 「흩어짐」 지워줘. 왼쪽부터 1.6초에 걸쳐 알갱이로 부서지고, 알갱이는 오른쪽 위로 날리며 옅어지게.
"먹물이 번지면서 글자가 생기게" 종이에 떨어진 잉크가 번지다가 가라앉으며 글자 모양으로 또렷해진다. 쓰임 잔잔함 · 손글씨 만드는 법 모션 그래픽 AI에게 ▸ Ink Bleed 로 「번지다」 넣어줘. 한 자씩 0.35초 간격, 번진 얼룩이 1.1초 동안 가라앉으며 또렷해지게.
"글자가 와르르 무너져 떨어지게" 자리에 있던 글자가 한 자씩 기울며 중력을 받아 화면 아래로 떨어진다. 쓰임 끝 · 반전 만드는 법 모션 그래픽 AI에게 ▸ Crumble Down 으로 「무너진다」 떨어뜨려줘. 0.28초 간격으로 한 자씩, 살짝 돌면서 가속해서 아래로.
"흩어진 글자가 모여서 제목이 되게" 화면 곳곳에 비뚤게 흩어진 글자가 돌며 날아와 제자리에 맞춰진다. ↔ 흩어진 글자가 제자리로 모이면 글자 모으기, 단어가 좌우에서 번갈아 날아와 쌓이면 키네틱 스택(⑨) 쓰임 타이틀 · 도입 만드는 법 모션 그래픽 AI에게 ▸ Letter Assemble 로 「모여라」 만들어줘. 흩어진 자리에서 1.1초 이즈 아웃으로 모이고, 글자마다 0.12초 차이.
"글자가 자석처럼 가운데로 끌려오게" 양옆으로 벌어져 있던 글자가 점점 빨라지며 가운데로 끌려와 착 붙는다. 쓰임 집중 · 로고 만드는 법 모션 그래픽 AI에게 ▸ Magnet Pull 로 「끌려온다」 붙여줘. 벌어진 간격 2배에서 1.3초 동안 가속해서 붙고, 붙는 순간 작게 떨림.
자리 바꿔 정렬 Shuffle Letters 문장 "뒤섞인 글자가 자리 바꿔서 맞춰지게" 순서가 엉킨 글자가 위아래로 호를 그리며 서로 자리를 바꿔 바른 순서가 된다. 쓰임 퍼즐 · 놀이 만드는 법 모션 그래픽 AI에게 ▸ Shuffle Letters 로 「제자리로」 정렬해줘. 섞인 순서에서 0.8초 동안 호를 그리며 자리 바꾸고, 짝수는 위로 홀수는 아래로.
"글자가 흐릿하다가 또렷해지게" 글자가 한 자씩 뿌옇게 번진 채로 나타났다가 초점이 맞듯 또렷해진다. ↔ 흐림이 걷히며 나타나면 블러 포커스 인, 빠른 움직임 때문에 번지면 모션 블러(⑤) 쓰임 감성 · 오프닝 만드는 법 모션 그래픽 CSS AI에게 ▸ Blur Focus In 으로 「또렷하게」 띄워줘. 글자마다 흐림 12px에서 0으로 0.9초, 앞 글자부터 0.12초씩 늦게, 크기는 1.08배에서 1배로.
"글자가 파도 타듯 오르내리게" 글자 하나하나가 시간차를 두고 오르내려 단어 위로 물결이 지나간다. ↔ 글자 하나하나가 오르내리면 글자 물결, 깔아 둔 단어 위로 색이 지나가면 리피트 웨이브(⑨) 쓰임 신남 · 여름 만드는 법 모션 그래픽 AI에게 ▸ Wave Letters 로 「물결을타요」 넣어줘. 글자마다 위상 0.75 차이, 2초에 한 번 오르내리고 꼭대기에서 살짝 기울게.
"글자가 줄에 매달려 흔들리게" 위쪽 막대에 줄로 매달린 글자가 진자처럼 저마다 조금씩 다르게 흔들린다. 쓰임 귀여움 · 느긋함 만드는 법 모션 그래픽 AI에게 ▸ Swing Letters 로 「대롱대롱」 매달아줘. 위 막대에서 줄로 내리고, ±22° 로 2초 주기 진자, 글자마다 위상 차이.
"글자가 깃발처럼 펄럭이게" 깃대에 달린 천이 펄럭이고 그 위에 쓴 글자가 천의 굴곡을 따라 기울며 출렁인다. 쓰임 응원 · 기세 만드는 법 모션 그래픽 AI에게 ▸ Text Flag 로 「펄럭펄럭」 깃발 만들어줘. 왼쪽 깃대에서 멀어질수록 크게 출렁이고, 글자는 천의 기울기를 따라 돌게.
"글자가 둥둥 떠다니게" 글자가 저마다 다른 박자로 천천히 오르내리고 살짝 기울며 공중에 떠 있다. 쓰임 힐링 · 꿈 만드는 법 모션 그래픽 AI에게 ▸ Float Drift 로 「둥실둥실」 띄워줘. 글자마다 4초나 8초 주기로 천천히 오르내리고, 뒤에 흐린 방울이 위로 흘러가게.
"글자가 덜덜 떨다가 가라앉게" 글자가 크게 떨리다가 떨림이 점점 줄어 제자리에 멈춘다. 쓰임 긴장 · 놀람 만드는 법 모션 그래픽 AI에게 ▸ Jitter Settle 로 「덜덜덜」 떨게 해줘. 처음엔 글자 크기의 절반만큼 흔들리고 2초 동안 지수적으로 줄어 멈추게.
스톱모션 글자 Stop Motion Text 문장 "글자가 손으로 찍은 것처럼 덜컥거리게" 초당 8장으로 끊어 그려 글자가 매 컷 조금씩 비뚤어지며 손으로 찍은 듯 움직인다. 쓰임 수제 · 장난감 만드는 법 모션 그래픽 AI에게 ▸ Stop Motion Text 로 「한컷한컷」 넣어줘. 초당 8프레임, 컷마다 위치·각도·크기를 조금씩 흔들고 글자는 반 초 간격으로 하나씩.
"글자가 물속에 잠긴 것처럼 일렁이게" 글자의 가로줄마다 조금씩 엇갈리게 밀리며 물속에서 보는 것처럼 일렁인다. ↔ 글자 모양이 일렁이면 물속 일렁임, 아래에 거꾸로 비치면 물에 비친 글자, 글자가 통째로 오르내리면 글자 물결 쓰임 힐링 · 여름 만드는 법 모션 그래픽 AI에게 ▸ Underwater Warp 로 「물속에서」 보여줘. 글자 가로줄마다 좌우로 최대 4px씩 물결 따라 밀리고, 물결은 2초에 한 번 위로 지나가게. 반복.
"글자가 도미노처럼 차례로 넘어가게" 바닥에 선 글자가 왼쪽부터 차례로 기울어 다음 글자에 기대며 쓰러진다. 쓰임 유머 · 연쇄 만드는 법 모션 그래픽 AI에게 ▸ Domino Letters 로 「차례차례」 쓰러뜨려줘. 0.24초 간격으로 오른쪽으로 기울고, 마지막 글자만 바닥까지 눕게.
"중력이 뒤집혀서 글자가 천장으로 떨어지게" 바닥에 있던 글자가 천장으로 떨어지듯 튀어 올라 뒤집히고, 다시 바닥으로 돌아온다. 쓰임 놀람 · 반전 만드는 법 모션 그래픽 AI에게 ▸ Gravity Flip 으로 「거꾸로」 뒤집어줘. 0.9초 바운스로 천장에 붙고 그동안 180° 돌고, 2초 뒤 같은 방식으로 바닥으로.
"글자가 비처럼 내리게" 세로줄마다 다른 속도로 글자가 끊임없이 흘러내리고 군데군데 한 글자가 빛난다. 쓰임 분위기 · 배경 만드는 법 모션 그래픽 AI에게 ▸ Letter Rain 으로 글자 비 깔아줘. 세로줄마다 8초에 한 번 또는 두 번 흘러내리고, 아홉 자에 하나꼴로 강조색.
"노래방처럼 공이 튀면서 글자 칠하게" 공이 글자 위를 한 자씩 통통 건너뛰고, 공이 지나간 데까지 글자에 색이 찬다. 쓰임 노래 · 자막 만드는 법 모션 그래픽 AI에게 ▸ Karaoke Ball 로 「같이불러요」 넣어줘. 2.8초 동안 한 자에 한 번씩 튀고, 공 위치까지 왼쪽부터 강조색으로 칠하게.
"돋보기로 글자 크게 보이게" 작은 글씨 위로 돋보기가 좌우로 오가고, 렌즈 안에서만 글자가 크게 확대된다. 쓰임 설명 · 발견 만드는 법 모션 그래픽 AI에게 ▸ Magnifier Lens 로 「작은 글씨를 크게 본다」 보여줘. 렌즈가 8초에 한 번 좌우 왕복, 안쪽은 2.2배 확대해서 강조색.
물에 비친 글자 Water Reflection 문장 "글자가 물에 비쳐 일렁이게" 수면 위에 놓인 글자가 아래로 거꾸로 비치고, 반사는 물결 따라 일렁이며 흐려진다. 쓰임 밤 · 차분함 만드는 법 모션 그래픽 AI에게 ▸ Water Reflection 으로 「물 위의 말」 비춰줘. 수면 아래 뒤집힌 반사, 아래로 갈수록 일렁임 커지고 옅어지게.
"얇은 글자가 점점 굵어지게" 가는 획에서 시작한 글자가 한 자씩 차례로 굵어져 가장 두꺼운 굵기에서 멈춘다. 쓰임 강조 · 변화 만드는 법 모션 그래픽 AI에게 ▸ Weight Grow 로 「굵어진다」 키워줘. 100에서 900까지 1초에 걸쳐, 글자마다 0.25초 차이. 가변 폰트면 부드럽게.
"글자 안에서 색이 흐르게" 글자 모양은 가만히 있고, 글자 안을 채운 그라데이션만 옆으로 끝없이 흘러간다. 쓰임 타이틀 · 요즘 만드는 법 모션 그래픽 AI에게 ▸ Gradient Flow 로 「흐르는 색」 칠해줘. 강조색·흰색·짙은색 세 칸 그라데이션이 4초에 한 번 오른쪽으로 흘러 끊김 없이 이어지게.
"같은 글자를 여러 서체로 보여주게" 같은 글자를 굵기·윤곽·기울기가 다른 여덟 칸에 두고 한 칸씩 차례로 켠다. 쓰임 서체 · 디자인 만드는 법 모션 그래픽 AI에게 ▸ Type Mosaic 으로 「글」 서체판 만들어줘. 2×4 칸, 칸마다 굵기나 서체 다르게, 1초에 한 칸씩 강조색으로 켜지게.
"글자가 막 바뀌다가 정답이 나오게" 글자 자리마다 아무 글자나 빠르게 깜빡이다가 앞에서부터 하나씩 정답 글자로 굳는다. ↔ 아무 글자나 깜빡이다 정답이 되면 스크램블 해독, 릴이 돌다 멈추면 슬롯(⑨) 쓰임 해커 · 공개 만드는 법 모션 그래픽 AI에게 ▸ Scramble Decode 로 「정답공개」 풀어줘. 초당 20번 아무 글자로 바뀌다가 0.4초 간격으로 앞에서부터 하나씩 고정.
글자 만화경 Text Kaleidoscope 문장 "글자로 만화경 무늬 만들기" 같은 글자를 원 둘레에 열두 번 거울처럼 놓아 대칭 무늬를 만들고, 바깥과 안쪽 고리가 반대로 돈다. ↔ 글자를 돌려 무늬를 만들면 글자 만화경, 도형으로 된 배경 무늬면 만화경(⑧) 쓰임 몽환 · 뮤직비디오 만드는 법 모션 그래픽 AI에게 ▸ Text Kaleidoscope 로 「빙글」 무늬 만들어줘. 열두 조각 거울 대칭, 바깥 고리와 안 고리가 반대로 8초에 60°씩.
"같은 글자가 부채처럼 펼쳐지게" 아래 한 점에 모인 글자 막대 일곱 개가 부채처럼 펼쳐졌다가 다시 접힌다. 쓰임 등장 · 전통 만드는 법 모션 그래픽 AI에게 ▸ Text Fan 으로 「펼쳐」 부채 만들어줘. 막대 일곱 개가 아래 한 점에서 ±60° 로 0.9초 만에 펼쳐지고, 끝에 살짝 넘쳤다 돌아오게.
⑪ 화면 전환 2 · 23 23 ⑦에 없던 기본 전환과 실물 같은 전환 23가지. 1~5 밀고 덮기 · 6~9 빛과 어둠 · 10~13 돌고 빨려 들기 · 14~18 입체로 넘기기 · 19~23 물건처럼 부서지기. 푸시·딥 투 블랙처럼 제일 자주 쓰는 전환이 여기 있어요.
"다음 화면이 앞 화면을 밀어내게" 다음 화면이 옆에서 들어오며 앞 화면을 같은 속도로 밀어낸다. ↔ B 만 덮고 A 가 그대로면 슬라이드 오버, A 도 같이 밀려 나가면 푸시 쓰임 기본 · 만능 만드는 법 모션 그래픽 CSS AI에게 ▸ Push 로 넘겨줘. 오른쪽에서 왼쪽으로, 0.5초, ease-in-out.
"위에서 다음 화면이 내려와 덮게" 앞 화면은 제자리에서 어두워지고 다음 화면이 위에서 내려와 덮는다. ↔ 다음 화면이 움직이면 슬라이드 오버, 앞 화면이 비켜나면 슬라이드 리빌 쓰임 덮기 · 앱 만드는 법 모션 그래픽 CSS AI에게 ▸ Slide Over 로 넘겨줘. 다음 화면이 위에서 내려와 덮고, 앞 화면은 35%까지 어둡게. 0.5초 ease-out.
"앞 화면이 비켜나면서 뒤에 있던 게 보이게" 앞 화면이 옆으로 빠져나가며 그 밑에 있던 다음 화면이 드러난다. ↔ 다음 화면이 들어오면 슬라이드 오버, 앞 화면이 빠지면 슬라이드 리빌 쓰임 들추기 · 넘김 만드는 법 모션 그래픽 CSS AI에게 ▸ Slide Reveal 로 넘겨줘. 앞 화면이 왼쪽으로 빠지고 다음 화면은 제자리, 0.5초.
"툭 들어와서 살짝 튕기게" 다음 화면이 빠르게 들어와 목표를 살짝 넘었다가 제자리에 선다. ↔ 멈출 때 한 번 튕기면 탄성 슬라이드, 곧게 멈추면 그냥 슬라이드 쓰임 통통 · 경쾌 만드는 법 모션 그래픽 CSS AI에게 ▸ Elastic Slide 로 넘겨줘. 오른쪽에서 들어와 8% 넘어갔다 돌아오게, 0.6초, back-out.
"카드가 위에 한 장 더 올라오게" 앞 화면이 작아지며 뒤로 물러나고, 다음 화면이 아래에서 올라와 그 위에 쌓인다. ↔ 앞 화면이 물러나 깊이가 생기면 카드 쌓기, 평평하게 덮기만 하면 슬라이드 오버 쓰임 카드 · 앱 만드는 법 모션 그래픽 CSS AI에게 ▸ Stack Cards 로 넘겨줘. 앞 화면은 88%로 줄며 어두워지고, 다음 화면이 아래에서 올라와 덮게. 0.6초.
"한 번 까맣게 됐다가 다음 장면으로" 앞 화면이 검정으로 어두워졌다가 검정에서 다음 화면이 밝아진다. ↔ 두 화면이 직접 섞이면 크로스 디졸브, 검정을 한 번 거치면 딥 투 블랙 쓰임 장면 전환 · 마무리 만드는 법 AI 영상 모션 그래픽 CSS AI에게 ▸ Dip to Black 으로 넘겨줘. 0.4초 어두워지고 0.1초 검정, 0.4초 밝아지게.
"하얗게 날아갔다가 다음 장면으로" 앞 화면이 하얗게 바랬다가 흰 화면에서 다음 화면이 떠오른다. ↔ 흰색으로 천천히 바래면 딥 투 화이트, 한 번 번쩍이면 임팩트 플래시 쓰임 회상 · 꿈 만드는 법 AI 영상 모션 그래픽 CSS AI에게 ▸ Dip to White 로 넘겨줘. 0.4초 하얗게, 0.1초 머물고, 0.4초 다음 화면.
"필름이 타는 것처럼 주황빛으로 넘어가게" 주황과 노랑 빛이 번지며 화면을 하얗게 태운 뒤 다음 장면이 드러난다. ↔ 빛이 가장자리에서 새어 들면 라이트 리크, 화면 전체가 타올라 바뀌면 필름 번 쓰임 레트로 · 감성 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ Film Burn 으로 넘겨줘. 주황빛이 왼쪽 위에서 번져 0.3초 하얗게 타고, 다음 장면이 나오게. 전체 0.8초.
"비디오테이프 되감기처럼 지지직" 가로줄이 어긋나고 잡음 띠가 지나가며 테이프를 감듯 다음 화면으로 바뀐다. ↔ 블록이 깨지면 글리치, 가로줄이 밀리고 ◀◀ 가 뜨면 VHS 되감기 쓰임 레트로 · Y2K 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ VHS Rewind 로 넘겨줘. 가로줄 어긋남과 잡음 띠, 왼쪽 위에 ◀◀ 표시, 0.8초.
"빙글 돌면서 빨려 들어가게" 앞 화면이 돌면서 가운데로 작아져 사라지고, 다음 화면이 거꾸로 돌며 커져 나온다. ↔ 돌며 작아지면 스핀 줌, 돌며 흐려지기만 하면 스핀 블러 쓰임 빨려 들기 · MV 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Spin Zoom 으로 넘겨줘. 앞 화면이 반 바퀴 돌며 가운데로 사라지고 다음 화면이 반대로 돌며 나오게. 0.8초.
"앞 화면은 아래로 가라앉고 새 화면이 쿵 떨어지게" 앞 화면이 작아지며 아래로 가라앉고, 다음 화면이 위에서 크게 떨어져 제자리에 앉는다. ↔ 가운데로 파고들면 스크린 다이브, 위에서 떨어져 앉으면 드롭 줌 쓰임 낙차 · 전개 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Drop Zoom 으로 넘겨줘. 앞 화면은 55%로 줄며 아래로 빠지고, 다음 화면은 135%에서 떨어져 100%로 살짝 튕기며 앉게. 0.7초.
"빙글 돌면서 흐려졌다 바뀌게" 화면이 빠르게 돌며 잔상으로 흐려지고, 가장 흐린 순간 다음 화면으로 바뀌어 멈춘다. ↔ 옆으로 휙 흔들리면 휩 팬, 제자리에서 돌며 흐려지면 스핀 블러 쓰임 속도 · 액션 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ Spin Blur 로 넘겨줘. 90도 돌며 회전 잔상, 가운데에서 장면을 바꾸고 0.6초.
"물결처럼 일렁이다가 바뀌게" 화면이 가로로 물결치듯 일그러지고, 가장 출렁일 때 다음 화면으로 녹아든다. ↔ 파문이 퍼지면 리플 와이프, 화면 전체가 출렁이며 섞이면 디스토트 워프 쓰임 몽환 · 물 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Distort Warp 로 넘겨줘. 가로 물결 일렁임, 가운데에서 두 화면이 섞이게, 0.8초.
"상자 돌리듯이 옆면으로 넘어가게" 두 화면이 정육면체의 앞면과 옆면이 되어 세로축으로 돌아 넘어간다. ↔ 카드 한 장이 뒤집히면 카드 플립, 두 면이 이어진 상자가 돌면 큐브 회전 쓰임 입체 · 테크 만드는 법 모션 그래픽 CSS AI에게 ▸ Cube Rotate 로 넘겨줘. 정육면체 옆면처럼 세로축으로 90도, 0.7초 ease-in-out.
"카드 뒤집듯이 넘겨줘" 화면 한 장이 세로축으로 반 바퀴 돌아, 뒷면이었던 다음 화면이 앞으로 온다. ↔ 작은 칸들이 차례로 뒤집히면 그리드 플립, 화면 한 장이 통째로 뒤집히면 카드 플립 쓰임 뒤집기 · 게임 만드는 법 모션 그래픽 CSS AI에게 ▸ Card Flip 으로 넘겨줘. 화면 전체를 세로축으로 180도 뒤집고, 돌 때 살짝 뒤로 물러나게. 0.7초.
"위로 데굴 굴러서 다음 면" 두 화면이 상자의 앞면과 아랫면이 되어 가로축으로 굴러 넘어간다. ↔ 좌우로 돌면 큐브 회전, 위아래로 굴러 넘어가면 롤 오버 쓰임 입체 · 세로 영상 만드는 법 모션 그래픽 CSS AI에게 ▸ Roll Over 로 넘겨줘. 상자를 위로 굴리듯 가로축으로 90도, 0.7초.
"세로 띠가 하나씩 쓰러지며 바뀌게" 세로 띠 여섯 개가 왼쪽부터 차례로 넘어가며 뒷면의 다음 화면이 드러난다. ↔ 칸 격자가 뒤집히면 그리드 플립, 세로 띠가 한 방향으로 쓰러지면 도미노 플립 쓰임 차례로 · 리듬 만드는 법 모션 그래픽 CSS AI에게 ▸ Domino Flip 으로 넘겨줘. 세로 띠 6개가 0.08초 간격으로 왼쪽부터 쓰러지며 바뀌게. 전체 0.8초.
"책장 넘기듯이 모서리부터" 오른쪽 아래 모서리가 접혀 올라가며 종이 뒷면이 보이고, 그 아래 다음 화면이 드러난다. ↔ 곧은 경계로 지나가면 대각 와이프, 모서리가 접혀 올라가면 페이지 컬 쓰임 책 · 노스탤지어 만드는 법 모션 그래픽 CSS AI에게 ▸ Page Curl 로 넘겨줘. 오른쪽 아래 모서리부터 대각선으로 접어 넘기고, 접힌 면에 그림자. 0.8초.
"유리 깨지듯이 와장창" 화면에 금이 가고 조각들이 돌며 아래로 떨어지면서 뒤의 다음 화면이 드러난다. ↔ 네모 블록으로 흩어지면 모자이크 플래시, 금이 간 조각이 떨어지면 글라스 셰터 쓰임 충격 · 드라마 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Glass Shatter 로 넘겨줘. 0.15초 금이 가고 조각 30개가 돌며 떨어지게, 전체 1초.
"종이 찢듯이 가운데를 쫙" 화면이 가운데에서 들쭉날쭉하게 찢어져 양쪽으로 벌어지고 사이로 다음 화면이 보인다. ↔ 반듯하게 갈라지면 버티컬 스플릿, 찢긴 가장자리가 보이면 페이퍼 티어 쓰임 손맛 · 스크랩 만드는 법 모션 그래픽 AI에게 ▸ Paper Tear 로 넘겨줘. 가운데 세로로 들쭉날쭉하게 찢어 양쪽으로 벌리고, 찢긴 가장자리는 흰 종이색. 0.8초.
"옛날 TV 꺼지듯이 가로줄로" 화면이 위아래로 눌려 빛나는 가로줄이 되고 점으로 사라진 뒤, 반대로 켜지며 다음 화면이 나온다. ↔ 세로 선 하나로 모였다 펼쳐지면 스퀴즈 라인, 빛나는 가로줄과 점으로 꺼지면 TV 오프 쓰임 레트로 · 게임 만드는 법 모션 그래픽 CSS AI에게 ▸ TV Off 로 넘겨줘. 0.3초 가로줄로 눌리고 점으로 꺼졌다가, 같은 길로 다음 화면이 켜지게.
"블라인드 올리듯이 말려 올라가게" 앞 화면이 아래부터 둥글게 말려 위로 감기며 뒤의 다음 화면이 드러난다. ↔ 곧은 선이 지나가면 와이프, 말린 원통이 감겨 올라가면 롤 업 쓰임 블라인드 · 정돈 만드는 법 모션 그래픽 CSS AI에게 ▸ Roll Up 으로 넘겨줘. 아래 가장자리가 원통처럼 말려 위로 감기게, 0.8초.
"화면이 세로 한 줄로 쭉 모였다가 펴지게" 앞 화면이 좌우에서 눌려 가운데 세로 선 하나가 되고, 그 선에서 다음 화면이 펼쳐진다. ↔ 빛나는 가로줄과 점으로 꺼지면 TV 오프, 세로 선 하나로 모였다 펼쳐지면 스퀴즈 라인 쓰임 샤프 · SF 만드는 법 모션 그래픽 CSS AI에게 ▸ Squeeze Line 으로 넘겨줘. 좌우로 눌려 강조색 세로 선이 됐다가 다음 화면으로 펼쳐지게, 0.7초.
⑫ 데이터 모션 26 26 숫자와 차트가 움직이는 연출 26가지. 1~6 숫자 하나를 세우기 · 7~12 막대로 비교 · 13~19 선으로 흐름 · 20~26 비율 나누기. 요청 문장에 실제 값과 초를 같이 적으세요.
"숫자가 주행 거리계처럼 굴러 올라가게" 자릿수마다 숫자 띠가 위로 굴러가다 오른쪽 자리부터 늦게 멈춘다. ↔ 숫자가 바뀌며 세어 올라가면 카운트업, 자릿수 띠가 굴러가면 오도미터 쓰임 성과 · 오프닝 만드는 법 모션 그래픽 CSS AI에게 ▸ Odometer Roll 로 48,210 을 보여줘. 자릿수마다 숫자 띠가 위로 2~4바퀴 굴러 2.2초 안에 멈추고, 왼쪽 자리부터 0.12초씩 늦게 시작.
"슬롯머신처럼 숫자가 돌다 하나씩 멈추게" 칸마다 숫자가 빠르게 돌다가 왼쪽 칸부터 하나씩 멈추며 살짝 튕긴다. ↔ 칸이 멈추는 순간이 보이면 슬롯, 한 줄로 굴러가면 오도미터 쓰임 이벤트 · 발표 만드는 법 모션 그래픽 CSS AI에게 ▸ Digit Slot 으로 7319 를 보여줘. 네 칸이 빠르게 돌다가 1.2초부터 0.55초 간격으로 왼쪽부터 멈추고, 멈출 때 0.35초 백 이징으로 살짝 튕기게.
"숫자 하나가 화면을 꽉 채우며 팍 나오게" 큰 숫자 하나가 튕기듯 커지며 나오고 단위와 밑줄이 뒤따라 붙는다. ↔ 숫자 하나를 크게 박으면 펀치, 숫자가 세어 올라가면 카운트업 쓰임 강조 · 숏폼 만드는 법 모션 그래픽 CSS AI에게 ▸ Number Punch 로 「3.2배」를 보여줘. 숫자는 0.5초 동안 0에서 1로 커지며 백 이징으로 한 번 넘쳤다 서고, 0.45초 뒤 단위가 아래에서 올라오고 밑줄이 그어지게.
"숫자 옆에 올랐다는 표시가 톡 붙게" 값이 올라간 뒤 옆에 화살표와 증감률이 든 알약 배지가 튀어나온다. 쓰임 성과 · 보고 만드는 법 모션 그래픽 CSS AI에게 ▸ Delta Badge 로 1.20M → 1.38M 을 보여줘. 값이 1.6초 동안 올라가고, 끝나면 「▲ +15%」 알약 배지가 0.5초 동안 백 이징으로 튀어나오게.
"원 테두리가 퍼센트만큼 차오르게" 둥근 테두리가 퍼센트만큼 차오르고 가운데 숫자가 같이 올라간다. ↔ 숫자 하나 진행이면 링, 여러 항목 비율이면 도넛 스플릿 쓰임 진행 · 성과 만드는 법 모션 그래픽 CSS AI에게 ▸ Percent Ring 으로 72% 를 보여줘. 12시 방향에서 시계 방향으로 2.4초 동안 인아웃 이징으로 차오르고, 가운데 숫자가 같이 0에서 72로.
"주식 전광판처럼 숫자가 옆으로 흘러가게" 이름과 등락률이 든 띠가 끊김 없이 옆으로 흘러간다. 쓰임 뉴스 · 배경 만드는 법 모션 그래픽 CSS AI에게 ▸ Ticker Tape 를 화면 아래에 깔아줘. 항목 5개(이름 + ▲/▼ 등락률)가 8초에 한 바퀴 오른쪽에서 왼쪽으로 흐르고, 오른 건 강조색 내린 건 회청색.
"막대그래프가 아래에서 쑥쑥 올라오게" 막대가 바닥에서 차례로 튕기듯 자라고 끝나면 위에 값이 뜬다. ↔ 막대가 자라면 바 그로우, 순위가 바뀌며 움직이면 바 레이스 쓰임 보고 · 비교 만드는 법 모션 그래픽 CSS AI에게 ▸ Bar Grow 로 막대 5개를 보여줘. 바닥에서 0.18초 간격으로 0.7초씩 백 이징으로 자라고, 다 자라면 값 숫자가 위에 0.3초 페이드. 강조할 막대 하나만 강조색.
"순위가 바뀌면서 막대가 위아래로 자리 바꾸게" 가로 막대들이 길이를 바꾸며 순위에 따라 줄 자리를 바꾼다. ↔ 순위 변화를 계속 보여주면 레이스, 두 막대만 자리를 바꾸면 바 스와프 쓰임 순위 · 숏폼 만드는 법 모션 그래픽 CSS AI에게 ▸ Bar Race 로 A·B·C·D 네 항목을 보여줘. 5초 동안 값이 바뀌며 가로 막대 길이가 변하고, 순위가 바뀌면 그 줄로 미끄러지듯 이동. 1위 항목은 강조색.
"두 막대가 서로 자리를 바꾸게" 두 막대가 살짝 떠오르며 서로 자리를 바꿔 순서를 맞춘다. 쓰임 비교 · 강조 만드는 법 모션 그래픽 CSS AI에게 ▸ Bar Swap 으로 막대 두 개의 자리를 바꿔줘. 2초에 시작해 1.4초 인아웃 이징으로 옆으로 미끄러지고, 옮겨 가는 막대는 중간에 살짝 떠올랐다 내려앉게.
"막대가 층층이 쌓이게" 막대마다 구성 항목이 아래 층부터 한 층씩 튕기며 얹힌다. ↔ 항목이 층으로 쌓이면 스택, 증감이 계단으로 이어지면 워터폴 쓰임 구성 · 보고 만드는 법 모션 그래픽 CSS AI에게 ▸ Stacked Build 로 누적 막대 4개를 보여줘. 층마다 0.7초 간격으로 아래층부터 얹히고, 층 하나는 0.5초 백 이징. 층 색은 강조색 → 연한 강조색 → 어두운 색.
"늘고 준 게 계단처럼 이어지는 그래프" 시작값에서 늘고 준 만큼의 막대가 계단처럼 이어지고 마지막에 합계 막대가 선다. 쓰임 재무 · 보고 만드는 법 모션 그래픽 CSS AI에게 ▸ Waterfall Steps 로 단계 5개(+60 · +25 · -18 · +30 · -12)를 보여줘. 단계마다 0.45초씩 이어 그리고, 늘면 어두운 색 줄면 강조색, 마지막에 합계 85 막대가 강조색으로.
"목표선까지 얼마나 찼는지 바가 차오르게" 가로 바가 차오르다 목표선을 넘는 순간 숫자 색이 바뀐다. ↔ 목표선이 있으면 골 필, 숫자 하나 진행이면 퍼센트 링 쓰임 진행 · 목표 만드는 법 모션 그래픽 CSS AI에게 ▸ Goal Fill 로 87% 를 보여줘. 둥근 가로 바가 2.6초 인아웃 이징으로 차오르고, 80% 자리에 목표선과 「목표 80」 라벨, 넘는 순간 숫자를 강조색으로.
라인 차트 그리기 Line Chart Draw 문장 "꺾은선 그래프가 왼쪽부터 그려지게" 꺾은선이 왼쪽에서 오른쪽으로 그려지고 선 끝을 점이 따라간다. ↔ 차트 선이 그려지면 라인 차트 드로, 아무 선이나 그려지면 라인 드로 쓰임 추이 · 보고 만드는 법 모션 그래픽 CSS AI에게 ▸ Line Chart Draw 로 10개 점의 추이를 보여줘. 선이 왼쪽부터 3초 인아웃 이징으로 그려지고 선 끝에 흰 점이 따라가게. 가로 눈금선 4줄은 처음부터 흐리게.
"선 아래가 색으로 채워지게" 선이 먼저 그려지고 그 아래 면이 바닥에서부터 차오른다. 쓰임 추이 · 강조 만드는 법 모션 그래픽 CSS AI에게 ▸ Area Fill 로 추이를 보여줘. 선을 1.8초 동안 그린 뒤, 선 아래 면이 바닥에서 1.2초 동안 차오르게. 면은 강조색을 35% 연하게.
"그래프 점이 하나씩 톡톡 튀어나오게" 흐린 선 위에 데이터 점이 하나씩 튕기며 나타나고 마지막 점만 강조색이다. 쓰임 강조 · 숏폼 만드는 법 모션 그래픽 CSS AI에게 ▸ Point Pop 으로 점 10개를 보여줘. 흐린 선은 처음부터 있고, 점이 0.22초 간격으로 0.4초 백 이징으로 튀어나오게. 마지막 점만 강조색.
흐르는 스파크라인 Sparkline Scroll 문장 "실시간 그래프처럼 선이 옆으로 흘러가게" 작은 선 그래프가 옆으로 계속 흘러가고 오른쪽 끝 점에 최신 값이 뜬다. 쓰임 실시간 · 배경 만드는 법 모션 그래픽 CSS AI에게 ▸ Sparkline Scroll 을 깔아줘. 선이 8초에 한 바퀴 오른쪽에서 왼쪽으로 흐르고, 오른쪽 끝 점 옆에 지금 값 숫자를 소수 한 자리로.
"그래프 최고점에 동그라미 치고 말풍선" 선이 다 그려진 뒤 최고점에 동그라미가 튀어나오고 옆에 값 라벨이 붙는다. 쓰임 강조 · 보고 만드는 법 모션 그래픽 CSS AI에게 ▸ Peak Callout 으로 최고점을 짚어줘. 선을 1.8초 그린 뒤 2.4초에 최고점 동그라미가 0.5초 백 이징으로, 2.8초에 「최고 92」 라벨이 옆에서 페이드.
"두 선이 엇갈리면서 역전되는 순간" 내려가는 선과 올라가는 선이 같이 그려지다 만나는 지점에 점과 「역전」이 뜬다. 쓰임 역전 · 비교 만드는 법 모션 그래픽 CSS AI에게 ▸ Line Cross 로 두 추이를 보여줘. 두 선을 2.6초 동안 같이 그리고, 만나는 지점에 3.2초에 점이 튀어나오고 위에 「역전」 라벨. 올라가는 선만 강조색.
"점으로 된 지구가 돌면서 도시끼리 선이 이어지게" 점으로 된 지구가 천천히 돌고, 그 위로 한 곳에서 여러 곳으로 가는 호가 차례로 그려진다. 쓰임 글로벌 · 소개 만드는 법 모션 그래픽 AI에게 ▸ Dot Globe Arcs 로 서울에서 도쿄·방콕·싱가포르·시드니·호놀룰루로 이어지는 장면 만들어줘. 점 지구본이 서울을 앞에 두고 천천히 돌고, 호 다섯 개가 0.5초 간격으로 1.2초씩 그려지게.
"원그래프가 시계처럼 쓸면서 채워지게" 원그래프가 12시에서 시계 방향으로 쓸며 조각을 차례로 채운다. ↔ 꽉 찬 원이면 파이 스윕, 가운데가 빈 고리면 도넛 스플릿 쓰임 구성 · 보고 만드는 법 모션 그래픽 CSS AI에게 ▸ Pie Sweep 으로 조각 4개(42 · 27 · 18 · 13%)를 보여줘. 12시에서 시계 방향으로 2.2초 인아웃 이징으로 쓸고, 다 차면 제일 큰 조각 값을 옆에.
"도넛 그래프 조각이 살짝 벌어지게" 고리가 그려진 뒤 조각들이 바깥으로 살짝 벌어지며 사이가 생긴다. 쓰임 구성 · 정리 만드는 법 모션 그래픽 CSS AI에게 ▸ Donut Split 으로 항목 4개를 보여줘. 고리를 1.6초 동안 그리고, 2.3초부터 0.6초 동안 조각이 바깥으로 벌어지며 틈이 생기게. 가운데에 항목 수.
"사각형이 비율대로 쪼개지게" 한 상자가 비율대로 가로, 세로로 차례차례 나뉘어 칸이 된다. 쓰임 구성 · 비교 만드는 법 모션 그래픽 CSS AI에게 ▸ Treemap Split 으로 비율 4개를 보여줘. 한 상자가 0.9초 간격으로 세 번 나뉘고(가로 → 세로 → 가로), 칸마다 0.8초 인아웃 이징. 가장 큰 칸에 42%.
"백 칸 중에 몇 칸이 칠해지게" 10×10 칸이 아래 줄부터 하나씩 칠해지며 옆 숫자가 같이 올라간다. ↔ 칸 100개로 비율이면 와플, 사람 모양으로 세면 아이소타입 쓰임 비율 · 설명 만드는 법 모션 그래픽 CSS AI에게 ▸ Waffle Fill 로 37% 를 보여줘. 10×10 칸이 아래 줄 왼쪽부터 0.055초 간격으로 칠해지고, 옆 숫자가 칠한 칸 수와 같이 올라가게.
"사람 아이콘 열 명 중 몇 명" 사람 모양 아이콘 열 개 중 해당 수만큼 차례로 튀어나오며 켜진다. 쓰임 비율 · 설명 만드는 법 모션 그래픽 CSS AI에게 ▸ Isotype Row 로 두 줄(10명 중 7명 · 10명 중 4명)을 보여줘. 켜지는 아이콘은 0.14초 간격으로 0.35초 백 이징, 나머지는 25% 흐리게.
"작은 원 옆에서 큰 원이 부풀어 오르게" 작은 원 옆에서 다른 원이 몇 배로 부풀고 그 안에 배수가 뜬다. ↔ 크기로 몇 배를 보여주면 스케일 컴페어, 숫자를 크게 박으면 넘버 펀치 쓰임 비교 · 강조 만드는 법 모션 그래픽 CSS AI에게 ▸ Scale Compare 로 2020 대비 2026 을 보여줘. 작은 원이 먼저 0.5초 튀어나오고, 1.2초부터 큰 원이 1.4초 동안 부풀어 지름 3배(넓이 9배)가 되고, 안에 「×9」.
"원 안에 물이 차오르면서 퍼센트가 올라가게" 원 안의 물이 출렁이며 차오르고, 물에 잠긴 숫자 부분만 색이 바뀐다. ↔ 원 안이 물처럼 차오르면 물 게이지, 원 테두리가 돌며 차면 퍼센트 링 쓰임 진행 · 목표 만드는 법 모션 그래픽 CSS AI에게 ▸ Liquid Gauge 로 72% 보여줘. 원 안의 물이 2.6초 동안 ease-out 으로 차오르고, 수면은 두 겹 물결로 계속 출렁이게.
⑬ 아이콘·로고 몸짓 24 24 로고·아이콘이 움직이는 작은 연출 24가지. 1~6 그려지며 나타나기 · 7~12 튀어 오르기 · 13~18 눌렀을 때 반응 · 19~24 쉬지 않고 반복. 요청 문장에 초와 크기 비율을 같이 적으세요.
"로고 테두리가 펜으로 그리듯 나타나게" 로고 바깥선이 한 바퀴 그려지고 이어서 안쪽 모양이 그려진다. ↔ 선만 그려지고 끝나면 로고 트레이스, 그린 뒤 면이 차면 스트로크 덴 필 쓰임 오프닝 · 브랜드 만드는 법 모션 그래픽 CSS AI에게 ▸ Logo Trace 로 로고를 나타내줘. 바깥선을 2.2초 인아웃 이징으로 한 바퀴 그리고, 이어서 안쪽 모양을 1초에. 선 두께는 로고 높이의 4%, 끝은 둥글게.
선 그린 뒤 채우기 Stroke Then Fill 문장 "선으로 그린 다음에 색이 채워지게" 검은 윤곽선이 먼저 그려지고 그 안이 색으로 채워지며 선이 물러난다. 쓰임 브랜드 · 오프닝 만드는 법 모션 그래픽 CSS AI에게 ▸ Stroke Then Fill 로 로고를 보여줘. 검은 윤곽을 1.6초 동안 그리고, 2.1초부터 0.7초 동안 면 색이 차오르면서 윤곽선은 흐려지게.
"로고가 왼쪽부터 쓱 드러나게" 세로 빛 막대가 왼쪽에서 오른쪽으로 지나가며 그 뒤로 로고가 드러난다. 쓰임 깔끔 · 브랜드 만드는 법 모션 그래픽 CSS AI에게 ▸ Logo Wipe 로 로고를 드러내줘. 얇은 흰 막대가 1.4초 인아웃 이징으로 왼쪽에서 오른쪽으로 지나가고, 막대가 지나간 자리만 로고가 보이게.
"흩어진 점들이 모여서 로고가 되게" 사방에서 날아온 점들이 로고 테두리 자리에 모이고 그 순간 로고가 채워진다. 쓰임 테크 · 오프닝 만드는 법 모션 그래픽 CSS AI에게 ▸ Dot Assemble 로 로고를 만들어줘. 점 40개가 0.4~1.2초 사이 제각각 출발해 1.2초 동안 로고 테두리 자리로 모이고, 2.4초에 0.5초 동안 로고 면이 채워지며 점은 사라지게.
"도장 찍듯이 로고가 쾅" 크게 기울어진 로고가 0.35초 만에 내려앉고 찍히는 순간 살짝 흔들리며 고리가 퍼진다. ↔ 로고나 아이콘이 찍히면 스탬프 인, 글자가 찍히면 스탬프(글자 연출) 쓰임 강조 · 숏폼 만드는 법 모션 그래픽 CSS AI에게 ▸ Stamp In 으로 로고를 박아줘. 2.2배 크기에서 0.35초 동안 1배로 내려앉고(-7도 기울기가 펴지게), 닿는 순간 0.3초 흔들림과 퍼지는 고리 하나.
"로고가 반으로 갈라져 있다가 붙게" 로고의 왼쪽 반과 오른쪽 반이 양쪽에서 미끄러져 와 가운데서 맞물린다. 쓰임 브랜드 · 전환 만드는 법 모션 그래픽 CSS AI에게 ▸ Split Join 으로 로고를 합쳐줘. 왼쪽 반과 오른쪽 반이 화면 양끝에서 0.9초 백 이징으로 들어와 가운데서 맞물리고, 붙는 순간 이음매에 흰 빛 0.15초.
"아이콘이 위에서 떨어져서 통통 튀게" 위에서 떨어진 아이콘이 바닥에서 두 번 튕기다 멈추고 그림자가 따라 줄었다 커진다. ↔ 떨어져서 튕기면 아이콘 바운스, 제자리에서 커지며 나오면 팝인 쓰임 친근 · 앱 만드는 법 모션 그래픽 CSS AI에게 ▸ Icon Bounce 로 아이콘을 등장시켜줘. 위에서 0.5초 만에 떨어져 두 번 튕기며(높이 20% → 줄어들게) 1.4초 안에 멈추고, 바닥 그림자가 높이에 따라 커졌다 작아지게.
"말랑하게 찌그러졌다가 펴지게" 아이콘이 바닥에서 납작하게 눌렸다 길쭉하게 늘어나기를 반복하며 탄성 있게 선다. 쓰임 귀여움 · 앱 만드는 법 모션 그래픽 CSS AI에게 ▸ Squash Pop 으로 아이콘을 등장시켜줘. 바닥 기준으로 가로 1.35배·세로 0.65배로 눌렸다가 반대로 늘어나기를 1.1초 동안 세 번, 점점 줄어들며 일래스틱 이징.
"빙글 돌면서 가운데로 들어오게" 아이콘이 가운데를 한 바퀴 반 돌며 반지름을 줄여 들어오고 꼬리 잔상이 따라온다. 쓰임 몽환 · 오프닝 만드는 법 모션 그래픽 CSS AI에게 ▸ Orbit In 으로 아이콘을 들여보내줘. 가운데를 1.25바퀴 돌며 반지름이 0이 되도록 1.8초 인아웃 이징, 크기는 40%에서 100%로, 뒤로 흐린 잔상 3개.
"빙글빙글 돌다가 딱 멈추게" 아이콘이 두 바퀴 돌며 커지다 멈추고, 멈출 때 좌우로 작게 흔들린다. 쓰임 역동 · 숏폼 만드는 법 모션 그래픽 CSS AI에게 ▸ Spin Settle 로 아이콘을 보여줘. 2바퀴 돌며 60%에서 100%로 1.8초 이즈 아웃, 마지막에 ±15도로 두어 번 흔들리다 멈추게.
"아이콘 나오면서 색종이 펑" 아이콘이 튀어나오는 순간 색종이 26장이 사방으로 터져 떨어진다. ↔ 아이콘과 함께 한 번 터지면 컨페티 팝, 계속 내리면 꽃가루(배경) 쓰임 축하 · 이벤트 만드는 법 모션 그래픽 CSS AI에게 ▸ Confetti Pop 으로 완료를 축하해줘. 아이콘이 0.5초 백 이징으로 튀어나오고, 동시에 색종이 26장이 사방으로 1.6초 동안 퍼졌다 떨어지며 사라지게. 색은 4가지.
"아이콘 주변으로 동그란 파동이 퍼지게" 아이콘이 튀어나온 뒤 둘레로 고리 세 개가 차례로 퍼지며 옅어진다. 쓰임 알림 · 강조 만드는 법 모션 그래픽 CSS AI에게 ▸ Ripple Ring 으로 아이콘을 강조해줘. 아이콘이 0.5초 튀어나오고, 0.35초 간격으로 고리 3개가 아이콘 크기의 2.4배까지 1.4초 동안 퍼지며 사라지게.
"완료되면 체크 표시가 그려지게" 초록 원이 튀어나오고 그 안에 체크 표시가 한 획으로 그려진다. 쓰임 완료 · 앱 만드는 법 모션 그래픽 CSS AI에게 ▸ Check Draw 로 완료를 보여줘. 원이 0.45초 백 이징으로 튀어나오고, 0.45초 뒤 체크가 0.55초 동안 한 획으로 그려지게. 선 두께는 원 지름의 9%, 끝 둥글게.
"좋아요 누르면 하트가 퐁 하고" 하트가 크게 부풀었다 제 크기로 돌아오고 둘레로 짧은 선 여덟 개가 튄다. 쓰임 좋아요 · SNS 만드는 법 모션 그래픽 CSS AI에게 ▸ Heart Burst 로 좋아요를 보여줘. 하트가 0.24초 만에 125%까지 커졌다 0.36초에 100%로, 그 사이 둘레로 짧은 선 8개가 0.7초 동안 바깥으로 튀며 사라지게.
"알림 오면 종이 딸랑딸랑" 종이 꼭지를 축으로 좌우로 흔들리다 잦아들고 오른쪽 위에 빨간 점이 붙는다. 쓰임 알림 · 앱 만드는 법 모션 그래픽 CSS AI에게 ▸ Bell Shake 로 알림을 보여줘. 종이 꼭지를 축으로 ±25도에서 시작해 1.2초 동안 3.5번 흔들리며 잦아들고, 오른쪽 위에 빨간 점이 0.4초 백 이징으로 붙게.
"별이 아래부터 색으로 차오르게" 별 윤곽 안이 아래부터 차오르고 다 차면 둘레에 반짝이 네 개가 떴다 사라진다. 쓰임 평점 · 즐겨찾기 만드는 법 모션 그래픽 CSS AI에게 ▸ Star Fill 로 즐겨찾기를 보여줘. 별 안이 아래에서 위로 0.9초 동안 차오르고, 다 차면 둘레 대각선 4곳에 작은 반짝이가 0.5초 튀어나왔다 0.6초에 사라지게.
"스위치가 딸깍 켜지게" 토글의 동그라미가 오른쪽으로 미끄러지며 살짝 넘쳤다 서고 바탕이 회색에서 색으로 바뀐다. 쓰임 설정 · 앱 만드는 법 모션 그래픽 CSS AI에게 ▸ Toggle On 으로 켜짐을 보여줘. 손잡이가 0.45초 백 이징으로 오른쪽 끝까지 미끄러지고, 바탕색은 0.3초 동안 회색에서 강조색으로.
"알림 숫자가 아이콘 위에 톡" 종 아이콘 위에 빨간 숫자 배지가 튀어나오고 숫자가 하나 늘 때 한 번 더 부푼다. 쓰임 알림 · 앱 만드는 법 모션 그래픽 CSS AI에게 ▸ Badge Count 로 알림 개수를 보여줘. 아이콘 오른쪽 위에 빨간 배지가 0.45초 백 이징으로 나오고, 숫자가 3에서 4로 바뀔 때 0.35초 동안 130%에서 100%로 다시 튕기게.
"동그랗게 도는 로딩" 흐린 원 위를 강조색 호가 돌며 길이가 늘었다 줄었다 한다. 쓰임 로딩 · 앱 만드는 법 모션 그래픽 CSS AI에게 ▸ Spinner Arc 로 로딩을 보여줘. 호가 1초에 한 바퀴 돌고, 길이는 1.6초 주기로 원 둘레의 20%~75% 사이를 오가게. 뒤에 같은 크기 흐린 원.
"점 세 개가 차례로 통통" 점 세 개가 차례로 올라갔다 내려오며 색이 진해졌다 옅어진다. 쓰임 로딩 · 대화 만드는 법 모션 그래픽 CSS AI에게 ▸ Dots Wave 로 입력 중을 보여줘. 점 3개가 1초 주기로 차례대로(0.15초씩 늦게) 점 지름의 1.8배만큼 올라갔다 내려오고, 올라갈 때 진해지게.
"아이콘이 숨 쉬듯 커졌다 작아지게" 아이콘이 2초에 한 번 6% 커졌다 작아지고 뒤의 빛 원이 같이 번진다. ↔ 계속 은은하게 커졌다 작아지면 브리드, 한 번 퍼지는 고리면 리플 링 쓰임 대기 · 차분 만드는 법 모션 그래픽 CSS AI에게 ▸ Breathe Pulse 로 아이콘을 살아 있게 해줘. 2초 주기로 100%↔106%, 뒤에 강조색 원이 아이콘의 1.3~1.7배로 번졌다 줄어들며 투명도 0~18%.
"공중에 둥둥 떠 있게" 아이콘이 위아래로 천천히 떠오르내리며 살짝 기울고 아래 그림자가 같이 커졌다 줄어든다. 쓰임 몽환 · 배경 만드는 법 모션 그래픽 CSS AI에게 ▸ Float Bob 으로 아이콘을 띄워줘. 2초 주기로 높이의 ±6% 위아래, 4초 주기로 ±3.5도 기울기, 바닥 그림자는 올라갈 때 작아지게.
"가만히 있다가 가끔 흔들어서 눈길 끌게" 4초에 한 번 아이콘이 빠르게 좌우로 흔들렸다 멈추고 나머지 시간은 가만히 있다. 쓰임 눈길 · 버튼 만드는 법 모션 그래픽 CSS AI에게 ▸ Wiggle Hint 로 버튼을 알려줘. 4초 주기 중 2.4초에 시작해 1초 동안 ±12도로 세 번 흔들리며 잦아들고, 나머지 시간은 멈춰 있게.
"로고 위로 반짝 빛이 지나가게" 비스듬한 흰 빛 띠가 로고 모양 안에서만 왼쪽에서 오른쪽으로 지나간다. 쓰임 고급 · 브랜드 만드는 법 모션 그래픽 CSS AI에게 ▸ Shine Sweep 으로 로고에 광택을 줘. 20도 기운 흰 띠(투명 → 55% → 투명)가 2.67초 주기 중 1.2초 동안 왼쪽에서 오른쪽으로 지나가고, 로고 모양 밖으로는 안 보이게.
⑭ 소셜 오버레이 25 25 영상 위에 얹는 SNS 화면 요소 25가지. 1~6 구독과 팔로우 · 7~12 말풍선과 댓글 · 13~19 알림과 표시 · 20~25 화면 위에 짚어 주기. 요청 문장에 들어갈 실제 글자와 초를 같이 적으세요.
"구독 버튼 누르는 장면 넣어줘" 구독 버튼이 튀어나오고 눌리는 순간 「구독 중」으로 바뀌며 옆에 종이 흔들린다. 쓰임 유튜브 · 영상 끝 만드는 법 모션 그래픽 CSS AI에게 ▸ Subscribe Button 을 영상 끝에 넣어줘. 버튼이 0.45초 백 이징으로 튀어나오고, 1.4초에 눌려서 92%로 눌렸다 펴지며 「구독 중」 회색으로 바뀌고, 오른쪽에 종이 0.4초 튀어나와 0.9초 흔들리게.
"프로필이랑 팔로우 버튼이 쓱 들어오게" 프로필 사진·계정 이름·팔로우 버튼이 왼쪽에서 들어오고 버튼이 「✓ 팔로잉」으로 바뀐다. 쓰임 인스타 · 소개 만드는 법 모션 그래픽 CSS AI에게 ▸ Follow Pill 로 계정을 소개해줘. 프로필 원·이름·팔로워 수·팔로우 버튼이 왼쪽에서 0.5초 이즈 아웃으로 들어오고, 1.9초에 버튼이 0.35초 동안 강조색에서 회색 「✓ 팔로잉」으로.
"하트 누르면 숫자가 올라가게" 하트가 눌려 빨개지며 부풀고 옆 숫자가 올라가는 동안 작은 하트들이 위로 떠오른다. ↔ 하트와 숫자가 같이 오르면 라이크 카운터, 하트 하나가 터지면 하트 버스트(아이콘) 쓰임 SNS · 반응 만드는 법 모션 그래픽 CSS AI에게 ▸ Like Counter 로 반응을 보여줘. 1.3초에 하트가 눌려 빨강으로 바뀌며 0.4초 동안 130%까지 부풀었다 돌아오고, 옆 숫자가 1,203에서 1,248로 1.6초 동안 올라가며 작은 하트 5개가 위로 떠오르게.
"저장 버튼 눌리는 장면" 책갈피가 위에서 떨어져 내려와 안이 색으로 차고 아래에 「저장했어요」가 잠깐 뜬다. 쓰임 저장 · 정보 만드는 법 모션 그래픽 CSS AI에게 ▸ Save Bookmark 로 저장을 보여줘. 책갈피 윤곽이 위에서 0.6초 백 이징으로 내려오고, 1.2초에 안이 0.5초 동안 위에서 아래로 차며, 1.8초부터 1.4초 동안 아래에 「저장했어요」 알약이 떴다 사라지게.
"종이비행기처럼 공유가 날아가게" 종이비행기 모양이 튀어나왔다가 오른쪽 위로 날아가 사라지고 「링크를 보냈어요」가 뜬다. 쓰임 공유 · 정보 만드는 법 모션 그래픽 CSS AI에게 ▸ Share Fling 으로 공유를 보여줘. 종이비행기가 0.4초 튀어나오고, 1.3초에 0.8초 동안 오른쪽 위로 작아지며 날아가 사라지고, 2.2초에 아래 「링크를 보냈어요」 알약.
"위로 올리라는 화살표" 꺾쇠 화살표 두 개가 1.6초마다 위로 미끄러지며 옅어지고 아래 안내 문구가 있다. 쓰임 스토리 · 유도 만드는 법 모션 그래픽 CSS AI에게 ▸ Swipe Up Hint 를 화면 아래에 넣어줘. 꺾쇠 두 개가 1.6초 주기로 높이의 12%만큼 위로 미끄러지며 옅어지고, 그 아래 「위로 밀어서 더 보기」.
"카톡 대화처럼 말풍선이 하나씩" 말풍선 세 개가 왼쪽·오른쪽 번갈아 꼬리 쪽에서 튀어나오며 대화가 쌓인다. 쓰임 대화 · 숏폼 만드는 법 모션 그래픽 CSS AI에게 ▸ Chat Bubble Pop 으로 대화를 보여줘. 말풍선 3개가 0.9초 간격으로 왼쪽(흰색)·오른쪽(강조색) 번갈아 꼬리 모서리를 축으로 0.4초 백 이징으로 튀어나오게.
"점점점 입력 중이다가 메시지로" 말풍선 안에서 점 세 개가 물결치다가 말풍선이 늘어나며 실제 메시지로 바뀐다. 쓰임 대화 · 긴장 만드는 법 모션 그래픽 CSS AI에게 ▸ Typing Bubble 로 답장을 보여줘. 말풍선이 0.35초 튀어나와 점 3개가 2초 동안 물결치고, 2.4초에 말풍선이 0.35초 동안 늘어나며 메시지 글자가 0.3초 페이드.
"댓글에 답글이 달리는 장면" 첫 댓글 아래로 들여쓴 답글이 선으로 이어지며 하나씩 달린다. 쓰임 설명 · 대화 만드는 법 모션 그래픽 CSS AI에게 ▸ Reply Thread 로 문답을 보여줘. 첫 댓글 뒤 0.8초 간격으로 들여쓴 답글 2개가 0.4초 이즈 아웃으로 붙고, 첫 댓글 프로필에서 꺾인 선이 답글로 이어지게.
"라이브에서 하트가 막 올라가는" 화면 오른쪽 아래에서 하트와 웃는 얼굴이 흔들리며 위로 떠올라 사라진다. 쓰임 라이브 · 반응 만드는 법 모션 그래픽 CSS AI에게 ▸ Reaction Float 를 오른쪽 아래에 넣어줘. 하트와 웃는 얼굴 14개가 4.6초에 걸쳐 제각각 출발해 2.2초 동안 좌우로 흔들리며 위로 떠오르고, 마지막 30%에서 사라지게.
"투표 결과가 막대로 차오르게" 투표 선택지 두 줄이 있다가 투표하는 순간 퍼센트만큼 막대가 차고 숫자가 올라간다. 쓰임 참여 · 투표 만드는 법 모션 그래픽 CSS AI에게 ▸ Poll Bars 로 투표 결과를 보여줘. 선택지 2줄이 먼저 있고, 1.2초에 1.2초 인아웃 이징으로 막대가 64% · 36%까지 차며 오른쪽 숫자가 같이 올라가게. 이긴 쪽만 강조색.
"위에서 알림 카드가 쓱 내려오게" 아이콘·제목·한 줄 설명이 든 카드가 위에서 튕기며 내려왔다가 몇 초 뒤 위로 올라간다. ↔ 위에서 내려와 사라지면 토스트, 여러 개가 겹쳐 쌓이면 노티피케이션 스택 쓰임 안내 · 앱 만드는 법 모션 그래픽 CSS AI에게 ▸ Toast Slide 로 알림을 보여줘. 카드가 위에서 0.5초 백 이징으로 내려오고 2.3초 머물다가 3.2초에 0.4초 동안 위로 올라가 사라지게. 왼쪽 강조색 아이콘, 제목 굵게, 설명 회색.
알림 쌓이기 Notification Stack 문장 "알림이 여러 개 겹쳐 쌓이게" 알림 카드가 0.9초마다 하나씩 떨어지며 맨 앞에 붙고 뒤 카드는 작아지고 옅어진다. 쓰임 알림 · 성과 만드는 법 모션 그래픽 CSS AI에게 ▸ Notification Stack 으로 알림 3개를 보여줘. 0.9초 간격으로 카드가 0.45초 백 이징으로 맨 앞에 붙고, 뒤로 밀린 카드는 한 칸마다 6% 작아지고 25% 옅어지며 아래로 조금씩 겹치게.
"라이브 표시가 빨갛게 깜빡" 빨간 LIVE 배지가 튀어나오고 점이 1초마다 깜빡이며 옆 시청자 수가 천천히 늘어난다. 쓰임 라이브 · 방송 만드는 법 모션 그래픽 CSS AI에게 ▸ Live Badge 를 왼쪽 위에 넣어줘. 빨간 LIVE 배지와 시청자 수 칩이 0.4초 튀어나오고, 배지 안 점이 1초 주기로 깜빡이며 시청자 수는 8초 동안 1,832에서 1,904로.
"카드 모서리에 NEW 딱지 붙게" 카드 오른쪽 위에 기울어진 NEW 태그가 튀어나와 붙고 위로 빛이 한 번 지나간다. 쓰임 신제품 · 쇼핑 만드는 법 모션 그래픽 CSS AI에게 ▸ New Tag Flash 로 신상을 표시해줘. 0.8초에 카드 오른쪽 위로 10도 기운 NEW 태그가 0.4초 백 이징으로 붙고, 1.3초에 0.6초 동안 흰 빛 띠가 태그를 한 번 지나가게.
"3 2 1 세고 시작" 원 테두리가 1.2초마다 줄어들며 3·2·1 숫자가 튕겨 나오고 마지막에 「시작!」 알약이 튀어나온다. 쓰임 이벤트 · 시작 만드는 법 모션 그래픽 CSS AI에게 ▸ Countdown Chip 으로 3·2·1을 세줘. 숫자마다 1.2초, 원 테두리가 시계 방향으로 줄어들고 숫자는 바뀔 때 0.18초 백 이징으로 튀어나오며, 끝나면 「시작!」 알약이 0.4초 튀어나오게.
스토리 진행 막대 Story Progress 문장 "인스타 스토리 위 진행 막대" 화면 위 네 칸 막대가 2초씩 차례로 차오르고 아래에 지금 몇 번째인지 뜬다. 쓰임 스토리 · 순서 만드는 법 모션 그래픽 CSS AI에게 ▸ Story Progress 를 위에 넣어줘. 칸 4개가 각 2초씩 왼쪽부터 차례로 흰색으로 차고, 아래 프로필과 계정 이름, 가운데에 「2 / 4」처럼 지금 장.
아일랜드 알림 Dynamic Island Alert 문장 "아이폰 위 까만 알약이 늘어나면서 알림 뜨게" 화면 위 작은 검은 알약이 옆으로 늘어나 알림을 보여 주고 다시 작아진다. ↔ 위의 검은 알약이 늘어나면 아일랜드 알림, 흰 카드가 내려오면 토스트 쓰임 아이폰 · 알림 만드는 법 모션 그래픽 CSS AI에게 ▸ Dynamic Island Alert 로 「택배가 도착했어요」 띄워줘. 위 검은 알약이 0.55초 스프링으로 화면 폭 80%까지 늘어나 2초 머물고, 0.4초에 원래 크기로 줄어들게.
"위치 핀이 톡 떨어지고 장소 이름" 지도 핀이 위에서 떨어져 꽂히며 살짝 눌렸다 펴지고 옆으로 장소 이름표가 미끄러져 나온다. 쓰임 여행 · 장소 만드는 법 모션 그래픽 CSS AI에게 ▸ Location Pin 으로 장소를 표시해줘. 핀이 0.5초 동안 떨어져 꽂히며 0.3초 눌렸다 펴지고, 1.1초에 오른쪽으로 「마포구 연남동」 흰 이름표가 0.5초 이즈 아웃으로 밀려 나오게.
"자막이 한 단어씩 톡톡" 자막이 한 단어씩 튀어나오고 핵심 단어 하나만 노란 상자 위에 조금 크게 놓인다. ↔ 단어마다 튀어나오는 자막이면 캡션 팝, 글자가 한 자씩 찍히면 타입온(키네틱 타이포) 쓰임 숏폼 · 자막 만드는 법 모션 그래픽 CSS AI에게 ▸ Caption Pop 으로 자막을 넣어줘. 단어마다 0.35초 간격으로 0.3초 백 이징으로 튀어나오고, 흰 글자에 검은 외곽선, 핵심 단어 하나만 노란 상자 + 검은 글자로 115%.
"할인 스티커를 찰싹 붙이게" 기울어진 동그란 스티커가 크게 날아와 탁 붙으며 살짝 흔들린다. 쓰임 쇼핑 · 강조 만드는 법 모션 그래픽 CSS AI에게 ▸ Sticker Slap 으로 할인을 강조해줘. 흰 테두리 원 스티커가 180% 크기·-35도에서 0.3초 만에 100%·-7도로 붙고, 붙는 순간 0.25초 흔들리게. 안에 「오늘만」 「50%」 두 줄.
"손으로 그린 화살표가 쓱 가리키게" 노란 곡선이 그려지며 버튼 쪽으로 다가가고 끝에 화살촉이 튀어나온 뒤 안내 문구가 뜬다. 쓰임 튜토리얼 · 설명 만드는 법 모션 그래픽 CSS AI에게 ▸ Arrow Point 로 버튼을 가리켜줘. 노란 곡선 화살표가 0.8초 인아웃 이징으로 그려지며 버튼 앞까지 가고, 1.15초에 화살촉이 0.3초 튀어나오며, 1.4초에 시작점 위에 「여기 누르세요」.
"중요한 줄에 네모를 그려서 강조" 목록 중 한 줄 둘레로 노란 네모가 한 획으로 그려지고 옆에 짧은 메모가 튀어나온다. ↔ 줄 둘레에 네모를 그리면 하이라이트 박스, 글자 아래를 칠하면 형광펜(글자 연출) 쓰임 설명 · 강조 만드는 법 모션 그래픽 CSS AI에게 ▸ Highlight Box 로 한 줄을 강조해줘. 0.8초에 셋째 줄 둘레로 노란 둥근 네모가 0.9초 인아웃 이징으로 한 획에 그려지고, 1.8초에 오른쪽에 「이것만 기억」이 0.35초 튀어나오게.
전/후 라벨 Before After Label 문장 "전후 비교 화면에 전 후 표시" 가운데 세로선을 기준으로 왼쪽은 흐린 「전」, 오른쪽은 색이 든 「후」로 나뉘고 선이 좌우로 오간다. 쓰임 비교 · 변화 만드는 법 모션 그래픽 CSS AI에게 ▸ Before After Label 로 전후를 비교해줘. 가운데 흰 세로선과 손잡이 원, 위쪽 양끝에 「전」 「후」 알약이 0.4초 튀어나오고, 1.2초부터 선이 4초 주기로 화면 폭의 ±12%만큼 오가게.
⑮ 그래픽 기법 24 24 모션 그래픽을 만들 때 쓰는 기법 24가지. 1~6 길 따라 움직이기 · 7~12 복제와 선 · 13~18 장면 바꾸기 · 19~24 구조 보여 주기. 요청 문장에 초와 개수를 같이 적으세요.
"종이비행기가 곡선 따라 날아가게" 물체가 미리 그린 곡선을 따라가며 진행 방향으로 몸을 돌리고, 지나간 점선은 색이 채워진다. ↔ 곡선만 그리며 지나가면 아크, 정해 둔 길을 따라 방향까지 돌면 모션 패스 쓰임 설명 · 여정 만드는 법 모션 그래픽 CSS AI에게 ▸ Motion Path 로 종이비행기를 날려줘. 화면 왼쪽 아래에서 오른쪽 위로 S자 베지어 곡선을 4.6초 인아웃 이징으로 따라가고, 비행기 앞머리는 늘 곡선의 접선 방향을 보게. 길은 점선으로 미리 보여 주고 지나간 구간만 강조색으로.
"갔다가 똑같이 되돌아오게" 물체가 두 기둥 사이를 호를 그리며 갔다가 같은 길로 되돌아오고, 아래 재생 막대도 앞뒤로 오간다. ↔ 처음으로 뚝 돌아가 다시 시작하면 심리스 루프, 갔던 길을 거꾸로 되짚으면 핑퐁 루프 쓰임 루프 · 배경 만드는 법 모션 그래픽 CSS AI에게 ▸ Ping-Pong Loop 로 상자를 왕복시켜줘. 왼쪽 기둥에서 오른쪽 기둥까지 2초 인아웃 이징으로 호를 그리며 가고, 끝에서 같은 길로 2초에 되돌아오기를 반복. 가는 동안 한 바퀴 돌고 돌아올 때는 거꾸로 돈다.
"추가 흔들리다가 천천히 멈추게" 줄에 매달린 추가 한쪽으로 당겨졌다가 놓여 좌우로 흔들리고, 흔들림 폭이 점점 줄어든다. 쓰임 소품 · 시계 만드는 법 모션 그래픽 CSS AI에게 ▸ Pendulum Swing 으로 추를 흔들어줘. 위 고정점에서 줄 길이는 화면 높이의 66%, 처음 50도로 당겼다 놓고 1.5초 주기로 흔들리며 폭이 지수적으로 줄어 6초쯤 거의 멈추게.
"뱀처럼 몸이 줄줄이 따라오게" 앞장선 원이 8자를 그리고 뒤의 원 열한 개가 조금씩 늦게 같은 길을 밟아 뱀처럼 움직인다. ↔ 복제본이 잔상처럼 남았다 사라지면 모션 트레일, 몸 마디가 같은 길을 늦게 밟으면 체인 팔로우 쓰임 캐릭터 · 루프 만드는 법 모션 그래픽 CSS AI에게 ▸ Chain Follow 로 뱀을 움직여줘. 머리 원이 4초에 한 번 8자 길을 돌고, 뒤의 원 11개가 각각 0.07초씩 늦게 같은 길을 따라간다. 뒤로 갈수록 반지름이 조금씩 작아지고 끊김 없이 반복.
"목표로 튕기듯 따라가서 살짝 넘쳤다 멈추게" 목표 칸이 바뀔 때마다 원이 스프링처럼 끌려가 조금 지나쳤다가 흔들리며 자리를 잡는다. ↔ 한 번 넘쳤다 멈추면 오버슛, 목표가 움직일 때마다 스프링으로 끌려가면 스프링 팔로우 쓰임 UI · 커서 만드는 법 모션 그래픽 CSS AI에게 ▸ Spring Follow 로 원이 목표를 따라가게 해줘. 목표 칸이 0.6초·2.6초·4.8초에 다른 자리로 바뀌고, 원은 감쇠 스프링(진동 약 1.6회, 0.8초 안에 정착)으로 따라가며 한 번 살짝 넘쳤다 돌아온다.
"물건을 던지면 포물선으로 날아가 떨어지게" 상자가 포물선을 그리며 돌아 날아가 바닥에 떨어지고, 눌렸다 튀며 조금 미끄러져 멈춘다. 쓰임 게임 · 소품 만드는 법 모션 그래픽 CSS AI에게 ▸ Gravity Throw 로 상자를 던져줘. 왼쪽 아래에서 오른쪽까지 1.5초 동안 포물선으로 날며 한 바퀴 반 돌고, 바닥에 닿는 순간 30% 눌렸다 펴지며 두세 번 작게 튀다 멈춘다. 날아간 길은 점선으로.
"하나를 복제해서 원으로 둘러 세우게" 막대 하나가 한 개씩 복제되며 원을 따라 12개까지 늘어나고, 전체가 천천히 돈다. 오른쪽 위에 개수가 뜬다. ↔ 배경 무늬로 계속 퍼지면 래디얼 버스트, 하나를 복제해 개수를 늘려 가면 리피터 쓰임 로딩 · 장식 만드는 법 모션 그래픽 CSS AI에게 ▸ Repeater 로 막대를 복제해줘. 둥근 막대 하나를 중심에서 30도씩 돌려 12개까지 2.6초 동안 하나씩 늘리고, 새로 생길 때마다 살짝 튀어나오게. 전체는 초당 20도로 계속 돌고 개수는 「×12」처럼 표시.
"하나가 격자로 쫙 복제되게" 가운데 네모 하나에서 시작해 거리 순서대로 9×4 격자가 튀어나오고, 이어서 칸마다 시간차로 90도씩 돈다. ↔ 칸이 처음부터 깔린 채 출렁이면 그리드 웨이브, 하나에서 격자로 복제되어 퍼지면 그리드 리피터 쓰임 배경 · 패턴 만드는 법 모션 그래픽 CSS AI에게 ▸ Grid Repeater 로 네모를 격자로 복제해줘. 가운데에서 거리 순으로 0.18초 간격을 두고 9×4 칸이 튀어나오고, 다 채워지면 가운데부터 바깥으로 시간차를 두고 칸마다 90도씩 돌게.
"손으로 그린 선이 지글지글 살아 있게" 별과 구름의 손그림 선이 초당 8번 조금씩 다시 그려져 멈춰 있어도 지글지글 살아 있다. ↔ 한 번 떨리고 자리를 잡으면 지터 세틀, 쉬지 않고 선이 다시 그려지면 라인 보일 쓰임 손그림 · 귀여움 만드는 법 모션 그래픽 CSS AI에게 ▸ Line Boil 로 손그림 선을 살려줘. 별과 구름 외곽선을 초당 8장으로 다시 그리되 점마다 선 두께만큼만 무작위로 흔들고, 모양 자체는 움직이지 않는다. 끝없이 반복.
"선택 테두리 점선이 빙빙 흐르게" 고른 물건을 둘러싼 검은·흰 점선이 테두리를 따라 계속 흐르고, 모서리에 손잡이가 붙어 있다. 쓰임 UI · 선택 만드는 법 모션 그래픽 CSS AI에게 ▸ Marching Ants 로 선택 테두리를 그려줘. 검은 점선과 흰 점선을 겹쳐 점선 간격만큼 어긋나게 두고, 1초에 점선 4칸씩 시계 방향으로 흐르게. 네 모서리와 위아래 가운데에 작은 네모 손잡이.
"선의 일부만 길을 따라 달리게" 물결 모양 길 위로 색이 다른 선 조각 세 개가 시작과 끝이 쫓아가며 달려 지나간다. ↔ 선이 처음부터 끝까지 한 번 그려지면 라인 드로, 일부만 잘라 길을 따라 달리면 트림 패스 쓰임 로딩 · 흐름 만드는 법 모션 그래픽 CSS AI에게 ▸ Trim Path 로 선 조각을 달리게 해줘. 물결 모양 길을 흐리게 깔고, 길이의 30%인 선 조각 세 개가 2초마다 왼쪽에서 오른쪽으로 지나가며 앞끝이 먼저 나가고 뒤끝이 따라 줄어든다. 조각끼리 3분의 1씩 어긋나게.
"글자가 가늘었다 굵었다 숨 쉬듯" 제목 글자 전체가 가장 가는 굵기에서 가장 굵은 굵기까지 부드럽게 오가고, 아래 막대에 굵기 숫자가 따라 움직인다. ↔ 글자가 한 자씩 굵어지며 멈추면 굵기 변화(Weight Grow), 전체가 가늘고 굵게 오가면 베리어블 웨이트 쓰임 타이틀 · 강조 만드는 법 모션 그래픽 CSS AI에게 ▸ Variable Weight 로 제목 굵기를 움직여줘. 가변 폰트 굵기 100에서 900까지 2초, 다시 100까지 2초 인아웃 이징으로 반복하고, 아래 막대에 지금 굵기 숫자를 따라 붙여 줘.
블라인드 전환 Blinds Transition 문장 "블라인드가 열리듯 다음 장면으로" 화면이 가로 띠 여덟 개로 나뉘고 띠마다 가운데에서 위아래로 벌어지며 다음 장면이 위에서부터 차례로 열린다. ↔ 띠가 옆에서 미끄러져 들어오면 줄무늬 와이프, 띠가 제자리에서 벌어지며 열리면 블라인드 쓰임 장면 전환 · 시간 만드는 법 모션 그래픽 CSS AI에게 ▸ Blinds Transition 으로 낮에서 밤으로 넘겨줘. 화면을 가로 띠 8개로 나누고 각 띠가 가운데에서 위아래로 벌어지며 밤 장면이 드러나게. 위 띠부터 0.07초씩 늦게, 전체 1.4초 인아웃 이징.
픽셀레이트 전환 Pixelate Transition 문장 "모자이크로 뭉개졌다가 다음 화면으로" 장면이 점점 큰 네모로 뭉개지다가 가장 거칠 때 다음 장면으로 바뀌고, 다시 고운 화면으로 풀린다. ↔ 작은 칸이 하나씩 다음 화면으로 바뀌면 픽셀 디졸브, 화면 전체가 거칠어졌다 풀리면 픽셀레이트 쓰임 장면 전환 · 게임 만드는 법 모션 그래픽 CSS AI에게 ▸ Pixelate Transition 으로 넘겨줘. 1초 동안 낮 장면의 픽셀 크기를 1에서 화면 높이의 22%까지 키우고, 가장 거칠 때 밤 장면으로 바꾼 뒤 1초 동안 다시 1까지 줄여 선명하게.
"병풍처럼 접히면서 다음 장면이 나오게" 앞 장면이 세로 판 여섯 장으로 나뉘어 병풍처럼 왼쪽으로 접혀 들어가고, 판마다 번갈아 그늘이 진다. ↔ 한 장이 통째로 넘어가면 페이지 컬, 여러 판으로 나뉘어 병풍처럼 접히면 아코디언 폴드 쓰임 장면 전환 · 종이 만드는 법 모션 그래픽 CSS AI에게 ▸ Accordion Fold 로 넘겨줘. 낮 장면을 세로 판 6장으로 나눠 1.4초 동안 왼쪽 가장자리로 병풍처럼 접어 넣고, 판마다 번갈아 그늘을 줘서 접힌 면처럼 보이게. 뒤에서 밤 장면이 드러난다.
"점이 커지면서 다음 화면으로 덮이게" 왼쪽 위부터 망점이 점점 커지며 번지고, 점 안으로 다음 장면이 보이다가 점끼리 합쳐져 화면을 다 덮는다. ↔ 망점 무늬가 배경으로 맥박 치면 하프톤 펄스, 망점이 커지며 다음 장면으로 넘기면 하프톤 와이프 쓰임 장면 전환 · 만화 만드는 법 모션 그래픽 CSS AI에게 ▸ Halftone Wipe 로 넘겨줘. 화면 높이 10% 간격 격자에 원을 두고 왼쪽 위에서 오른쪽 아래로 시간차를 두며 반지름을 0에서 격자의 75%까지 키워 밤 장면을 원 안에 보여 준다. 1.4초.
"스캐너가 훑고 지나가면 새 화면이 찍히게" 밝은 가로줄이 위에서 아래로 훑어 내려가고, 줄이 지나간 자리부터 다음 장면이 찍혀 나온다. ↔ 경계가 그냥 지나가면 와이프, 밝은 스캔 줄이 훑으며 찍어 내면 스캔 프린트 쓰임 장면 전환 · 레트로 만드는 법 모션 그래픽 CSS AI에게 ▸ Scan Print 로 넘겨줘. 강조색 가로줄(높이의 1.6%)이 1.4초 동안 위에서 아래로 내려가고 줄 위쪽은 밤 장면, 아래는 아직 낮 장면. 줄 바로 위에 옅은 잔줄 몇 개를 남겨 인쇄된 느낌을.
"다음 화면이 퍼즐 조각으로 날아와 맞춰지게" 다음 장면이 조각 여덟 개로 나뉘어 제각각 돌며 날아와 자리에 딱 맞고, 다 맞으면 한 장면이 된다. ↔ 부서져 흩어지면 글래스 셰터, 조각이 날아와 맞춰지면 퍼즐 인 쓰임 장면 전환 · 놀이 만드는 법 모션 그래픽 CSS AI에게 ▸ Puzzle In 으로 밤 장면을 맞춰줘. 장면을 4×2 조각으로 나눠 위쪽 바깥에서 무작위 각도로 날아오게 하고, 조각마다 1.8~3.2초 사이 다른 때에 0.7초 백 이징으로 자리에 끼운다. 오른쪽에 둥근 돌기 하나씩.
"부품이 위아래로 벌어지며 속이 보이게" 겹쳐 있던 버거 켜가 위아래로 벌어지고, 켜마다 지시선과 이름표가 붙었다가 다시 합쳐진다. 쓰임 제품 · 설명 만드는 법 모션 그래픽 CSS AI에게 ▸ Exploded View 로 버거를 분해해줘. 켜 다섯 개가 0.9초부터 1.6초 동안 사이를 벌리고, 벌어지면 켜마다 오른쪽으로 지시선과 이름(윗빵·채소·치즈·패티·아랫빵)이 나온다. 6초에 다시 합친다.
"겉을 걷어 내고 속을 보여 주게" 회색 상자의 앞 두 면이 위에서부터 걷혀 내려가고 안에 쌓인 색 층 네 개가 드러난다. ↔ 부품을 띄워 벌리면 분해도, 겉면을 걷어 속을 보여 주면 컷어웨이 쓰임 제품 · 내부 만드는 법 모션 그래픽 CSS AI에게 ▸ Cutaway 로 상자 속을 보여줘. 아이소메트릭 상자의 앞 두 면을 1초부터 1.4초 동안 위에서 아래로 걷어 내 안의 층 네 개를 드러내고, 걷히는 경계에 굵은 선을 둔다. 6초에 다시 닫는다.
"물건이 받침 위에서 빙글 돌게" 받침 원판 위의 상자가 제자리에서 돌며 네 옆면이 차례로 보이고, 원판 눈금도 같이 돈다. ↔ 카메라가 물건 둘레를 돌면 오빗, 물건이 받침 위에서 스스로 돌면 턴테이블 쓰임 제품 · 쇼케이스 만드는 법 모션 그래픽 CSS AI에게 ▸ Turntable 로 상자를 돌려줘. 기울어진 원판 위에서 상자가 4초에 한 바퀴씩 세로축으로 돌고, 보이는 옆면만 앞뒤 순서대로 그린다. 앞면에 둥근 표식 하나, 원판 가장자리 눈금 12개도 같이 돈다.
"카드가 한 장씩 들려 날아가며 아래가 보이게" 겹쳐 쌓인 카드 네 장이 위에서부터 한 장씩 들려 오른쪽 위로 날아가며 아래 장이 드러난다. ↔ 카드가 쌓이며 들어오면 스택 카드, 쌓인 걸 한 장씩 걷어 내면 레이어 필 쓰임 설명 · 단계 만드는 법 모션 그래픽 CSS AI에게 ▸ Layer Peel 로 카드를 넘겨줘. 카드 4장을 살짝 어긋나게 쌓고 1초부터 1.3초 간격으로 맨 위 장이 1초 인아웃 이징으로 오른쪽 위로 날아가며 기울고 그림자가 커진다. 카드마다 「1 / 4」 같은 번호.
"한 부분을 네모로 잡아서 옆에 크게 보여 줘" 그림 한 곳에 강조색 네모가 잡히고, 그 네모가 오른쪽으로 커지며 옆에 확대 창이 생기고 두 네모가 선으로 이어진다. ↔ 렌즈가 글자 위를 지나가며 키우면 돋보기, 한 곳을 잡아 옆 창에 크게 띄우면 디테일 인셋 쓰임 설명 · 강조 만드는 법 모션 그래픽 CSS AI에게 ▸ Detail Inset 으로 핵심 부분을 확대해줘. 0.8초에 고를 자리에 강조색 네모를 1초 동안 그리고, 1.6초부터 1초 동안 그 네모가 오른쪽 큰 창으로 커지며 안을 3.8배 확대해 보여 준다. 원래 자리와 창의 모서리를 선 두 개로 잇고 나머지는 살짝 어둡게.
"블록이 하나씩 떨어져 쌓이게" 아이소메트릭 바닥 위로 블록 아홉 개가 차례로 떨어져 쌓이고, 닿을 때마다 살짝 눌렸다 편다. 쓰임 설명 · 쌓기 만드는 법 모션 그래픽 CSS AI에게 ▸ Iso Build 로 블록을 쌓아줘. 아이소메트릭 바닥 위로 정육면체 9개가 0.45초 간격으로 위에서 떨어져 계단 모양으로 쌓이고, 닿는 순간 높이가 15% 눌렸다 0.2초에 편다. 색은 세 가지를 번갈아.
⑯ 배경 2 · 9 9 ⑧에 없던 배경 9가지. 1~6 흐르고 번지기(유체 그라디언트 · 흐름장 · 반응-확산 · 등고선 · 연결망 · 조리개) · 7~9 멀리까지 펼쳐지기(점 바다 · 와이어프레임 지형 · 구름). ⑧보다 결이 깊어서 글자를 올릴 땐 어둡게 눌러 쓰세요.
"색이 물감처럼 섞이면서 흐르는 배경" 색 덩어리 넷이 서로 다른 궤도로 돌며 경계 없이 섞였다 풀린다. ↔ 색이 경계 없이 섞이면 유체 그라디언트, 가장자리가 있는 덩어리가 떠다니면 블롭 모프(⑧) 쓰임 차분 · 브랜드 만드는 법 모션 그래픽 CSS AI에게 ▸ Fluid Gradient 배경으로 깔아줘. 색 넷(청록·민트·보라·짙은 남색)이 경계 없이 섞이며 천천히 돌고, 한 바퀴 8초, 반복.
"먹물이 물길 따라 흐르는 것처럼" 가는 선 수백 개가 보이지 않는 물길을 따라 흘러가며 꼬리를 남겼다 사라진다. ↔ 선이 보이지 않는 물길을 따라 흐르면 흐름장, 나란한 선이 넘실대면 물결선(⑧) 쓰임 사색 · 오프닝 만드는 법 모션 그래픽 AI에게 ▸ Flow Field 배경으로 깔아줘. 가는 선 200개가 곡선 물길을 따라 흐르고, 선 하나는 4초 동안 나타났다 사라지게. 한 바퀴 8초, 반복.
반응-확산 무늬 Reaction-Diffusion 문장 "산호처럼 무늬가 번지며 자라게" 얼룩과 미로 같은 무늬가 번졌다 줄며 서로 붙었다 갈라진다. ↔ 무늬가 번지며 붙었다 갈라지면 반응-확산, 두 점의 파문이 겹쳐 무늬가 생기면 물결 간섭(⑧) 쓰임 실험 · 과학 만드는 법 모션 그래픽 AI에게 ▸ Reaction-Diffusion 무늬를 배경으로 깔아줘. 얼룩 무늬가 4초에 걸쳐 번졌다 줄어들며 이웃과 붙었다 갈라지고, 무늬 전체가 천천히 흐르게. 한 바퀴 8초, 반복.
네온 등고선 Neon Contour Lines 문장 "지도 등고선이 네온처럼 빛나며 꿈틀대게" 등고선 같은 빛나는 고리들이 부풀었다 오그라들며 붙었다 떨어진다. ↔ 선이 닫힌 고리로 높낮이를 그리면 등고선, 나란한 선이 넘실대면 물결선(⑧) 쓰임 테크 · 밤 만드는 법 모션 그래픽 AI에게 ▸ Neon Contour Lines 배경으로 깔아줘. 등고선 7단이 네온처럼 빛나고, 지형이 8초에 한 번 부풀었다 가라앉게. 반복.
"점들이 선으로 이어져 있고 빛이 지나가게" 점을 잇는 선 위로 빛 알갱이가 오가고, 닿은 점이 잠깐 밝아진다. 쓰임 테크 · 데이터 만드는 법 모션 그래픽 AI에게 ▸ Network Pulse 배경으로 깔아줘. 점 20여 개를 가는 선으로 잇고, 선 위로 빛 알갱이가 2초에 한 번씩 지나가며 닿은 점이 반짝이게. 반복.
"카메라 조리개들이 줄지어 열렸다 닫히게" 칸마다 놓인 조리개가 대각선 물결을 따라 차례로 열렸다 닫힌다. 쓰임 카메라 · 기계 만드는 법 모션 그래픽 AI에게 ▸ Aperture Grid 배경으로 깔아줘. 칸마다 6날 조리개, 왼쪽 위에서 오른쪽 아래로 물결처럼 4초에 한 번 열렸다 닫히게. 반복.
"점으로 된 바다가 출렁이게" 수평선까지 깔린 점들이 멀수록 작아지며 파도처럼 오르내린다. ↔ 점이 원근으로 바닥에 깔리면 점 바다, 평면에서 점 크기만 바뀌면 도트 웨이브(⑧) 쓰임 몽환 · 오프닝 만드는 법 모션 그래픽 AI에게 ▸ Dot Ocean 배경으로 깔아줘. 수평선을 화면 위 30%에 두고 점 바닥이 두 겹 파도로 출렁이게. 한 바퀴 8초, 반복.
와이어프레임 지형 Wireframe Terrain 문장 "선으로 된 산 사이를 날아가게" 선 격자로 된 산골짜기가 앞으로 끝없이 다가오며 그 사이를 날아간다. ↔ 격자에 산 높낮이가 있으면 와이어프레임 지형, 평평한 바닥이 다가오면 원근 격자(⑧) 쓰임 레트로 · 게임 만드는 법 모션 그래픽 AI에게 ▸ Wireframe Terrain 배경으로 깔아줘. 가운데는 낮은 골짜기, 양옆은 높은 산, 선 격자가 8초에 한 구간씩 앞으로 다가오게. 반복.
"파란 하늘에 구름이 흘러가게" 세 겹 구름이 서로 다른 빠르기로 흘러가며 깊이를 만든다. 쓰임 맑음 · 여행 만드는 법 AI 영상 모션 그래픽 AI에게 ▸ Cloud Drift Sky 배경으로 깔아줘. 구름을 세 겹으로 나눠 가까운 것일수록 빠르게, 가장 느린 겹이 8초에 한 번 지나가게. 반복.
⑰ 오프닝 타이틀 24 24 영상·발표·랜딩의 첫 제목이 등장하는 완성 장면 24가지. 1~6 기계가 읽고 띄우기 · 7~12 영화처럼 열기 · 13~18 손으로 붙이고 뿌리기 · 19~24 부딪치고 맞추기. 요청 문장에 들어갈 제목과 서는 초를 같이 적으세요.
"스캔 빛이 지나가면서 글자가 채워지게" 윤곽선만 있던 제목 위로 세로 스캔 빛이 지나가고, 빛이 지난 자리부터 글자가 채워지며 진행률이 오른다. ↔ 장면과 장면 사이를 훑어 바꾸면 스캔 프린트(⑮), 제목 하나를 읽어 내듯 드러내면 스캔 리빌 쓰임 기술 · 분석 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Scan Reveal 로 「탐색」 띄워줘. 처음엔 윤곽선만, 세로 스캔 막대가 2초에 왼쪽에서 오른쪽으로 지나가며 지난 자리부터 채우고, 왼쪽 위에 SCANNING 000~100% 를 같이 올려. 네 귀퉁이에 꺾쇠.
"계기판이 조립되면서 가운데 제목 뜨게" 원이 그려지고 눈금과 점선 고리가 돌며 붙고, 옆에 막대와 숫자가 차오른 뒤 가운데 제목이 튀어나온다. ↔ 아이콘 하나가 조립되면 도트 어셈블(⑬), 계기판 전체가 조립되고 그 안에 제목이 서면 HUD 조립 쓰임 기술 · 시작 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ HUD Assemble 로 「가동」 띄워줘. 원 테두리가 1초에 그려지고, 눈금 48개와 점선 고리가 천천히 돌며 붙고, 왼쪽 막대 네 개와 오른쪽 16진수 네 줄이 0.15초 간격으로 차오른 뒤, 2.1초에 제목이 오버슈트로 튀어나오게.
"받침대에서 빛이 쏘아 올라가 글자가 뜨게" 바닥 고리에서 빛 원뿔이 올라가고 그 안에 제목이 깜빡이며 떠오르고, 가는 주사선이 흘러간다. ↔ 빛 줄이 글자 위를 한 번 스치면 라이트 스윕, 빛이 쏘아 올린 공간에 글자가 떠 있으면 홀로그램 쓰임 미래 · 신비 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Hologram Reveal 로 「투영」 띄워줘. 바닥 타원 고리 세 겹이 맥박처럼 뛰고, 위로 퍼지는 빛 원뿔이 0.9초에 올라온 뒤, 제목이 1.4초 동안 불규칙하게 깜빡이다 자리 잡게. 글자 위에 3px 간격 주사선, 위아래로 살짝 떠다니게.
"떨어지는 글자비 속에서 단어가 떠오르게" 세로줄마다 다른 속도로 글자 비가 내리고, 그 비 위로 제목이 빛나며 떠올라 자리를 잡는다. ↔ 글자 비만 계속 내리면 레터 레인(⑩), 비 속에서 제목 하나가 떠오르면 매트릭스 리빌 쓰임 해킹 · 접속 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Matrix Reveal 로 「접속」 띄워줘. 칸마다 자모·숫자 비가 다른 속도로 내리고 맨 앞 글자만 밝게, 1.4초부터 1.8초 동안 큰 제목이 빛 번짐과 함께 떠오르게. 비는 끝까지 계속 내려.
"큰 네모에서 점점 선명해지면서 글자 나오게" 제목이 굵은 네모 덩어리로 시작해 네모가 여섯 단계로 작아지며 또렷한 글자가 된다. ↔ 장면 전체가 뭉개졌다 바뀌면 픽셀레이트(⑮), 제목 하나가 거친 네모에서 또렷해지면 픽셀 리졸브 쓰임 레트로 · 선명 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Pixel Resolve 로 「선명」 띄워줘. 칸 크기 28·16·9·5·3·1px 여섯 단계를 2.4초에 걸쳐 끊어서 바꾸고(부드럽게 섞지 말고), 오른쪽 위에 지금 칸 크기를 RES 숫자로 보여 줘.
"컴퓨터 켜지듯 줄이 찍히다 제목" 검은 화면에 점검 줄이 한 줄씩 타자되고 OK 가 붙은 뒤, 아래에 큰 제목이 커서와 함께 찍힌다. ↔ 한 줄을 지우고 다시 쓰면 타자기 교체(⑨), 여러 줄 점검 뒤 제목이 찍히면 부팅 시퀀스 쓰임 기술 · 준비 만드는 법 모션 그래픽 CSS AI에게 ▸ Boot Sequence 로 「준비 완료」 띄워줘. 고정폭 글꼴로 점검 줄 네 개를 0.45초 간격으로 타자하고 끝에 OK 를 강조색으로, 2.6초부터 큰 제목을 한 자씩 찍고 네모 커서를 깜빡이게.
"위아래 검은 띠가 열리면서 영화처럼 시작" 검은 화면이 가운데부터 위아래로 벌어져 2.39:1 화면이 되고, 넓은 자간의 제목이 천천히 들어선다. ↔ 위아래 띠가 화면을 덮으며 넘어가면 바 와이프(⑦), 띠가 열리며 첫 장면이 시작되면 레터박스 오픈 쓰임 영화 · 서정 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Letterbox Open 으로 「새벽」 띄워줘. 완전히 검은 화면에서 위아래 띠가 1.6초 인아웃으로 벌어져 2.39:1 에서 멈추고, 1.6초부터 가는 굵기·넓은 자간 제목이 1.06배에서 1배로 천천히 들어오게. 밑에 작은 영문 부제.
"선 하나가 네모 테두리를 그리고 제목" 선 하나가 네모 틀을 한 바퀴 그리고 꼭짓점에 점이 찍힌 뒤, 틀이 조금 넓어지며 그 안에 제목이 들어선다. ↔ 선이 아무 모양이나 그리면 라인 드로(③), 틀을 그려 열고 그 안에 제목을 두면 프레임 드로우 쓰임 차분 · 공방 만드는 법 모션 그래픽 CSS AI에게 ▸ Frame Draw 로 「작업실」 띄워줘. 1.6px 선이 왼쪽 위에서 시계 방향으로 1.4초에 네모를 그리고 지나간 꼭짓점마다 강조색 점, 1.8초에 틀이 12% 넓어지며 넓은 자간 제목이 페이드인.
트래킹 익스팬드 Tracking Expand 문장 "글자 사이가 천천히 벌어지면서 나오게" 붙어 있던 글자 사이가 3초에 걸쳐 천천히 벌어지며 나타나고, 아래 가는 선이 가운데서 양쪽으로 자란다. ↔ 글자가 물렁하게 늘어나면 스트레치(⑨), 글자 모양은 그대로 사이만 벌어지면 트래킹 익스팬드 쓰임 고급 · 여백 만드는 법 모션 그래픽 CSS AI에게 ▸ Tracking Expand 로 「여백」 띄워줘. 자간 -0.12em 에서 0.78em 까지 3초 이즈 아웃으로 벌리며 1.2초 페이드인, 1.6초부터 아래 2px 선이 가운데서 화면 절반 폭까지 자라게.
"하얗게 번쩍하고 그 빛 속에서 제목" 어두운 화면이 하얗게 번쩍인 뒤, 빛이 걷히며 과노출로 번진 제목이 제 색으로 가라앉는다. ↔ 두 장면 사이를 하얗게 끊으면 임팩트 플래시(⑦), 섬광 속에서 제목이 남으면 플래시 리빌 쓰임 강렬 · 시작 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Flash Reveal 로 「첫날」 띄워줘. 0.7초에 0.25초 만에 화면이 하얗게 차고 1.2초에 걸쳐 걷히며, 제목은 흰 빛 번짐이 큰 상태로 나와 1.6초 동안 번짐이 줄며 강조색으로 가라앉게.
스포트라이트 리빌 Spotlight Reveal 문장 "조명이 훑고 지나가면서 글자가 보이게" 거의 안 보이던 제목 위를 둥근 조명이 호를 그리며 훑고, 마지막에 무대 전체 불이 켜진다. ↔ 글자 안쪽만 렌즈로 크게 보이면 돋보기(⑩), 어둠 속 글자를 조명으로 밝히면 스포트라이트 리빌 쓰임 무대 · 주목 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Spotlight Reveal 로 「주인공」 띄워줘. 처음엔 7% 밝기로만 보이고, 부드러운 원 조명이 2.4초 동안 왼쪽에서 오른쪽으로 호를 그리며 지나간 자리만 밝히다, 3초에 전체가 켜지고 아래 짧은 강조선.
"영화 시작 전 3 2 1 카운트다운" 회색 화면에 십자선과 원이 있고 부채꼴이 한 바퀴 돌 때마다 3·2·1 이 줄어든 뒤, 섬광과 함께 제목 화면이 된다. ↔ 숫자가 자리에서 굴러 바뀌면 오도미터(⑨), 필름 시작의 3·2·1 원 쓸기면 필름 리더 쓰임 옛날 · 상영 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Film Leader 로 카운트다운 뒤 「상영」 띄워줘. 회색 바탕에 십자선과 두 겹 원, 밝은 부채꼴이 1초에 한 바퀴 쓸 때마다 3·2·1, 끝에 0.15초 흰 섬광, 그다음 검은 화면에 제목과 위아래 필름 구멍.
"흩어진 점들이 소용돌이치며 글자가 되게" 화면 밖까지 흩어진 점 수백 개가 저마다 늦게 소용돌이치며 모여 글자 모양을 만들고, 다 모이면 꽉 찬 글자가 된다. ↔ 글자가 알갱이로 부서져 날아가면 디스인티그레이트(⑩), 거꾸로 알갱이가 모여 글자가 되면 파티클 폼 쓰임 모임 · 탄생 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Particle Form 으로 「모임」 만들어줘. 글자 모양을 점 집합으로 뽑고, 점마다 0~0.9초 늦게 출발해 1.8초 동안 돌면서 제자리로, 다섯 개 중 하나는 강조색. 3초에 꽉 찬 글자로 바꿔.
"물감이 퍽 튀고 그 위에 제목" 물감 덩어리가 퍽 하고 튀어 둘레로 방울이 흩어지고, 그 위에 제목이 크게 찍혀 내려앉는다. ↔ 잉크가 번지다 가라앉아 글자가 되면 잉크 블리드(⑩), 물감이 튀고 그 위에 제목을 찍으면 잉크 스플래시 쓰임 과감 · 손맛 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Ink Splash 로 「물감」 찍어줘. 가장자리가 울퉁불퉁한 강조색 덩어리가 0.45초 오버슈트로 튀고 둘레에 방울 14개, 0.95초에 제목이 1.6배에서 기울어져 찍히게.
"찢은 종이가 겹겹이 날아와 붙고 제목" 가장자리가 찢긴 색종이 세 장이 양쪽에서 번갈아 미끄러져 와 겹치고, 맨 위 종이에 제목이 붙는다. ↔ 화면이 찢어져 다음 장면이 보이면 페이퍼 티어(⑪), 찢은 종이가 겹겹이 쌓여 제목 판이 되면 페이퍼 컷 쓰임 수공 · 따뜻 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Paper Cut Layers 로 「종이」 띄워줘. 찢긴 가장자리 종이 세 장(진한 색·노랑·흰색)이 좌우 번갈아 0.35초 간격으로 돌며 날아와 살짝 기울어 겹치고, 그림자를 아래로. 1.5초에 맨 위에 제목.
"글자마다 다른 종이를 오려 붙인 것처럼" 글자마다 색과 굵기가 다른 종이 조각이 하나씩 돌며 툭 붙고, 구석에 망점과 사선 띠가 깔린다. ↔ 같은 글자를 여러 굵기로 늘어놓으면 타입 모자이크(⑩), 글자마다 다른 종이를 오려 붙이면 랜섬 콜라주 쓰임 발랄 · 잡지 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Ransom Collage 로 「스크랩」 붙여줘. 글자마다 다른 색 종이(빨강·검정·노랑)와 다른 굵기, 0.22초 간격으로 기울어진 채 돌며 오버슈트로 붙게. 왼쪽 위 망점, 오른쪽 아래 사선 띠.
"메모지가 툭 떨어지고 테이프로 붙게" 줄 쳐진 메모지가 위에서 떨어져 기울어 서고, 위쪽 양 모서리에 반투명 테이프가 차례로 붙은 뒤 제목이 적힌다. ↔ 로고가 쾅 내려앉으면 스탬프 인(⑬), 쪽지가 떨어지고 테이프로 붙으면 테이프 라벨 쓰임 기록 · 다정 만드는 법 모션 그래픽 CSS AI에게 ▸ Tape Label 로 「메모」 띄워줘. 줄 쳐진 흰 메모지가 0.55초 오버슈트로 떨어져 -2도로 서고, 양 위 모서리에 반투명 노란 테이프가 0.2초 간격으로 붙은 뒤 1.3초에 제목이 페이드인.
"붓으로 한 번 쓱 칠하고 그 위에 제목" 거친 가장자리의 붓 자국 띠가 왼쪽에서 오른쪽으로 한 번에 칠해지고, 그 위에 밝은 제목이 떠오른다. ↔ 붓 자국이 화면을 넘기면 브러시 와이프(⑦), 붓 띠를 깔고 그 위에 제목을 두면 브러시 배너 쓰임 힘 · 붓 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Brush Banner 로 「한 획」 띄워줘. 위아래 가장자리가 거칠고 끝에 붓털 줄이 남는 강조색 띠를 1초 인아웃으로 왼쪽에서 오른쪽까지 칠하고, 1.2초에 띠 위에 밝은 제목.
"쾅 하면서 충격파 고리가 퍼지고 제목" 제목이 크게 들이받듯 박히는 순간 고리 세 겹이 바깥으로 퍼지고 화면이 짧게 흔들린다. ↔ 물체가 박히며 화면만 흔들리면 임팩트 셰이크(②), 고리가 퍼져 나가며 제목이 박히면 쇼크웨이브 쓰임 충격 · 출발 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Shockwave Title 로 「출발」 박아줘. 0.45초에 2.4배로 나타나 0.6초에 1.2배로 박히고 오버슈트로 1배, 그 순간 타원 고리 세 겹이 0.12초 간격으로 퍼지며 옅어지고 화면이 0.4초 흔들리게. 아래 강조선이 양쪽으로.
"칼로 베듯 글자가 사선으로 갈렸다 붙게" 흰 칼날 선이 사선으로 스치고, 그 선을 따라 제목이 위아래로 어긋났다가 미끄러져 다시 맞춰진다. ↔ 화면이 사선 조각으로 넘어가면 슬라이스 와이프(⑦), 제목 하나가 베였다 맞춰지면 슬래시 컷 쓰임 날카로움 · 결단 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Slash Cut 으로 「단칼」 띄워줘. 0.5초에 흰 선이 -20도 사선으로 0.25초에 스치고, 제목이 그 선을 따라 두 조각으로 화면 높이 22%만큼 어긋났다가 0.7초 인아웃으로 다시 맞춰지게.
"액자 여러 겹을 뚫고 들어가 제목" 겹친 네모 틀 다섯 개를 향해 카메라가 돌진해 세 겹을 뚫고 지나가고, 마지막 강조색 틀 안에서 제목이 선다. ↔ 글자를 뚫고 들어가면 텍스트 줌 스루(⑨), 빈 틀 여러 겹을 뚫고 들어가 제목을 만나면 프레임 다이브 쓰임 몰입 · 진입 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Frame Dive 로 「안으로」 띄워줘. 크기가 2.2배씩 줄어드는 네모 틀 다섯 겹, 2.2초 인아웃으로 세 겹을 뚫고 들어가 네 번째 강조색 틀에서 멈추고, 그 안에 제목. 틀 귀퉁이에 번호.
"글자가 소용돌이 돌다가 한 줄로 서게" 흩어진 글자가 나선을 따라 돌면서 크기를 키우고, 차례로 가운데 한 줄 제자리에 선다. ↔ 글자가 흩어진 데서 날아와 맞춰지면 레터 어셈블(⑩), 나선을 그리며 한 줄로 서면 스파이럴 라인업 쓰임 몽환 · 정돈 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Spiral Line-up 으로 「소용돌이」 맞춰줘. 글자마다 0.18초 늦게 출발해 나선 한 바퀴 반을 2초 인아웃으로 돌며 60%에서 100% 크기로, 한 바퀴 돌아 바로 서게. 뒤에 흐린 나선 선을 그렸다 지워.
"리본이 물결치며 지나가고 제목이 남게" 물결치는 두 겹 리본이 화면을 가로질러 날아가고, 리본이 지나간 자리부터 제목이 남는다. ↔ 색면이 화면을 쓸어 넘기면 컬러 와이프(⑦), 물결 리본이 지나간 자리에 제목이 남으면 리본 리빌 쓰임 축하 · 선물 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Ribbon Reveal 로 「선물」 띄워줘. 진한 색과 강조색 두 겹 리본(두께 높이의 20%)이 사인 물결로 1.8초 동안 왼쪽 밖에서 오른쪽 밖으로 날아가고, 리본 꼬리가 지난 자리부터 제목이 보이게.
"지직거리던 화면이 잡히면서 제목" 가로줄마다 제각각 밀린 제목과 잡음 띠가 점점 줄어 신호가 잡히고, 구석 안테나 막대가 넷까지 찬다. ↔ 화면이 조각나 번쩍이며 넘어가면 글리치(③), 흐트러진 신호가 잡혀 제목이 서면 시그널 록 쓰임 방송 · 수신 만드는 법 모션 그래픽 AI 영상 AI에게 ▸ Signal Lock 으로 「수신」 잡아줘. 제목을 가로줄 18개로 나눠 줄마다 화면 폭 50%까지 제각각 밀고, 2초 인아웃으로 밀림과 잡음 띠를 0으로 줄여. 오른쪽 위 신호 막대 네 개가 같이 차오르게.
⑱ 숫자 연출 16 쇼핑·게임·계기판에서 숫자가 움직이는 장면 16가지. 1~4 쇼핑 · 5~10 게임 · 11~16 계기. 전부 손잡이가 붙어 있어서 금액·개수를 바꾸면 데모와 요청 문장이 같이 바뀌어요.
할인가 드롭 손잡이 Sale Price Drop 문장 원가 39000원 할인율 30% 처음 값으로
"원래 가격에 줄 긋고 할인가 보여줘" 원가에 줄이 그어지고 흐려진 뒤, 내린 값이 아래에서 튀어 오르며 할인율 칩이 붙는다. ↔ 가격이 줄 긋고 바뀌면 할인가 드롭, 숫자가 자릿수째 굴러 바뀌면 숫자 굴러가기(⑫) 쓰임 쇼핑 · 특가 만드는 법 CSS 모션 그래픽 AI에게 ▸ 원가 39,000원에 빨간 줄을 0.4초에 긋고, 30% 내린 가격이 아래에서 튀어 오르게 해줘. 옆에 「-30%」 칩도 붙여.
적립 500P 처음 값으로
"포인트 쌓이는 거 보이게" 버튼 위에서 「+N P」가 떠올라 합계 쪽으로 날아가고, 닿는 순간 합계가 그만큼 올라간다. ↔ 숫자가 어디서 날아와 더해지면 포인트 적립, 제자리에서 세어 올라가기만 하면 카운트업 쓰임 쇼핑 · 보상 만드는 법 CSS 모션 그래픽 AI에게 ▸ 구매 확정을 누르면 「+500P」가 버튼 위로 떠올라 합계 쪽으로 날아가고, 닿는 순간 합계가 0.6초에 걸쳐 올라가게 해줘.
재고 남음 손잡이 Low Stock Pulse 문장 처음 개수 12개 빨개지는 선 5개 처음 값으로
"몇 개 안 남았다고 보여줘" 남은 개수가 하나씩 줄다가 정한 개수 아래로 내려가면 빨개지고 맥박처럼 뛴다. ↔ 남은 양이 줄며 경고하면 재고 남음, 남은 시간이 줄면 카운트다운 칩(⑭) 쓰임 쇼핑 · 긴급 만드는 법 CSS AI에게 ▸ 「남은 12개」에서 하나씩 줄이다가 5개 이하가 되면 숫자를 빨갛게 바꾸고 0.6초마다 맥박처럼 커졌다 돌아오게 해줘.
무료배송 막대 손잡이 Free Shipping Bar 문장 무료배송 기준 50000원 장바구니 32000원 처음 값으로
"무료배송까지 얼마 남았는지" 장바구니 금액만큼 막대가 차고 무료배송까지 남은 금액을 적는다. 넘으면 초록으로 바뀐다. ↔ 목표 금액까지 남은 양을 막대로 보이면 무료배송 막대, 아무 목표나 채우면 목표 채우기(⑫) 쓰임 쇼핑 · 장바구니 만드는 법 CSS AI에게 ▸ 50,000원부터 무료배송. 장바구니가 32,000원이면 막대를 그만큼 0.8초에 채우고 막대 위에 「무료배송까지 남은 금액」을 적어줘. 넘으면 초록으로.
한 번 점수 100점 최대 배율 5배 처음 값으로
"연속으로 맞히면 점수 배로" 맞힐 때마다 점수가 「한 번 점수 × 배율」만큼 오르고, 배율 칩이 커지며 튄다. ↔ 배율이 붙어 점점 크게 오르면 콤보 점수, 일정하게 더해지면 합계 쌓기 쓰임 게임 · 보상 만드는 법 CSS 모션 그래픽 AI에게 ▸ 맞힐 때마다 점수가 100점 × 콤보 배율만큼 올라가고, 「×2」「×3」 배율 칩이 커지며 튀게 해줘. ×5에서 멈춰.
필요 경험치 1000XP 한 번에 250XP 처음 값으로
"경험치 바 차면 레벨 올라가게" 경험치 막대가 조금씩 차다 다 차면 「LEVEL UP」이 번쩍이고 레벨 숫자가 오른다. 넘친 만큼은 다음 막대로. ↔ 다 차면 단계가 올라가면 레벨업, 목표까지 채우기만 하면 목표 채우기(⑫) 쓰임 게임 · 성장 만드는 법 CSS 모션 그래픽 AI에게 ▸ 경험치 막대가 250씩 차오르다 필요 경험치(1,000)를 채우면 「LEVEL UP」이 번쩍이고 레벨 숫자가 하나 올라가게 해줘. 넘친 만큼은 다음 막대로 넘겨.
데미지 1280 치명타 배율 2배 처음 값으로
"때리면 숫자 튀어 오르게" 맞은 자리에서 숫자가 위로 튀어 오르며 사라지고, 치명타는 배율만큼 큰 숫자를 노랗게 흔들며 띄운다. ↔ 맞은 자리에서 숫자가 솟아 사라지면 데미지 숫자, 합계로 날아가 더해지면 포인트 적립 쓰임 게임 · 타격 만드는 법 모션 그래픽 AI에게 ▸ 맞힌 자리에서 데미지 숫자가 위로 튀어 오르며 사라지게 해줘. 값은 1,280. 치명타는 2배 숫자를 노란색으로 더 크게 흔들며 띄워줘.
하이스코어 갱신 손잡이 New High Score 문장 최고 기록 12000점 이번 점수 12500점 처음 값으로
"최고 기록 깨면 NEW RECORD" 점수가 세어 오르다 최고 기록을 넘는 순간 「NEW RECORD」 도장이 찍히고 최고 기록 자리가 이번 점수로 바뀐다. ↔ 넘는 순간에 표시가 붙으면 하이스코어 갱신, 그냥 세어 오르면 카운트업 쓰임 게임 · 기록 만드는 법 CSS 모션 그래픽 AI에게 ▸ 점수가 0에서 세어 올라가다 최고 기록(12,000)을 넘는 순간 「NEW RECORD」 도장이 찍히고 최고 기록 자리가 이번 점수로 바뀌게 해줘. 이번 점수는 12,500.
칸 수 8칸 도는 시간 3초 처음 값으로
"돌림판 돌려서 당첨" 칸 나뉜 판이 돌다 천천히 멈추고, 멈춘 칸 숫자가 결과 자리에 튀어 나온다. ↔ 판이 돌아 하나를 고르면 룰렛, 숫자 띠가 굴러 맞춰지면 자릿수 슬롯(⑫) 쓰임 게임 · 뽑기 만드는 법 CSS 모션 그래픽 AI에게 ▸ 8칸 룰렛이 3초 동안 돌다가 천천히 멈추고, 멈춘 칸 숫자가 오른쪽 결과 자리에 튀어 나오게 해줘.
나온 눈 4 구르는 시간 1.2초 처음 값으로
"주사위 던져서 숫자 나오게" 주사위가 굴러가며 눈이 바뀌다 정한 눈에서 멈추고, 옆에 결과 숫자가 크게 뜬다. ↔ 굴러가다 눈이 정해지면 주사위 굴리기, 돌다 칸에 멈추면 룰렛 쓰임 게임 · 뽑기 만드는 법 모션 그래픽 AI에게 ▸ 주사위가 1.2초 동안 구르다 나온 눈이 4이면 멈추고, 옆에 결과 숫자를 크게 띄워줘.
숫자 2026 처음 값으로
"디지털 시계 숫자처럼" 획 일곱 개로 이루어진 숫자가 켜진다. 꺼진 획은 흐리게 남고, 켜질 때 잠깐 깜빡인다. ↔ 획으로 켜지면 7세그먼트, 판이 넘어가며 바뀌면 플립 카드(⑨) 쓰임 계기 · 레트로 만드는 법 CSS 모션 그래픽 AI에게 ▸ 7세그먼트 숫자로 띄워줘. 값은 2026. 꺼진 획은 흐리게 남기고, 자리마다 0.15초 간격으로 켜지며 0.1초 깜빡이게.
값 120 눈금 끝 200 처음 값으로
"속도계처럼 바늘 돌아가게" 반원 눈금 위로 바늘이 돌아 값에 서고, 끝에서 살짝 지나쳤다 돌아온다. ↔ 바늘이 돌아 가리키면 바늘 게이지, 고리가 채워지면 퍼센트 링(⑫) 쓰임 계기 · 속도 만드는 법 CSS 모션 그래픽 AI에게 ▸ 바늘 게이지로 0에서 120까지 1초 동안 바늘을 돌리고, 끝에서 살짝 지나쳤다 돌아오게 해줘. 눈금은 0~200.
지난달 1200만 이번 달 900만 처음 값으로
"지난달이랑 이번 달 나란히" 두 값을 나란히 세어 올리고, 다 오르면 차이를 오르면 초록 ▲, 내리면 빨강 ▼ 칩으로 붙인다. ↔ 두 값의 차이를 칩으로 보이면 KPI 비교, 값 하나 옆에 증감만 붙이면 증감 배지(⑫) 쓰임 계기 · 보고 만드는 법 CSS 모션 그래픽 AI에게 ▸ 지난달 1,200만 원과 이번 달 900만 원을 나란히 세어 올리고, 다 오르면 차이를 「▲·▼ %」 칩으로 붙여줘. 오르면 초록, 내리면 빨강.
3·2·1 카운트다운 손잡이 Countdown 문장 시작 숫자 3 처음 값으로
"3 2 1 하고 시작" 1초마다 큰 숫자가 튀어나오며 줄어들고, 둘레 원이 1초에 걸쳐 줄다가 끝나면 「시작!」. ↔ 화면 가운데서 크게 세면 3·2·1 카운트다운, 작은 칩으로 남은 시간을 보이면 카운트다운 칩(⑭) 쓰임 시작 · 긴장 만드는 법 CSS 모션 그래픽 AI에게 ▸ 3부터 1까지 1초마다 큰 숫자가 튀어나오며 바뀌고, 숫자를 둘러싼 원이 1초에 걸쳐 줄게 해줘. 끝나면 「시작!」.
숫자 2026 자리 간격 0.12초 처음 값으로
"숫자가 하나씩 떨어져서" 숫자가 한 자리씩 위에서 떨어져 바닥에 닿을 때 납작해졌다 튀어 오른다. ↔ 자리마다 떨어져 튕기면 떨어지는 자리, 띠가 굴러 맞춰지면 숫자 굴러가기(⑫) 쓰임 등장 · 경쾌 만드는 법 CSS 모션 그래픽 AI에게 ▸ 숫자를 한 자리씩 0.12초 간격으로 위에서 떨어뜨리고, 바닥에 닿을 때 납작해졌다 튀어 오르게 해줘. 값은 2026.
한 블록 12 블록 수 5개 처음 값으로
"블록 쌓이면서 합계 올라가게" 「+N」 블록이 하나씩 쌓일 때마다 옆의 합계가 그만큼 오른다. ↔ 블록이 쌓이며 합계가 오르면 합계 쌓기, 막대가 층층이 올라가면 누적 막대 쌓기(⑫) 쓰임 보고 · 누적 만드는 법 CSS 모션 그래픽 AI에게 ▸ 「+12」 블록이 하나씩 쌓일 때마다 합계가 12씩 올라가게 해줘. 블록은 5개.
⑲ 도식 모션 24 24 발표·설명 영상에서 도식이 그려지는 장면 24가지. 1~6 순서대로 흐르기 · 7~12 짜임 보여 주기 · 13~18 나란히 견주기 · 19~24 한 곳 짚어 말하기. 대괄호 자리에 실제 단계·이름을 넣어 시키세요.
"일정을 길처럼 이어지게 그려줘" 구불구불한 길이 왼쪽부터 그려지고, 길이 닿는 이정표 점마다 이름이 위아래로 번갈아 뜬다. ↔ 길 위에 이정표가 켜지면 로드맵 길, 곧은 축 위에서 지금을 짚으면 시간 축 쓰임 계획 · 일정 만드는 법 모션 그래픽 CSS AI에게 ▸ Roadmap Path 로 [단계 네 개] 보여줘. 구불구불한 길이 2.4초에 왼쪽부터 그려지고, 길이 닿는 이정표마다 점이 튀어나오며 이름이 위아래 번갈아 붙어. 마지막 점에서 링이 퍼지게.
"순서대로 화살표로 이어줘" 상자가 왼쪽부터 하나씩 튀어나오고 사이 화살표가 뒤따라 그려진 뒤, 점 하나가 처음부터 끝까지 흘러간다. ↔ 네모 상자를 화살표로 이으면 흐름 화살표, 뾰족한 띠 조각이 맞물리면 화살 띠 쓰임 과정 · 설명 만드는 법 모션 그래픽 CSS AI에게 ▸ Arrow Chain 으로 [단계 네 개] 이어줘. 상자가 0.55초 간격으로 왼쪽부터 튀어나오고, 상자 다음마다 화살표가 0.3초에 그려져. 마지막 상자만 강조색으로 채우고, 다 그려지면 아래 줄로 점 하나가 흘러가게.
"예 아니오로 갈라지게" 마름모 질문에서 선이 위아래 두 갈래로 갈라지고, 점 하나가 한쪽 길을 따라가 그쪽 상자를 켠다. ↔ 두 갈래 중 하나를 고르면 갈림길, 여러 단계를 한 줄로 이으면 흐름 화살표 쓰임 판단 · 안내 만드는 법 모션 그래픽 CSS AI에게 ▸ Branch Flow 로 [질문 하나와 두 갈래] 보여줘. 마름모가 먼저 튀어나오고 선이 1초에 위(예)·아래(아니오)로 갈라져. 그다음 점 하나가 예 쪽 길을 1.2초에 따라가고, 닿으면 그 상자를 강조색으로 채워.
"계속 도는 과정으로 보여줘" 둥글게 놓인 상자 넷 사이로 화살표 호가 차례로 그려지고, 강조 표시가 상자를 한 칸씩 돌아간다. ↔ 끝이 처음으로 돌아오면 순환 고리, 끝이 따로 있으면 흐름 화살표 쓰임 반복 · 습관 만드는 법 모션 그래픽 CSS AI에게 ▸ Cycle Loop 로 [단계 넷] 둥글게 놓아줘. 상자 넷이 먼저 나오고, 사이를 잇는 화살표 호가 0.45초씩 시계 방향으로 그려져. 다 그려지면 강조색이 0.9초마다 다음 상자로 옮겨 가고, 가운데에 「한 바퀴」.
"과거 현재 미래로 보여줘" 왼쪽부터 지금까지는 실선, 지금 점에서 맥박이 뛰고, 그 뒤 미래는 흘러가는 점선과 화살표로 이어진다. ↔ 곧은 축 위에서 지금을 짚으면 시간 축, 길 위에 이정표가 켜지면 로드맵 길 쓰임 역사 · 전망 만드는 법 모션 그래픽 CSS AI에게 ▸ Timeline Axis 로 [지난 때 · 지금 · 앞으로] 보여줘. 지금까지는 실선이 1초에 그려지고, 지금 점은 강조색으로 크게 링이 퍼져. 지금 뒤로는 점선이 흐르듯 그려지고 끝에 화살촉.
"화살표 모양 띠로 단계 보여줘" 끝이 뾰족한 띠 조각이 왼쪽부터 한 칸씩 밀려 들어와 맞물리고, 갈수록 색이 진해지며 아래 진행 막대가 찬다. ↔ 뾰족한 띠 조각이 맞물리면 화살 띠, 네모 상자를 화살표로 이으면 흐름 화살표 쓰임 공정 · 진행 만드는 법 모션 그래픽 CSS AI에게 ▸ Chevron Steps 로 [단계 넷] 보여줘. 뾰족한 띠 조각이 0.45초 간격으로 왼쪽에서 밀려 들어와 앞 조각에 맞물려. 뒤 조각일수록 강조색이 진하고, 다 끼워지면 아래 진행 막대가 3초에 끝까지 차.
"피라미드로 층층이 쌓아줘" 사다리꼴 층이 아래부터 하나씩 위에서 떨어져 얹히고, 층마다 옆으로 선이 뻗어 이름이 붙는다. ↔ 층이 위로 좁아지면 피라미드 쌓기, 같은 크기 판이 겹치면 레이어 넘기기(⑮) 쓰임 위계 · 단계 만드는 법 모션 그래픽 CSS AI에게 ▸ Pyramid Stack 으로 [아래부터 층 넷] 쌓아줘. 층이 0.4초 간격으로 위에서 떨어져 얹히고, 위층일수록 강조색이 진해. 얹힌 층마다 오른쪽으로 선이 뻗고 끝에 이름.
"가지처럼 갈라지게" 맨 위 상자에서 꺾은 선이 아래로 갈라져 자식 상자가 나오고, 그중 하나가 다시 손자 상자로 갈라진다. ↔ 위에서 아래로 갈라지면 가지 나누기, 가운데서 사방으로 뻗으면 중심 방사 쓰임 분류 · 구조 만드는 법 모션 그래픽 CSS AI에게 ▸ Tree Split 으로 [맨 위 하나, 아래 셋, 그 아래 둘] 나눠줘. 맨 위 상자 다음 꺾은 선이 0.7초에 세 갈래로 내려가며 자식 상자가 차례로 튀어나와. 첫 자식에서 다시 두 갈래가 0.6초에 내려가.
"2×2 로 나눠줘" 가로세로 축이 가운데서 뻗고, 가운데 모여 있던 카드들이 하나씩 자기 칸으로 날아가 앉는다. ↔ 카드가 네 칸 중 하나에 앉으면 네 칸 나누기, 점이 축 위 자리를 찾아가면 포지셔닝 지도 쓰임 우선순위 · 판단 만드는 법 모션 그래픽 CSS AI에게 ▸ Matrix Sort 로 [축 두 개와 카드 넷] 보여줘. 가운데서 가로·세로 축이 0.7초에 뻗고 끝에 축 이름. 카드가 0.35초 간격으로 가운데서 자기 칸으로 튕기듯 날아가 앉고, 첫 카드만 강조색.
"두 원이 겹치는 부분 강조" 양옆에서 원 두 개가 미끄러져 들어와 겹치고, 겹친 부분만 강조색으로 채워진 뒤 맥박이 뛴다. ↔ 겹친 곳이 답이면 벤 겹치기, 크기 차이를 보이면 크기 비교(⑫) 쓰임 교집합 · 핵심 만드는 법 모션 그래픽 CSS AI에게 ▸ Venn Overlap 으로 [두 가지와 겹치는 것] 보여줘. 원 두 개가 1.2초에 양옆에서 들어와 3분의 1쯤 겹치고, 겹친 부분만 0.6초에 강조색으로 채워져. 가운데 한 단어, 바깥 원에 각 이름.
"가운데서 사방으로 뻗게" 가운데 원이 먼저 서고, 바큇살처럼 선이 하나씩 뻗어 끝마다 이름표가 튀어나오며 전체가 천천히 돈다. ↔ 가운데서 사방으로 뻗으면 중심 방사, 위에서 아래로 갈라지면 가지 나누기 쓰임 정리 · 브레인스토밍 만드는 법 모션 그래픽 CSS AI에게 ▸ Radial Map 으로 [가운데 주제 하나와 둘레 여섯] 보여줘. 가운데 원이 튀어나온 뒤 선이 0.2초 간격으로 사방에 뻗고 끝마다 이름표가 튀어나와. 전체는 아주 천천히 돌고 가운데 원은 숨 쉬듯.
"우리 위치 보여줘" 두 축이 그려지고 회색 점들이 자리 잡은 뒤, 강조색 점 하나가 미끄러져 빈 자리를 찾아 앉고 링이 퍼진다. ↔ 점이 자리를 찾아가면 포지셔닝 지도, 카드가 칸에 앉으면 네 칸 나누기 쓰임 경쟁 · 위치 만드는 법 모션 그래픽 CSS AI에게 ▸ Position Map 으로 [축 두 개, 다른 점 셋, 우리 점 하나] 보여줘. 축이 0.7초에 뻗고 네 끝에 축 이름. 회색 점 셋이 튀어나온 뒤 강조색 우리 점이 1초에 빈 자리로 미끄러져 앉고 링이 퍼져.
"전이랑 후 나란히" 왼쪽 흐린 BEFORE 카드 다음 화살표가 그려지고, 오른쪽 테두리 AFTER 카드가 튀어나오며 막대가 줄어든다. ↔ 카드 두 장을 화살표로 이으면 전후 카드, 한 화면을 세로선으로 가르면 전/후 라벨(⑭) 쓰임 개선 · 결과 만드는 법 모션 그래픽 CSS AI에게 ▸ Before After Card 로 [전 값과 후 값] 보여줘. 왼쪽 회색 카드가 먼저, 화살표가 0.5초에 그려지고, 오른쪽 카드가 강조 테두리로 튀어나와. 아래 막대가 후 값만큼 1초에 줄어들어.
"A안 B안 항목별로 비교" 두 카드에 같은 항목이 나란히 서고, 줄마다 ✓와 ✗가 차례로 찍힌 뒤 이긴 쪽 테두리가 켜지고 「선택」이 붙는다. ↔ 항목마다 ✓✗를 찍으면 두 안 맞대기, 좋은 것과 아쉬운 것을 두 줄로 세우면 장단 두 줄 쓰임 선택 · 검토 만드는 법 모션 그래픽 CSS AI에게 ▸ A/B Checklist 로 [두 안과 항목 셋] 견줘줘. 카드 두 장이 나란히 나오고, 줄마다 0.5초 간격으로 ✓(강조색) 또는 ✗(회색)가 그려져. 다 찍히면 이긴 카드 테두리가 켜지고 위에 「선택」 칩.
"장점 단점 나눠서" 왼쪽 「좋은 점」 칩은 강조 테두리로, 오른쪽 「아쉬운 점」 칩은 흐리게 한 줄씩 양옆에서 들어온다. ↔ 좋은 것과 아쉬운 것을 두 줄로 세우면 장단 두 줄, 두 안을 항목마다 견주면 두 안 맞대기 쓰임 검토 · 리뷰 만드는 법 모션 그래픽 CSS AI에게 ▸ Pros Cons 로 [좋은 점 셋, 아쉬운 점 셋] 나눠줘. 왼쪽 머리는 ＋, 오른쪽은 －. 칩이 0.3초 간격으로 양옆에서 미끄러져 들어오고, 좋은 점은 강조 테두리, 아쉬운 점은 회색.
"잘못된 예랑 맞는 예" 들쭉날쭉한 줄의 왼쪽 카드와 반듯한 줄의 오른쪽 카드가 그려지고, 왼쪽엔 ✗가 그어지며 흐려지고 오른쪽엔 ○와 테두리가 켜진다. ↔ 흠을 고친 모습을 나란히 두면 좋은 예 나쁜 예, 시간 순서로 바뀐 값이면 전후 카드 쓰임 가이드 · 교육 만드는 법 모션 그래픽 CSS AI에게 ▸ Good Bad 로 [고칠 것과 고친 것] 나란히 보여줘. 왼쪽 카드엔 길이가 들쭉날쭉한 줄, 오른쪽엔 반듯한 줄이 차례로 그려져. 2초 뒤 왼쪽은 ✗가 그어지며 흐려지고, 오른쪽은 ○와 강조 테두리.
"요금제 셋 중 하나 강조" 카드 셋이 나란히 선 뒤 가운데 카드만 위로 떠오르며 커지고 테두리가 켜지며, 양옆 카드는 어두워진다. ↔ 여럿 중 하나를 띄우면 셋 중 하나, 둘을 항목마다 견주면 두 안 맞대기 쓰임 요금 · 옵션 만드는 법 모션 그래픽 CSS AI에게 ▸ Plan Pick 으로 [선택지 셋] 놓아줘. 카드 셋이 0.2초 간격으로 튀어나오고, 1.8초에 가운데 카드가 살짝 떠오르며 6% 커지고 강조 테두리. 양옆은 어둡게 눌리고 위에 짧은 추천 칩.
"복잡한 게 한 줄로 정리되게" 「문제」 칩에서 엉킨 선이 그려지다가, 그 선이 스르르 펴져 곧은 강조색 선이 되고 끝에 체크 원이 튀어나온다. ↔ 엉킨 선이 곧게 펴지면 엉킨 선 풀기, 길 위에 이정표가 켜지면 로드맵 길 쓰임 해결 · 제안 만드는 법 모션 그래픽 CSS AI에게 ▸ Tangle to Line 으로 [문제 하나와 해결] 보여줘. 왼쪽 문제 칩에서 엉킨 선이 0.9초에 그려지고, 1.4초에 걸쳐 곧은 선으로 펴지며 강조색이 돼. 끝에 체크 원이 튀어나와.
"차트 한 곳에 설명 달아줘" 막대들이 자라고 그중 하나가 강조색으로 바뀐 뒤, 흰 말풍선이 튀어나와 꼬리로 그 막대를 가리킨다. ↔ 도표 속 한 곳에 말을 달면 말풍선 짚기, 대화가 쌓이면 말풍선 톡(⑭) 쓰임 차트 해설 · 발표 만드는 법 모션 그래픽 CSS AI에게 ▸ Callout Bubble 로 [막대 차트와 짚을 막대 하나] 보여줘. 막대가 0.12초 간격으로 자라고, 짚을 막대만 강조색으로 바뀌어. 그다음 흰 말풍선이 튀어나와 꼬리로 그 막대 끝을 가리키고, 막대 끝에 링이 퍼져.
"중요한 줄에 네모 쳐줘" 흐린 글줄 사이에서 한 줄만 진짜 글자로 떠오르고, 그 줄을 테두리가 한 바퀴 그리며 감싼 뒤 「핵심」 칩이 붙는다. ↔ 줄 전체를 상자로 감싸면 줄 상자 강조, 글자 뒤로 색을 그으면 형광펜(⑨) 쓰임 문서 · 요약 만드는 법 모션 그래픽 CSS AI에게 ▸ Row Box 로 [핵심 문장 한 줄] 짚어줘. 흐린 글줄 다섯이 깔리고 셋째 줄만 실제 문장으로 떠올라. 강조색 테두리가 0.8초에 그 줄을 한 바퀴 그려 감싸고, 오른쪽 위 모서리에 「핵심」 칩.
"포인트 세 개로 정리" 번호 원이 붙은 줄 셋이 왼쪽에서 차례로 들어오고, 줄마다 체크가 그어지며 오른쪽에 짧은 근거가 붙는다. ↔ 번호 줄에 체크를 그으면 요점 셋, 단계가 이어지면 흐름 화살표 쓰임 요약 · 소개 만드는 법 모션 그래픽 CSS AI에게 ▸ Three Points 로 [요점 셋과 근거] 정리해줘. 위에 작은 머리말, 번호 원이 붙은 줄이 0.35초 간격으로 왼쪽에서 들어와. 다 들어오면 줄마다 체크가 0.35초 간격으로 그어지고 오른쪽 끝에 회색 근거.
"주의사항 띄워줘" 경고 삼각형이 선으로 그려지고 느낌표가 찍히며 흔들린 뒤, 옆에 틀린 행동은 ✗와 취소선, 맞는 행동은 ✓로 뜬다. ↔ 경고와 함께 맞는 길을 알려 주면 주의 표시, 두 예를 나란히 두면 좋은 예 나쁜 예 쓰임 안내 · 주의 만드는 법 모션 그래픽 CSS AI에게 ▸ Caution Card 로 [틀린 행동과 맞는 행동] 보여줘. 왼쪽 삼각형이 0.8초에 선으로 그려지고 느낌표가 찍히며 짧게 흔들려. 오른쪽 위 줄은 ✗와 취소선(회색), 아래 줄은 ✓와 강조 테두리.
"부분마다 이름 달아줘" 물건이 선으로 그려진 뒤 부위마다 점이 찍히고, 거기서 선이 뻗어 나가 끝에 이름표가 붙는다. ↔ 붙은 채로 부위를 짚으면 지시선 이름표, 켜를 벌려 놓고 짚으면 분해도(⑮) 쓰임 제품 · 설명서 만드는 법 모션 그래픽 CSS AI에게 ▸ Leader Labels 로 [물건 하나와 부위 셋] 짚어줘. 물건 윤곽이 0.9초에 선으로 그려지고, 부위마다 강조색 점이 0.4초 간격으로 찍혀. 점에서 바깥으로 선이 뻗고 끝에 테두리 이름표.
"특징을 아이콘이랑 짧게" 칸 셋이 튀어나오고 칸마다 아이콘이 선으로 그려진 뒤, 아래 두 단어 이름과 짧은 설명이 뜬다. ↔ 그림과 짧은 말을 칸에 담으면 아이콘 칸, 아이콘이 혼자 움직이면 아이콘·로고 몸짓(⑬) 쓰임 기능 · 특징 만드는 법 모션 그래픽 CSS AI에게 ▸ Icon Tiles 로 [특징 셋] 보여줘. 칸 셋이 0.2초 간격으로 튀어나오고, 칸마다 아이콘이 0.9초에 강조색 선으로 그려져. 그다음 아래에 굵은 이름 한 줄과 회색 설명 한 줄.
＋ 조합 레시피 7 · 샷 단위 낱개 모션을 아는 다음 단계, 흔한 샷이 어떤 조합으로 만들어지는지.
제품 소개 오프너 제목이 툭 들어오고 카드가 차례로 뜨는 15초 인트로 문장 Punch In Ease Out Stagger
제목은 펀치 인으로 바로 키우고, 카드는 이즈 아웃 + 스태거로 하나씩
Whip Pan Motion Blur
휩 팬으로 넘기고 그 구간에만 가로 모션 블러
깊이감 히어로 레이어가 살아 있는 입체 히어로 배경 문장 Parallax 2.5D Camera Ease Out
배경·중간·앞 레이어를 겹쳐 2.5D 카메라로 천천히, 등장은 이즈 아웃
모션 그래픽 자기소개 박자에 맞춰 키네틱 타이포로 넘어가는 15초 소개 (HyperFrames 류) 문장 Kinetic Typography BPM 비트 싱크 Text Stagger
이름·숫자·한 문장을 키네틱 타이포로, 120 BPM 비트마다 전환, 각 줄은 스태거 등장
15초 쇼릴 「모션 디자이너 쇼릴처럼」을 시킬 때, 장면마다 기법을 바꿔 보여 주는 15초 문장 Beat-synced Cut Kinetic Typography Snap Zoom Grid Dissolve Mask Reveal
비트마다 컷을 넘기고 장면마다 기법을 하나씩 바꾼다. 마지막 2초는 이름 한 줄로 멈춘다
제품 출시 영상 문제 한 줄 → 로고 → 기능 셋 → 행동 유도로 끝나는 30초 문장 Mask Reveal Screen Dive Text Reveal (Stagger) Punch In
로고는 마스크 리빌, 제품 화면 안으로 스크린 다이브해 기능 셋을 한 줄씩, 마지막 행동 유도는 펀치 인
설명 영상 원리를 한 조각씩 그려 가며 보여 주는 설명 영상 문장 Stagger (Follow-through) Zoom Lower-third Cross Dissolve
도식을 한 조각씩 스태거로 그리고, 지금 설명하는 부분으로 줌, 이름표는 로어 서드, 단계 사이는 크로스 디졸브
＋ 글자 조합 레시피 10 이미 있는 글자 연출에 타이밍·효과를 하나 더 얹은 것. 새 이름을 외우지 말고 아는 이름 둘셋을 섞어서 시키세요.
번개 내리꽂기 화면이 번쩍이고 글자가 빛을 두르며 내리꽂힌다 문장 Letter Slam Impact Flash Bloom / Glow
레터 슬램으로 박고, 박히는 순간 임팩트 플래시 한 번, 글자에는 블룸을 둘러 빛나게
사방으로 튀는 글자 모여 있던 글자가 파편과 함께 바깥으로 흩어진다 문장 Word Burst Particles Ease Out
워드 버스트를 거꾸로 써서 글자를 바깥으로 날리고, 파티클을 함께 터뜨린다
심장 박동 확대 두 번씩 뛰는 박자에 맞춰 글자가 커지고 파문이 퍼진다 문장 Punch Zoom Beat-synced Cut Ripple Wipe
펀치 줌을 비트에 묶고, 박자마다 파문 링을 하나씩
카운트다운 내리찍기 3·2·1 숫자가 하나씩 박히며 화면이 흔들린다 문장 Letter Slam Impact Shake Impact Flash
숫자마다 레터 슬램, 박힌 직후 임팩트 셰이크, 시작 순간 짧은 플래시
동전 뒤집기 글자 글자가 동전처럼 돌며 튀어 올랐다 내려앉는다 문장 Flip Cards Bounce Stagger (Follow-through)
플립 카드처럼 옆으로 두 바퀴 돌리고, 도는 동안 바운스로 튀게, 글자마다 스태거
한 자씩 통통 글자가 하나씩 떨어져 바닥에서 찌그러지며 통통 튄다 문장 Bounce Squash & Stretch Stagger (Follow-through)
바운스 세 번, 닿을 때마다 스쿼시, 글자마다 스태거
글자 격자 맥박 빼곡히 깐 같은 단어가 물결 따라 커졌다 작아진다 문장 Repeating Text Wave Pop-in
리피트 웨이브처럼 깔되 색 대신 크기로, 대각선으로 지나가는 팝
원 안에서 말 바꾸기 바깥 고리 글자가 돌고 가운데 단어가 차례로 바뀐다 문장 Ring Text Tunnel Headline Swap
링 텍스트를 한 겹만 돌리고, 가운데는 헤드라인 스왑
체커판 글자 뒤집기 체커판 칸이 대각선 물결로 차례로 뒤집혀 색이 바뀐다 문장 Flip Cards Stagger (Follow-through)
플립 카드를 체커판으로 깔고 대각선 스태거로 뒤집기
늘어나는 물결 글자가 바닥을 딛고 물결 순서대로 위로 쭉 늘어난다 문장 Stretch Text Wave Letters
스트레치 텍스트를 글자 물결의 위상차로 돌리기
▦ 대본 문장마다 장면 하나 7 정보를 전하는 짧은 영상은 화면이 한 가지로 이어지면 금방 지루해져요. 대본 문장마다 아래 일곱 장면 중 하나를 골라 붙입니다.
한 문장에 장면 하나 같은 장면을 두 번 연달아 쓰지 않기 한 편에 4~6가지를 섞기 마지막 문장은 체크리스트로 닫기
툴·서비스 이름이 나올 때 로고 카드를 나란히 띄운다 만드는 항목 팝인 스태거
기능을 설명할 때 실제 화면을 비스듬히 세우고 짚을 곳을 확대한다 만드는 항목 달리 줌
숫자가 나올 때 (10장, 3개, 35초) 숫자를 화면 가득 크게 세어 올린다 만드는 항목 카운트업
입력·명령·과정을 말할 때 터미널에 한 글자씩 쳐 넣는다 만드는 항목 타입온
A 와 B 를 비교할 때 화면을 둘로 나눠 양쪽에 놓는다 만드는 항목 스플릿 스크린
정리하며 끝낼 때 줄마다 체크하고 끝에 도장을 찍는다 만드는 항목 라인 드로 스탬프 대본을 장면표로 바꾸는 요청문복사
대본을 붙이고 이 문장을 같이 보내면 문장마다 어떤 장면을 넣을지 표로 나옵니다.
아래 대본으로 짧은 정보 영상의 장면표를 만들어줘.
장면은 이 일곱 가지 중에서만 고른다:
1 로고 카드(툴 이름) / 2 실제 화면(기능 설명) / 3 크게 세기(숫자) / 4 타이핑(입력·과정)
5 한 단어 가득(핵심 단어) / 6 나란히(비교) / 7 체크리스트(정리)
규칙:
- 한 문장에 장면 하나
- 같은 장면을 두 번 연달아 쓰지 않기
- 한 편에 4~6가지를 섞기
- 마지막 문장은 7 체크리스트
표 칸: 번호 / 대본 문장 / 장면 / 화면에 띄울 글자(10자 안팎) / 준비할 자료(사이트 주소·로고 등)
대본:
[여기에 대본]
구조와 기능
사전 정본은 menu.json 하나다. 6개 코스(①카메라 기본 8 ②카메라 강조·전환 10 ③전환·디졸브·리빌 10 ④키네틱 타이포 7 ⑤타이밍·질감 14 ⑥효과·시간 11) 아래 60개 항목이 있고, 항목마다 한/영 정식 명칭, 사람이 실제로 하는 말(별칭), 한 줄 정의, 헷갈리는 것 구분 기준(vs), 방향과 시간이 들어간 요청 문장, 그리고 만드는 법이 붙는다. 데모는 마커로 구분된 프래그먼트에서 생성되며, 빌드 한 번에 움직이는 자가완결 HTML 64개(60항목 + 샷 레시피 4)·갤러리·llms.txt가 전부 나온다. 빌드 의존성은 0이다.
모션은 이름만으로 부족하다. 그래서 상단에 공식([어디에] + [모션 이름] + [방향] + [시간/프레임])을 두고, 각 항목의 요청 문장에 방향과 시간을 이미 박아 둔다. 「제품 아래에서 위로 틸트 업해줘. 1.5초.」를 그대로 복사해 쓰면 된다.
효과·시간 코스와 타이밍 원칙을 더했다 (0.3)
0.3은 모션 그래픽 용어 레퍼런스를 대조해 가장 비어 있던 축 둘을 채웠다. 하나는 ⑥효과·시간 코스를 통째로 신설한 것이다. 슬로 모션·타임랩스·프리즈 프레임·리버스·스트로브·라이트 릭·렌즈 플레어·블룸/글로우·스플릿 스크린·화면 속 화면(PiP)·데이터모시 열한 개가 들어왔다. 다른 하나는 디즈니 타이밍 12원칙의 보강으로, 아크(호 운동)·바운스·팔로 스루·스미어 프레임·심리스 루프를 ⑤타이밍 코스에 더했다. 이제 코스는 여섯이다.
사람들이 실제로 시키는 영상 셋을 레시피로 (0.4)
Opus 5.5 로 만든 모션 영상 232개를 모아 둔 Prompt Motion 을 전부 열어 셌다. 프롬프트 중간값은 151자이고, 3분의 1(78개)이 같은 「15초 쇼릴」 프롬프트의 변형이었다. 도구를 지정한 사람은 거의 없었고, 가장 흔한 주문은 쇼릴 · 출시 영상 · 설명 영상 셋이었다.
그래서 이 셋을 장면 구성과 시간표가 있는 레시피로 넣었다.
15초 쇼릴 : 비트마다 컷, 장면마다 기법을 하나씩 바꾸고 이름 한 줄로 끝낸다제품 출시 영상 : 문제 한 줄 → 로고 마스크 리빌 → 제품 화면으로 스크린 다이브해 기능 셋 → 행동 유도 펀치 인 (30초)설명 영상 : 도식을 한 조각씩 그리고, 설명하는 부분으로 줌, 이름표는 로어 서드 (45초)「역동적으로 해줘」 한 마디만 들어와도, 이 레시피의 장면과 시간표로 바꿔 제안한다.
만드는 법, 같은 모션도 경로가 다르다
모든 항목에 '만드는 법'이 붙는다. 같은 모션이라도 어디서 만드느냐에 따라 길이 갈린다. AI 영상(Runway·Kling·Sora 등 프롬프트), 모션 그래픽(HyperFrames·After Effects 등 코드/키프레임), CSS(웹에서 직접) 세 경로를 항목마다 뱃지로 표시한다. 카메라 모션은 대부분 AI 영상, 전환·디졸브·키네틱 타이포는 모션 그래픽이 강하고, 이징·스태거·글리치·라이트 스윕 같은 건 CSS 데모를 바로 응용한다. 한 항목에 여러 경로가 붙기도 한다(글리치 = AI 영상·모션 그래픽·CSS). 모션 그래픽 경로는 HyperFrames의 전환 블록(Circle Iris·Grid Dissolve 등) 용어와 그대로 맞물린다.
핵심, 현장에서 갈리는 쌍을 먼저 구분한다
같은 말이 두 모션에 걸친다. "옆으로 움직여줘"는 제자리서 돌면 팬, 몸이 옮겨 가면 트랙이다. "확대해줘"는 렌즈만 당기면 줌(배경 그대로), 몸이 다가가면 달리(배경 변함)다. "넘길 때 겹치며"는 서서히 겹치면 크로스 디졸브, 원이 열리면 원 아이리스, 직선이 쓸면 와이프다. 이 사전은 그 경계를 항목마다 vs 기준으로 먼저 보여주고 고르게 한다. 현장에서 특히 많이 쓰는 항목엔 ★을 달았고, 픽셀 디졸브(Grid Dissolve)·원 아이리스(Circle Iris)·화면 속 다이브처럼 표준 용어가 아닌 통용 이름에는 '애칭' 표시를 붙여 정식 영어명과 함께 준다. AI·모션 그래픽 도구엔 영어 정식명이 더 잘 먹기 때문이다.
용어의 출처는 촬영·영상 현장과 모션 그래픽 현장이다. 그래서 AI 영상 생성 프롬프트와 모션 그래픽 지시에 그대로 쓰는 게 1순위 용도다. 갤러리의 데모는 그 움직임을 브라우저에서 CSS로 재현한 참고용이지 "이 CSS를 쓰라"는 뜻이 아니다.
실측
항목 60 · 코스 6 · 데모 67(움직이는 자가완결 HTML, 의존성 0, prefers-reduced-motion 존중) · 샷 조합 레시피 7 · 라이선스 MIT. 검수 기준 버전 0.4.0, 2026-10-09. 60개 항목과 7개 레시피 전부 루프 재생되는지 헤드리스 렌더로 실측 확인했다. 사용자가 직접 정리한 모션 용어에 HyperFrames 등 모션 그래픽 도구의 전환 블록 카탈로그와 용어 레퍼런스를 더해 사전·데모·에이전트 채널로 굳힌 자체 제작 스킬이라, 저장소 실측(커밋·기여자)은 표기하지 않는다.
스킬 · 자체 제작