모션 사전

「역동적으로」 대신 이름으로 시킵니다. 사람 말로 찾고, 헷갈리는 쌍(↔)을 보고, 요청 문장을 복사해 프롬프트·판 연출에 씁니다.

팬 Pan
AI 영상

제자리에서 좌우로 돌기.

↔ 카메라가 제자리에서 좌우로 돌면 팬, 몸이 옆으로 이동하면 트랙

“화면을 옆으로 둘러봐줘”“좌우로 훑어줘”“옆으로 쭉 돌려줘”
첫 화면에서 오른쪽으로 팬해줘. 1초 동안.
미니맥스 H3 문장 · 실측으로 먹힘
The camera pans left with small amplitude, a short uneasy glance of about twenty degrees, then pans right with small amplitude and settles back to center.

「두리번」 만 적으면 180° 돈다. 첫·끝 프레임을 같은 그림으로 묶어야 제자리로 돌아온다

틸트 Tilt
AI 영상

제자리에서 위아래로 돌기.

↔ 제자리에서 위아래로 돌면 틸트, 몸이 위아래로 이동하면 페데스탈

“위아래로 훑어줘”“아래서 위로 올려다봐줘”“위로 올려줘”
제품 아래에서 위로 틸트 업해줘. 1.5초.
미니맥스 H3 문장 · 실측으로 먹힘
The camera tilts up with large amplitude toward the subject.

반영으로 틸트 다운, 빛을 따라 틸트 업 모두 움직임은 나왔다. 화면 밖으로 크게 가면 원본에 없는 곳을 새로 지어낸다(인물이 바뀜)

롤 Roll
AI 영상

화면이 기울어짐.

↔ 렌즈 방향 축으로 돌아 수평선이 기운다. 평면을 눕히는 퍼스펙티브 틸트와 다르다

“화면을 기울여줘”“비스듬히 돌려줘”“수평선 틀어줘”
마지막 컷에서 화면을 5도 롤해줘. 0.5초.
미니맥스 H3 문장 · 초안(시험 전)
The camera rolls clockwise with small amplitude, tilting the horizon.
트랙 Track
AI 영상

카메라 몸이 옆으로 이동.

↔ 몸이 옆으로 움직이면 트랙(가까운 게 더 많이 움직임), 제자리서 돌면 팬

“따라가면서 옆으로 움직여줘”“같이 옆으로 이동해줘”“달려가며 옆에서 찍어줘”
카드 세 장을 따라 왼쪽으로 트랙해줘. 2초.
미니맥스 H3 문장 · 초안(시험 전)
The camera trucks right with small amplitude, keeping the subject in frame.
페데스탈 Pedestal
AI 영상

카메라 몸이 위아래로 이동.

↔ 몸이 위아래로 움직이면 페데스탈(가까운 게 더 많이 움직임), 제자리서 돌면 틸트

“카메라를 위로 올려줘”“높이를 올려서 찍어줘”“수직으로 올라가며”
건물 아래에서 위로 페데스탈 업해줘. 2초.
미니맥스 H3 문장 · 초안(시험 전)
The camera pedestals up with large amplitude, rising past the subject.
달리 Dolly
AI 영상

카메라 몸이 앞뒤로 이동, 배경도 변함.

↔ 몸이 다가가 배경까지 변하면 달리, 렌즈만 당겨 다 같은 비율로 커지면 줌

“앞으로 다가가줘”“가까이 들어가줘”“밀고 들어가줘”
캐릭터 쪽으로 달리 인해줘. 배경도 같이 변하게. 1.5초.
미니맥스 H3 문장 · 실측으로 먹힘
The camera pushes in with large amplitude toward the subject.

철문 → 문 틈 어둠, 셋째 눈 속으로. 멀리 가야 하면 large amplitude 만, slow 금지

줌 Zoom
AI 영상 · CSS

렌즈만 당김, 배경은 그대로.

↔ 렌즈만 당겨 전부 같은 비율로 커지면 줌, 몸이 다가가 배경이 변하면 달리

“확대해줘”“당겨줘”“줌 인해줘”
제목에 줌 인해줘. 1초.
미니맥스 H3 문장 · 초안(시험 전)
The camera zooms in with small amplitude on the subject, the background scaling with it.
오빗 Orbit
AI 영상

대상 주위를 돌기.

↔ 대상은 가운데 두고 그 둘레를 돌면 오빗, 평면을 겹쳐 깊이를 주면 2.5D 카메라

“주위를 빙 돌아줘”“둘러서 돌려줘”“제품 돌려서 보여줘”
제품 주위를 180도 오빗해줘. 3초.
미니맥스 H3 문장 · 초안(시험 전)
The camera arcs around the subject with large amplitude, keeping the subject centered.
휩 팬 Whip Pan ★
AI 영상 · 모션 그래픽

확 쏠리면서 장면 전환.

↔ 팬을 아주 빠르게 해 잔상과 함께 장면이 넘어간다. 느린 팬과 용도가 다르다

“확 넘겨줘”“휙 전환해줘”“빠르게 쏠리면서 바꿔줘”
첫 화면에서 둘째 화면으로 휩 팬으로 넘겨줘. 0.4초 안에.
미니맥스 H3 문장 · 실측으로 먹힘
The camera whips around with large amplitude at fast speed, the frame smearing in motion blur.

1인칭 뒤돌아보기: 「the hands leave the frame during the turn」 를 같이 — 돌아선 뒤 손이 남으면 보는 사람이 귀신이 된다

스냅 줌 Snap Zoom ★
AI 영상 · 모션 그래픽

몇 프레임 만에 확 당김.

↔ 몇 프레임에 걸쳐 확 당기면 스냅 줌, 중간 과정 없이 0프레임이면 펀치 인

“확 당겨줘”“갑자기 확대해줘”“크래시 줌”
가운데 카드로 스냅 줌 해줘. 4프레임 안에.
미니맥스 H3 문장 · 초안(시험 전)
The camera snaps in toward the subject at fast speed within a few frames.
펀치 인 Punch In ★
AI 영상 · 모션 그래픽

과정 없이 컷으로 확대.

↔ 0프레임(즉시 컷)이면 펀치 인, 몇 프레임 걸치면 스냅 줌

“바로 확대해줘”“컷으로 키워줘”“툭 커지게”
3초에서 얼굴로 펀치 인 해줘. 중간 동작 없이 컷으로.
미니맥스 H3 문장 · 초안(시험 전)
[Shot 2] At 00:03.000, the shot cuts to a close-up of the subject.

0프레임이라 카메라 이동이 아니라 컷이다 — 가이드의 [Shot N] At MM:SS.mmm 표기로

줌 아웃 트랙 인 Dolly Zoom
AI 영상

인물은 그대로, 배경만 변함.

↔ 카메라는 앞으로(트랙 인), 렌즈는 넓게(줌 아웃)를 동시에. 인물 크기는 유지, 배경만 변한다

“배경만 빨려 들어가게”“히치콕 줌”“현기증 효과”
인물 크기는 그대로 두고 배경만 멀어지게 줌 아웃 트랙 인 해줘. 카메라는 앞으로. 2초.
미니맥스 H3 문장 · 초안(시험 전)
The camera pushes in with large amplitude while zooming out, so the subject stays the same size and the background stretches away behind.
스피드 램핑 Speed Ramp ★
AI 영상 · 모션 그래픽

느리게 → 빠르게 → 느리게.

↔ 한 클립 안에서 속도를 바꾸면 스피드 램핑, 컷/강조가 비트에 맞으면 BPM 비트 싱크

“느렸다 빨라졌다 하게”“속도 조절해줘”“슬로우 넣었다 빠르게”
카드가 지나갈 때 스피드 램핑 줘. 느리게 0.5초, 빠르게 0.3초, 다시 느리게 0.5초.
패럴랙스 Parallax
모션 그래픽 · CSS

가까운 게 더 빨리 움직임.

↔ 레이어마다 속도를 다르게 하면 패럴랙스, 겹친 레이어를 카메라로 돌면 2.5D 카메라

“배경이랑 앞이 다르게 움직이게”“깊이감 있게 스크롤”“레이어 따로 움직여줘”
스크롤할 때 배경은 조금, 앞 레이어는 많이 움직이게 패럴랙스 줘.
랙 포커스 Rack Focus
AI 영상 · 모션 그래픽

초점을 옮겨 시선 이동.

↔ 몸·화각은 그대로 두고 초점만 옮기면 랙 포커스, 흐릿하게 넘기면 블러 전환

“초점 옮겨줘”“앞에서 뒤로 포커스 바꿔줘”“핀 옮겨줘”
앞 글자에서 뒤 제품으로 랙 포커스 해줘. 1초.
미니맥스 H3 문장 · 초안(시험 전)
Focus shifts from the foreground object in the foreground to the subject in the background; the camera itself stays still.
퍼스펙티브 틸트 Perspective Tilt
모션 그래픽 · CSS

평면을 비스듬히 눕힘.

↔ 평면을 눕혀 위쪽이 멀어져 보이면 퍼스펙티브 틸트, 수평선만 기울면 롤

“비스듬히 눕혀줘”“3D처럼 기울여줘”“원근감 주게 눕혀줘”
화면을 뒤로 20도 눕혀서 퍼스펙티브 틸트 해줘. 1초.
2.5D 카메라 2.5D Camera ★
모션 그래픽 · CSS

평면을 앞뒤로 겹쳐 깊이 만들기.

↔ 겹친 레이어를 카메라로 돌면 2.5D 카메라, 레이어 속도만 다르게 하면 패럴랙스

“평면을 입체처럼”“레이어 겹쳐서 깊이”“2.5D로 움직여줘”
배경·중간·앞 세 레이어를 앞뒤로 겹치고, 2.5D 카메라로 천천히 돌아줘. 2.5초.
매치 컷 Match Cut
AI 영상 · 모션 그래픽

같은 형태·동작으로 컷을 숨겨 잇기.

↔ 같은 형태/동작이 두 장면을 이으면 매치 컷, 빠른 쏠림으로 가리면 휩 팬 전환

“컷 자국 없이 이어지게”“같은 모양으로 넘어가게”“자연스럽게 장면 연결”
손 동작을 매치 컷으로 다음 장면 같은 위치에 이어줘.
임팩트 셰이크 Impact Shake
AI 영상 · 모션 그래픽 · CSS

물체가 크게 떨어져 박히는 순간 화면 전체가 짧게 흔들리다 잦아든다.

↔ 글자만 흔들리면 워드 버스트(⑨), 화면 전체가 들썩이면 임팩트 셰이크

“쾅 떨어지면서 화면이 흔들리게”“지진 난 것처럼 들썩이게”“세게 내려꽂히는 느낌”
Impact Shake 넣어줘. 2.6배에서 0.14초 만에 박히고 화면이 0.4초 흔들리다 잦아들게.
미니맥스 H3 문장 · 초안(시험 전)
The camera shakes strongly for a moment as the subject hits, then settles.
크로스 디졸브 Cross Dissolve
AI 영상 · 모션 그래픽 · CSS

한 장면이 다음 장면으로 서서히 겹쳐 사라지며 바뀜.

↔ 가장 기본 전환. 컷(즉시)의 반대. 흐림까지 섞으면 블러 크로스페이드

“서서히 겹치며 넘겨줘”“부드럽게 바뀌게”“페이드로 전환”
첫 화면에서 둘째 화면으로 크로스 디졸브로 넘겨줘. 0.6초.
픽셀 디졸브 Grid Dissolve ★
모션 그래픽

화면이 작은 칸(픽셀·그리드)으로 쪼개져 칸 단위로 다음 화면으로 교체.

↔ '픽셀 디졸브'는 흔히 쓰는 애칭, 정식은 '그리드 디졸브'. 칸 단위면 그리드 디졸브, 전체가 부드럽게 겹치면 크로스 디졸브

“픽셀로 흩어졌다 모이게”“모자이크로 바뀌게”“칸칸이 교체되게”
첫 화면을 픽셀 디졸브로 흩뜨려 둘째 화면이 칸칸이 차오르게. 0.8초.
원 아이리스 Circle Iris ★
모션 그래픽 · CSS

원형 마스크가 한 점에서 커지거나 작아지며 다음 화면을 연다.

↔ '원 팝 전환'은 비트에 맞춘 서클 아이리스의 애칭. 경계가 원이면 아이리스, 직선이면 와이프

“원 팝 전환”“동그라미가 커지면서 바뀌게”“원으로 열리게”
가운데서 원 아이리스로 열려서 둘째 화면 나오게. 0.5초.
와이프 Wipe
모션 그래픽 · CSS

직선 경계가 화면을 쓸며 다음 화면을 드러냄.

↔ 경계가 직선으로 쓸면 와이프, 원으로 열리면 아이리스

“쓸고 지나가며 바뀌게”“가로로 밀어서 넘겨줘”“블라인드처럼 넘어가게”
왼쪽에서 오른쪽으로 와이프해서 넘겨줘. 0.4초.
마스크 리빌 Mask Reveal
모션 그래픽 · CSS

도형·형태 마스크를 따라 내용이 드러난다.

↔ 밝기(흑백)로 가리면 루마 매트, 알파로 가리면 알파 매트. 전부 마스크 리빌의 한 종류

“모양 따라 드러나게”“도형 안에서 나타나게”“형태로 가렸다 보여주기”
로고가 마스크 리빌로 모양을 따라 그려지듯 나타나게. 1초.
모프 컷 Morph Cut
모션 그래픽

두 테이크 사이 프레임을 보간해 점프컷을 매끄럽게 메움(주로 말하는 얼굴).

↔ 편집 프로그램(프리미어·AE)의 얼굴 추적 보간 기능. 점프컷 완화 전용이라 장면 전환과 다르다

“말 끊은 티 안 나게 이어줘”“컷 자국 없이 붙여줘”“점프컷 자연스럽게”
두 구간 사이를 모프 컷으로 자연스럽게 이어줘.
글리치 Glitch ★
AI 영상 · 모션 그래픽 · CSS

화면을 순간적으로 어긋나고 깨뜨려 디지털 오류처럼.

↔ 일부러 어긋내면 글리치, 영상 압축 아티팩트를 의도로 쓰면 데이터모시

“지지직 깨지게”“디지털로 망가진 느낌”“오류 난 것처럼”
장면 바뀔 때 0.3초 글리치 넣어줘.
RGB 분리 RGB Split
모션 그래픽 · CSS

R·G·B 색 채널을 어긋냈다 모은다.

↔ 글리치의 단짝. 색수차(chromatic aberration)와 같은 효과

“색이 어긋나게”“빨강 파랑 번지게”“3D 안경 느낌”“색수차”
강조할 때 RGB 분리로 색을 어긋나게 줬다 모아줘. 0.4초.
라이트 스윕 Light Sweep
모션 그래픽 · CSS

하이라이트가 표면·로고 위를 미끄러져 지나감.

↔ 또렷한 광이 쓸면 라이트 스윕, 따뜻한 조명이 번지면 라이트 릭/필름 번

“반짝 빛이 지나가게”“로고에 광 넣어줘”“하이라이트 스쳐가게”
로고에 라이트 스윕으로 광 한 번 지나가게. 0.6초.
화면 속 다이브 Screen Dive ★
모션 그래픽

카메라가 UI·화면 속으로 밀고 들어가 그 안의 장면으로 이어짐.

↔ '화면 속 다이브'는 애칭, 정식은 푸시스루/스크린 인투 컷. 평면을 당기는 펀치 인과 달리 '속'으로 들어간다

“화면 속으로 들어가게”“노트북 안으로 빨려 들어가게”“스크린 안 장면으로”
노트북 화면 속으로 다이브해서 화면 안 장면이 꽉 차게. 1초.
라인 드로 Line Draw
모션 그래픽 · CSS

선이 시작점부터 끝까지 그려지며 드러난다. 화살촉이 끝을 따라간다.

↔ 모양 안이 드러나면 마스크 리빌, 선 자체가 그어지면 라인 드로

“선이 그려지면서 나오게”“그래프 선이 쭉 이어지게”“펜으로 긋듯이 선이 나타나게”
Line Draw 로 그래프 선 그려줘. 1.6초 이즈 인아웃, 끝에 화살촉 따라가게.
셰이프 모프 Shape Morph
모션 그래픽 · CSS

한 도형의 크기와 둥근 정도가 이어서 바뀌어 다른 도형이 된다.

↔ 장면이 장면으로 녹으면 모프 컷, 도형 하나가 다른 도형이 되면 셰이프 모프

“네모가 동그라미로 말랑하게 바뀌게”“도형이 다른 도형으로 변신하게”“모양이 녹아서 바뀌게”
Shape Morph 로 네모를 원으로 바꿔줘. 0.8초 이즈 인아웃, 크기·둥글기를 같이.
키네틱 타이포그래피 Kinetic Typography ★
모션 그래픽 · CSS

글자 자체를 움직여 뜻과 리듬을 전달.

↔ 글자가 주인공인 모션. 글자가 한 자씩 찍히면 타입온, 단어가 순차로 뜨면 텍스트 스태거

“글자가 춤추게”“말에 맞춰 글자 움직이게”“글자로 리듬 타게”
이 문장을 키네틱 타이포그래피로, 핵심 단어가 커지고 리듬 타게. 4초.
타입온 Type-on
모션 그래픽 · CSS

글자가 한 자씩 입력되듯 나타남.

↔ 글자 단위로 찍히면 타입온, 단어·줄 단위로 시간차 등장하면 텍스트 스태거

“타자 치듯 한 글자씩”“치는 것처럼 나오게”“타자기 효과”
제목이 타자기처럼 한 글자씩 타입온 되게. 커서 깜빡임 포함.
텍스트 스태거 등장 Text Reveal (Stagger)
모션 그래픽 · CSS

단어·줄이 시간차로 순차 등장.

↔ 타이포에 쓰는 스태거. 타이밍 원리의 스태거(⑤)를 글자에 적용한 것

“단어가 하나씩 올라오게”“줄줄이 차례로 뜨게”“순서대로 나타나게”
세 줄 카피를 0.1초 간격 스태거로 아래서 올라오게.
워드 모프 Word Morph
모션 그래픽

한 단어의 글자가 다른 단어로 모핑.

↔ 글자 모양이 녹아 바뀌면 워드 모프, 한 단어 끝나고 다른 단어가 겹쳐 뜨면 크로스 디졸브

“단어가 다른 단어로 변하게”“글자가 녹아 바뀌게”“글자 모양 변형”
'아이디어'가 워드 모프로 '완성'으로 글자가 변형되며 바뀌게. 0.8초.
텍스트 샌드위치 Text Sandwich ★
모션 그래픽

핵심 단어를 움직이는 두 텍스트 띠(또는 그 사이로 지나는 요소) 사이에 끼워 강조.

↔ 표준 용어가 없는 지어낸 말(레이어로 감싸는 키네틱 타이포 구도). 그래서 '이런 구도'로 설명해 시키는 게 낫다

“글자 사이로 지나가게”“위아래 띠 사이에 끼우게”“텍스트 레이어로 감싸기”
큰 글자 'MOTION' 사이로 캐릭터가 지나가는 텍스트 샌드위치로.
로어서드 Lower-third
모션 그래픽 · CSS

화면 아래쪽에 이름·직함을 띄우는 자막 그래픽.

↔ 방송·인터뷰의 기본 타이포 요소. 화면 하단 '제3분할' 영역에 뜬다고 로어서드

“이름 자막 띄워줘”“하단에 이름표”“직함 자막”
왼쪽 아래에 '안상현 · 엔지니어' 로어서드로 슬라이드 인 시켜줘.
글자 관통 플라이스루 Letter Fly-through ★
모션 그래픽

카메라가 3D 글자 사이·속을 뚫고 지나 다음 장면으로.

↔ 우리 펀치 인/줌은 평면을 당기는 것, 이건 입체 글자를 통과해 지난다

“글자 속으로 카메라가 뚫고”“글자 사이로 날아 들어가게”“글자 관통 줌”
큰 글자 'AI' 속으로 관통해 다음 장면이 나오게. 0.8초.
카운트업 Count-up
모션 그래픽 · CSS

숫자가 0부터 목표값까지 빠르게 올라가다 천천히 멈춘다. 막대가 같이 찬다.

↔ 자릿수 바퀴가 굴러가면 오도미터(⑨), 숫자만 바뀌며 올라가면 카운트업

“숫자가 촤르륵 올라가게”“0부터 목표 숫자까지 세게”“성과 숫자가 차오르게”
Count-up 으로 0 에서 2,454 까지 올려줘. 2.4초 이즈 아웃, 아래 진행 막대 같이.
이징 Easing
모션 그래픽 · CSS

가속·감속 곡선.

↔ 속도에 곡선을 주면 이징, 일정한 속도면 리니어(기계처럼 보임)

“자연스럽게 움직이게”“딱딱하지 않게”“부드럽게 해줘”
모든 움직임에 이징 넣어줘. 일정한 속도(리니어) 말고.
이즈 아웃 Ease Out
모션 그래픽 · CSS

빠르게 시작, 천천히 멈춤.

↔ 빠르게 시작해 천천히 멈추면 이즈 아웃(등장에 제일 많이 씀), 반대면 이즈 인

“들어올 때 천천히 멈추게”“빠르게 왔다 천천히 서게”
카드 등장은 이즈 아웃으로. 빠르게 들어와서 천천히 멈추게.
오버슈트 Overshoot
모션 그래픽 · CSS

살짝 지나쳤다 돌아옴.

↔ 목표를 지나쳤다 돌아오면 오버슈트, 움직이기 전에 반대로 빼면 안티시페이션. 눌렸다 늘어나면 스쿼시 앤 스트레치

“살짝 튕기게”“통통 튀게”“살짝 지나쳤다 돌아오게”
버튼이 커질 때 110%까지 갔다가 100%로 돌아오게 오버슈트 줘.
안티시페이션 Anticipation
모션 그래픽 · CSS

움직이기 전 반대로 살짝.

↔ 디즈니 12원칙. 움직이기 전에 반대로 빼면 안티시페이션, 끝나고 지나쳤다 오면 오버슈트

“움직이기 전 준비동작”“반동 주게”“웅크렸다 가게”
점프 전에 0.15초 살짝 웅크리는 안티시페이션 넣어줘.
스태거 Stagger (Follow-through)
모션 그래픽 · CSS

여러 개를 시간차로.

↔ 여러 요소를 시간차로 움직이면 스태거(12원칙의 팔로스루·오버래핑), 한 요소의 속도 곡선은 이징

“하나씩 차례로 나오게”“시간차로 등장”“순서대로 뜨게”
카드 세 장을 0.1초 간격 스태거로 등장시켜줘.
모션 블러 Motion Blur
AI 영상 · 모션 그래픽 · CSS

빠른 움직임에 잔상.

↔ 흐릿하게 번지면 모션 블러, 또렷한 복사본이 겹치면 모션 트레일

“빠를 때 흐릿하게”“잔상 남게”“번지게 해줘”
휩 팬 구간에만 가로 모션 블러 넣어줘.
스쿼시 앤 스트레치 Squash & Stretch
모션 그래픽 · CSS

가속·충돌에 눌리고 늘어나 무게·탄성을 준다.

↔ 디즈니 12원칙의 첫째. 형태가 눌렸다 늘어나면 스쿼시 앤 스트레치, 크기만 지나쳤다 돌아오면 오버슈트

“통통 눌렸다 늘어나게”“젤리처럼”“말랑하게”
공이 떨어질 때 바닥서 스쿼시, 튈 때 스트레치 줘.
모션 트레일 Motion Trail
모션 그래픽 · CSS

빠른 움직임 뒤에 잔상 복사본이 따라붙는다.

↔ 또렷한 복사본이 겹치면 모션 트레일(에코), 흐릿하게 번지면 모션 블러

“잔상 남기며 지나가게”“여러 겹 번지게”“에코 남게”
글자가 빠르게 지나갈 때 모션 트레일로 잔상 몇 겹 줘.
BPM 비트 싱크 Beat-synced Cut ★
AI 영상 · 모션 그래픽

컷·강조가 음악 비트에 맞아떨어짐(다운비트에 프리즈도).

↔ 컷/강조가 비트에 꽂히면 BPM 비트 싱크, 한 클립 안 속도 변화는 스피드 램핑

“박자에 맞춰 컷 넘어가게”“비트에 터지게”“음악 맞춰 바뀌게”
120 BPM 비트마다 화면 바뀌고 다운비트에 0.1초 프리즈 줘.
호 운동 Arcs
모션 그래픽 · CSS

자연물은 직선이 아니라 호(곡선)를 그리며 움직인다.

↔ 디즈니 12원칙. 지나가는 길(궤적)이 곡선이면 아크, 속도 곡선은 이징(다른 축)

“직선 말고 곡선으로 움직이게”“포물선으로 가게”“자연스러운 궤적으로”
아이콘이 날아갈 때 직선 말고 호를 그리며 가게.
바운스 Bounce
모션 그래픽 · CSS

바닥에 닿아 점점 작게 여러 번 튄다(중력감).

↔ 바닥에 닿아 여러 번 잦아들며 튀면 바운스, 목표를 한 번 지나쳤다 오면 오버슈트

“통통 튀게”“공처럼 튀어오르게”“떨어졌다 튀게”
아이콘이 위에서 떨어져 두세 번 바운스하고 멈추게.
팔로 스루 Follow Through
모션 그래픽 · CSS

본체가 멈춰도 딸린 부분(꼬리·천)이 관성으로 더 간다.

↔ 디즈니 12원칙. 본체가 멈춘 뒤 딸린 끝부분이 늦게 멈추면 팔로 스루, 한 몸의 부위가 저마다 시차를 두고 움직이면 오버래핑 액션, 서로 다른 요소 여럿이 시차로 등장하면 스태거

“멈춰도 끝이 더 따라가게”“꼬리가 늦게 멈추게”“관성 남게”
캐릭터가 멈출 때 머리카락·망토가 0.2초 늦게 따라 멈추게 팔로 스루 줘.
오버래핑 액션 Overlapping Action
모션 그래픽 · CSS

한 몸의 부위가 저마다 조금씩 늦게 출발하고 늦게 멈춘다.

↔ 디즈니 12원칙. 한 몸의 부위가 시차를 두면 오버래핑 액션, 서로 다른 요소 여럿이 시차로 등장하면 스태거, 멈춘 뒤 끝부분만 더 가면 팔로 스루

“부위마다 조금씩 늦게 따라가게”“한 덩어리로 딱딱하게 말고”“머리 몸 꼬리가 따로 놀게”
캐릭터가 출발할 때 머리 → 몸 → 꼬리 순서로 0.05초씩 늦게 따라오게 오버래핑 액션 줘.
홀드 Hold
모션 그래픽 · CSS

중요한 순간에 움직임을 잠깐 멈춰 눈이 따라오게 한다.

↔ 움직이는 중간에 한 포즈로 잠깐 멈추면 홀드, 화면 전체가 한 장으로 굳으면 프리즈 프레임

“그 포즈에서 잠깐 멈추게”“한 박자 쉬었다 가게”“보여 주고 넘어가게”
착지한 포즈에서 0.3초 홀드한 다음 다음 동작으로 넘어가게.
세컨더리 액션 Secondary Action
모션 그래픽 · CSS

주 동작을 거드는 작은 보조 동작으로 살아 있는 느낌을 더한다.

↔ 디즈니 12원칙. 주 동작을 거드는 별개의 작은 동작이면 세컨더리 액션, 주 동작의 관성으로 끝부분이 더 가면 팔로 스루

“걸을 때 귀가 흔들리게”“작은 움직임을 곁들이게”“살아 있는 느낌 나게”
캐릭터가 걸어갈 때 귀가 살짝 흔들리는 세컨더리 액션을 곁들여줘. 주 동작보다 작게.
스미어 프레임 Smear Frame
모션 그래픽

빠른 구간 중간 프레임을 형태째 길게 늘여 속도감을 준다(손그림 기법).

↔ 한두 프레임을 형태째 늘이면 스미어, 흐릿하게 번지면 모션 블러

“빠른 칸을 길게 늘여줘”“만화처럼 쭉 늘어지게”“한 프레임 번지게”
손이 빠르게 지나가는 두세 프레임을 스미어로 길게 늘여줘.
심리스 루프 Seamless Loop
모션 그래픽 · CSS

끝과 처음이 이어져 끊김 없이 반복된다.

↔ 처음으로 매끄럽게 돌아오면 심리스 루프, 앞뒤로 왕복하면 핑퐁(요요) 루프

“끊김 없이 반복”“계속 돌게”“무한 반복되게”
로더 아이콘을 끊김 없는 심리스 루프로 계속 돌게.
팝인 Pop-in
모션 그래픽 · CSS

0에서 커지며 목표 크기를 살짝 넘었다가 돌아와 자리 잡는다.

↔ 튕기는 정도만 말하면 오버슈트, 0에서 커지며 나오는 등장 전체면 팝인

“툭 하고 튀어나오게”“작았다가 뿅 커지게”“아이콘이 통통 등장하게”
Pop-in 으로 등장시켜줘. 0에서 0.3초, 오버슈트로 1.1배 찍고 제자리.
리퀴드 모션 Liquid Motion
모션 그래픽

덩어리가 움직이는 쪽으로 늘어나고 가장자리가 출렁이며 미끄러진다.

↔ 눌렸다 늘어나는 탄성이면 스쿼시 앤 스트레치, 가장자리가 출렁이는 액체면 리퀴드 모션

“물방울처럼 출렁이며 움직이게”“젤리처럼 흔들리며 가게”“말랑하게 늘어나며 미끄러지게”
Liquid Motion 으로 움직여줘. 가는 쪽으로 늘어나고 가장자리가 출렁이게, 좌우 왕복 8초.
슬로 모션 Slow Motion ★
AI 영상 · 모션 그래픽

실제보다 느리게 재생해 순간을 늘린다.

↔ 전체를 균일하게 느리면 슬로 모션, 한 클립 안에서 느려졌다 빨라지면 스피드 램핑

“느리게 보여줘”“슬로우 걸어줘”“천천히 재생해줘”
물방울 터지는 순간을 슬로 모션으로 0.25배 느리게.
타임랩스 Time-Lapse
AI 영상

긴 시간을 압축해 빠르게 흐르게 한다.

↔ 고정 위치서 시간만 압축하면 타임랩스, 걸으며 찍어 이동까지 있으면 하이퍼랩스

“빨리 감기”“시간 압축해줘”“하루를 몇 초로”
노을 지는 하늘을 타임랩스로 5초에 압축해줘.
프리즈 프레임 Freeze Frame
AI 영상 · 모션 그래픽 · CSS

한 프레임에서 화면이 멈춘다.

↔ 한 프레임을 잡아 멈추면 프리즈 프레임, 비트마다 짧게 멈추면 BPM 비트 싱크의 프리즈

“딱 멈추게”“정지시켜줘”“한 프레임 얼려줘”
점프 최고점에서 0.5초 프리즈 프레임으로 멈췄다 이어가게.
리버스 Reverse Motion
AI 영상 · 모션 그래픽

영상을 거꾸로 재생한다.

↔ 거꾸로 재생하면 리버스, 앞으로 갔다 되돌아오길 반복하면 핑퐁 루프

“거꾸로 재생”“역재생해줘”“되감기처럼”
흩어진 조각이 거꾸로 모이게 리버스로 재생해줘.
스트로브 Strobe
모션 그래픽 · CSS

밝기가 빠르게 켜졌다 꺼졌다 점멸한다(광과민 주의).

↔ 밝기가 빠르게 점멸하면 스트로브, 색 채널이 어긋나면 RGB 분리

“번쩍거리게”“깜빡이게”“플래시처럼 터지게”
드롭 구간에 흰 스트로브 4번 번쩍이게. 0.4초.
라이트 릭 Light Leak
AI 영상 · 모션 그래픽 · CSS

따뜻한 빛이 화면 가장자리로 새어 번진다(필름 감성).

↔ 따뜻한 빛이 번지면 라이트 릭, 또렷한 광이 표면을 쓸면 라이트 스윕

“빛이 새어 들어오게”“필름 번 느낌”“따뜻한 빛 번지게”
장면 바뀔 때 오른쪽에서 주황 라이트 릭으로 번지며 넘겨줘. 0.6초.
렌즈 플레어 Lens Flare
AI 영상 · 모션 그래픽 · CSS

강한 광원이 렌즈에 맺혀 빛살·고리가 생긴다.

↔ 광원이 렌즈에 맺히면 렌즈 플레어, 밝은 부분 자체가 번지면 블룸/글로우

“햇빛 번쩍”“광원 빛살”“플레어 넣어줘”
로고 뒤에서 렌즈 플레어가 가로질러 지나가게. 1초.
블룸 · 글로우 Bloom / Glow
모션 그래픽 · CSS

밝은 부분이 부드럽게 번져 빛나 보인다.

↔ 밝은 영역이 번지면 블룸/글로우, 점광원이 렌즈에 맺히면 렌즈 플레어

“밝은 데가 번지게”“빛나게”“발광 느낌 주게”
네온 글자에 블룸 글로우로 은은하게 번지는 빛 줘.
스플릿 스크린 Split Screen
모션 그래픽 · CSS

화면을 나눠 둘 이상의 장면을 동시에 보여준다.

↔ 화면을 칸으로 나눠 동시에 보이면 스플릿 스크린, 작은 창 하나를 겹치면 화면 속 화면(PiP)

“화면 둘로 나눠줘”“반반 보여줘”“나란히 두 장면”
화면을 세로로 반 나눠 왼쪽 비포 오른쪽 애프터 스플릿 스크린으로.
화면 속 화면 Picture-in-Picture
모션 그래픽 · CSS

큰 화면 위에 작은 창을 겹쳐 둘을 함께 보여준다.

↔ 작은 창을 겹치면 화면 속 화면, 화면을 반반 나누면 스플릿 스크린

“작은 창으로 띄워줘”“구석에 끼워줘”“PiP로”
오른쪽 아래에 발표자 캠을 작은 창으로 PiP 띄워줘.
데이터모시 Datamosh
모션 그래픽

영상 압축의 번짐(키프레임 제거)을 의도로 써 화면이 흐물흐물 섞인다.

↔ 압축 아티팩트로 녹듯 섞이면 데이터모시, 또렷이 어긋나 깨지면 글리치

“영상이 녹아 번지게”“픽셀이 밀려 섞이게”“압축 깨진 느낌”
두 장면 사이를 데이터모시로 픽셀이 밀려 섞이며 넘어가게.
버스트 Burst
모션 그래픽 · CSS

아이콘이 툭 커지는 순간 둘레로 점이 사방으로 퍼진다.

“하트가 팡 터지듯”“좋아요 누르면 퍼지는 느낌”“가운데서 점이 사방으로 튀게”
Burst 넣어줘. 하트가 1.3배로 튀고 점 10개가 사방으로 퍼지며 사라지게, 0.6초.
파티클 Particles
AI 영상 · 모션 그래픽

작은 조각 수십 개가 한 점에서 솟구쳤다가 중력으로 떨어지며 사라진다.

↔ 하나가 튀며 둘레로 퍼지면 버스트, 조각 수십 개가 솟구쳐 떨어지면 파티클

“색종이가 펑 하고 쏟아지게”“작은 조각이 분수처럼 튀게”“축하 폭죽 터지듯”
Particles 로 터뜨려줘. 조각 40개, 아래 가운데서 위로 솟았다 중력으로 떨어지게, 1.2초.
색 와이프 Color Wipe
모션 그래픽 · CSS

색 세 겹이 시차를 두고 화면을 가로지른 뒤 다음 화면이 남는다.

↔ 한 겹이면 그냥 와이프, 색 띠가 겹겹이면 컬러 와이프

“색이 여러 겹 지나가면서 바뀌게”“물감 띠가 차르르 지나가게”“색깔 커튼이 세 번 지나가게”
Color Wipe 로 넘겨줘. 색 세 겹이 0.1초 간격으로 왼쪽에서 오른쪽으로, 전체 0.6초.
사선 와이프 Diagonal Wipe
모션 그래픽 · CSS

비스듬한 경계가 줄무늬 두 줄을 달고 지나간다.

↔ 경계가 사선으로 한 번 지나가면 사선 와이프, 각도가 바뀌며 갈라지면 사선 스플릿

“비스듬하게 쓸고 지나가게”“사선으로 넘어가게”“대각선 줄 그으면서 바뀌게”
Diagonal Wipe 로 넘겨줘. 경계는 30도 사선, 뒤에 검은 줄 두 개를 달고. 0.5초.
줄무늬 와이프 Multi Stripe Wipe
모션 그래픽 · CSS

가로 띠 여섯 줄이 왼쪽·오른쪽에서 번갈아 미끄러져 들어온다.

↔ 가로 띠가 좌우로 엇갈리면 스트라이프, 같은 방향에 속도만 다르면 밴드 스플릿

“블라인드처럼 줄줄이 바뀌게”“가로줄이 엇갈려 들어오게”“줄무늬로 채워지면서 넘어가게”
Multi Stripe Wipe 로 넘겨줘. 가로 띠 6줄, 짝수 줄은 왼쪽에서 홀수 줄은 오른쪽에서, 줄마다 0.05초 차이.
지그재그 와이프 Zigzag Wipe
모션 그래픽 · CSS

톱니 모양 끝을 단 색면이 화면을 가로지른다.

↔ 톱니 경계가 옆으로 쓸면 지그재그 와이프, 위에서 아래로 흐르며 흔들리면 지그재그 스플릿

“톱니 모양으로 쓸고 가게”“삐죽삐죽한 경계로 바뀌게”“번개 모양으로 지나가게”
Zigzag Wipe 로 넘겨줘. 경계는 톱니 6개, 흰 색면이 먼저 지나가고 다음 화면이 따라오게. 0.5초.
슬라이스 와이프 Slice Wipe
모션 그래픽 · CSS

사선 띠가 위아래에서 번갈아 꽂히며 화면을 채운다.

↔ 띠가 위아래로 번갈아 꽂히면 슬라이스, 한쪽에서 차례로 미끄러지면 사선 패널

“칼로 베듯이 사선으로 꽂히게”“사선 띠가 위아래로 엇갈려 들어오게”“썰어서 바꾸는 느낌으로”
Slice Wipe 로 넘겨줘. 사선 띠 5개가 위·아래 번갈아 꽂히게, 0.6초. 박자에 맞춰.
바 와이프 Bars Wipe
모션 그래픽 · CSS

가운데 가로선에서 세로 막대가 위아래로 뻗어 화면을 메운다.

↔ 가운데서 위아래로 뻗으면 바 와이프, 바닥에서 이퀄라이저처럼 솟으면 바 패널

“가운데서 막대가 위아래로 쭉 뻗게”“세로줄이 자라면서 바뀌게”“가운데서부터 쫙 펼쳐지게”
Bars Wipe 로 넘겨줘. 세로 막대 9개가 가운데 선에서 위아래로 뻗게, 막대마다 시작이 조금씩 달라. 0.5초.
붓 와이프 Brush Wipe
모션 그래픽 · CSS

굵은 붓 자국이 좌우로 오가며 화면을 칠해 덮는다.

↔ 오가며 칠하면 붓 와이프, 위에서 흘러내리면 드립 와이프

“붓으로 칠하듯이 바뀌게”“페인트 롤러로 밀듯이”“손으로 칠한 느낌으로 넘어가게”
Brush Wipe 로 넘겨줘. 둥근 끝 붓 자국 4줄이 지그재그로 오가며 칠하게. 0.8초.
커튼 슬라이드 Curtain Slide
모션 그래픽 · CSS

양옆 막이 가운데로 튕기듯 닫히며 다음 화면이 된다.

↔ 가운데로 닫히면 커튼, 가운데서 네 귀퉁이로 열리면 쿼드 오픈

“커튼 닫히듯이 바뀌게”“양쪽에서 가운데로 탁 닫히게”“무대 막처럼 넘어가게”
Curtain Slide 로 넘겨줘. 양옆에서 가운데로 닫히고 끝에서 살짝 튕기게(overshoot). 0.6초.
원 와이프 Circle Wipe
모션 그래픽 · CSS

원이 매번 다른 자리에서 커지며 다음 화면을 연다.

↔ 중심이 가운데로 고정이면 원 아이리스(iris-wipe), 자리를 옮겨 다니면 원 와이프

“동그라미가 퍼지면서 바뀌게”“원이 콕 찍힌 데서 퍼지게”“물방울 떨어진 데서 번지듯”
Circle Wipe 로 넘겨줘. 원 중심은 컷마다 다른 자리(누른 곳·주인공 얼굴), 0.5초.
블록 와이프 Block Wipe
모션 그래픽 · CSS

네모 블록이 무작위 순서로 탁탁 놓이며 화면을 채운다.

↔ 칸이 무작위로 놓이면 블록 와이프, 박자마다 색이 바뀌며 뒤섞이면 모자이크 플래시

“네모가 하나씩 탁탁 채워지게”“픽셀 블록으로 바뀌게”“테트리스처럼 칸이 채워지게”
Block Wipe 로 넘겨줘. 10×4 블록이 무작위 순서로, 부드럽지 않고 딱딱 끊기게. 0.6초.
셔터 와이프 Shutter Wipe
모션 그래픽 · CSS

카메라 조리개 날이 돌며 닫혀 다음 화면만 남는다.

↔ 조리개가 닫히면 셔터, 원이 열리면 아이리스

“카메라 셔터 닫히듯이”“조리개가 조여 들면서 바뀌게”“찰칵 하고 넘어가게”
Shutter Wipe 로 넘겨줘. 6각 조리개가 돌면서 닫히게, 날 경계선 보이게. 0.5초.
시계 와이프 Clock Wipe
모션 그래픽 · CSS

시곗바늘처럼 12시에서 한 바퀴 돌며 다음 화면을 칠한다.

↔ 바늘 하나가 한 바퀴면 시계 와이프, 날 여러 개가 함께 굵어지면 바람개비

“시곗바늘처럼 돌면서 바뀌게”“부채꼴로 쓸면서”“타이머 돌듯이 넘어가게”
Clock Wipe 로 넘겨줘. 12시 방향에서 시계 방향으로 한 바퀴, 0.7초.
다이아몬드 와이프 Diamond Wipe
모션 그래픽 · CSS

마름모 무늬가 가운데서 물결처럼 퍼져 화면을 덮는다.

↔ 마름모가 물결로 퍼지면 다이아몬드, 칸이 뒤집히면 체커 패널

“마름모가 가운데서 퍼지게”“다이아 무늬로 번지게”“체크무늬가 물결처럼 바뀌게”
Diamond Wipe 로 넘겨줘. 마름모 격자가 가운데서 바깥으로 물결처럼 커지게. 0.7초.
별 와이프 Star Wipe
모션 그래픽 · CSS

별 모양 창이 돌면서 커져 다음 화면을 연다.

↔ 모양이 별이면 스타, 원이면 아이리스. 같은 계열의 모양만 다르다

“별 모양으로 열리게”“반짝 별이 커지면서 바뀌게”“축하하듯 별로 넘어가게”
Star Wipe 로 넘겨줘. 다섯 꼭짓점 별이 반 바퀴 돌며 커지게, 0.6초. 일부러 촌스럽게.
바람개비 와이프 Pinwheel Wipe
모션 그래픽 · CSS

바람개비 날 여섯 개가 함께 굵어지며 화면을 칠한다.

↔ 날 여러 개가 함께 굵어지면 바람개비, 바늘 하나가 한 바퀴면 시계

“바람개비처럼 돌면서 바뀌게”“부채꼴 여러 개가 한꺼번에”“빙글 돌면서 채워지게”
Pinwheel Wipe 로 넘겨줘. 날 6개가 가운데서 동시에 굵어지며 살짝 돌게. 0.6초.
코너 와이프 Corner Wipe
모션 그래픽 · CSS

네 귀퉁이에서 삼각형이 밀고 나와 가운데서 만난다.

↔ 귀퉁이 삼각형이 모이면 코너, 사방 직사각형이 쌓이면 프레임 스택

“네 모서리에서 밀고 들어오게”“귀퉁이부터 덮이게”“삼각형이 모여서 바뀌게”
Corner Wipe 로 넘겨줘. 네 귀퉁이 삼각형이 0.05초 차이로 차례로 밀고 들어오게. 0.6초.
액체 와이프 Liquid Wipe
모션 그래픽 · CSS

물결치는 수면이 아래에서 차올라 화면을 채운다.

↔ 아래에서 차오르면 리퀴드, 경계가 물결인 채 위에서 내려오면 웨이브 스플릿

“물이 차오르듯이 바뀌게”“출렁이면서 채워지게”“음료 따르듯이 넘어가게”
Liquid Wipe 로 넘겨줘. 아래에서 수면이 출렁이며 차오르게, 진한 색 물결이 먼저 오고 다음 화면이 따라오게. 0.8초.
드립 와이프 Drip Wipe
모션 그래픽 · CSS

페인트가 위에서 줄줄 흘러내리듯 화면을 덮는다.

↔ 흘러내리면 드립, 붓으로 오가면 브러시

“페인트 흘러내리듯이”“위에서 줄줄 녹아내리게”“물감이 뚝뚝 떨어지며 바뀌게”
Drip Wipe 로 넘겨줘. 위에서 페인트 줄기 5개가 길이를 달리해 흘러내리고 끝은 둥글게. 0.8초.
파문 와이프 Ripple Wipe
모션 그래픽 · CSS

가운데서 파문이 몇 겹 퍼지고 마지막 물결이 화면을 채운다.

↔ 고리가 먼저 퍼지면 파문, 원 하나가 바로 커지면 아이리스

“물수제비처럼 퍼지게”“동그란 물결이 번지면서”“파장이 퍼지듯 바뀌게”
Ripple Wipe 로 넘겨줘. 가운데서 고리 3겹이 퍼지고 마지막에 원이 화면을 채우게. 0.9초.
텍스트 와이프 Text Wipe
모션 그래픽 · CSS

단어가 화면보다 커질 때까지 확대되며 글자 속 색으로 넘어간다.

↔ 글자가 커져 덮으면 텍스트 와이프, 글자 모양 창으로 영상이 보이면 텍스트 마스크

“글자 속으로 들어가면서 바뀌게”“글자가 확 커지면서 넘어가게”“제목 안으로 빨려 들어가게”
Text Wipe 로 넘겨줘. 가운데 단어가 가속하며 커지고, 글자 획이 화면을 덮으면 그 색이 다음 화면. 0.8초.
임팩트 플래시 Impact Flash
모션 그래픽 · CSS

하얗게 번쩍인 순간 장면이 바뀌고 충격파가 퍼진다.

↔ 한 번 번쩍이고 넘어가면 임팩트 플래시, 여러 번 깜빡이면 스트로브

“번쩍 하면서 바뀌게”“쾅 하고 넘어가게”“플래시 터지듯이”
Impact Flash 로 넘겨줘. 흰 번쩍임 0.1초 사이에 컷, 충격파 고리 하나가 퍼지게. 비트 첫 박에.
웨이브 스플릿 Wave Split
모션 그래픽 · CSS

물결치는 경계가 위에서 아래로 천천히 내려오며 갈린다.

↔ 물결 경계가 내려오면 웨이브 스플릿, 아래서 차오르면 리퀴드

“물결 모양으로 천천히 나뉘게”“출렁이는 경계로 바뀌게”“부드럽게 물결치며 넘어가게”
Wave Split 로 넘겨줘. 경계는 사인 물결 한 주기 반, 천천히 흔들리며 위에서 아래로. 1초.
지그재그 스플릿 Zigzag Split
모션 그래픽 · CSS

톱니 경계가 옆으로 흐르며 흔들리고 위에서 아래로 내려온다.

↔ 톱니가 흐르며 내려오면 스플릿, 톱니 끝이 옆으로 쓸면 지그재그 와이프

“톱니가 흐르면서 내려오게”“지그재그 선이 움직이며 바뀌게”“삐죽한 경계가 흔들리며”
Zigzag Split 로 넘겨줘. 톱니 경계가 옆으로 흘러가면서 위에서 아래로 내려오게. 0.7초.
서클 스플릿 Circle Split
모션 그래픽 · CSS

원이 반으로 갈라진 채 돌며 커지다 하나로 닫힌다.

↔ 원이 갈라져 돌면 서클 스플릿, 하나로 커지기만 하면 원 와이프

“원이 반으로 쪼개지며 돌게”“반원 두 개가 돌면서 커지게”“로고처럼 원이 갈라지며 바뀌게”
Circle Split 로 넘겨줘. 반원 두 쪽이 벌어진 채 반 바퀴 돌며 커지고 끝에서 붙게. 0.7초.
가로 스플릿 Horizontal Split
모션 그래픽 · CSS

위 절반과 아래 절반이 서로 반대 방향에서 들어온다.

↔ 위아래가 엇갈리면 가로 스플릿, 좌우가 엇갈리면 세로 스플릿

“위아래가 반대로 들어오게”“위는 왼쪽에서 아래는 오른쪽에서”“반반 엇갈리며 바뀌게”
Horizontal Split 로 넘겨줘. 위 절반은 왼쪽에서, 아래 절반은 오른쪽에서 동시에. 0.5초.
세로 스플릿 Vertical Split
모션 그래픽 · CSS

왼쪽 절반은 위에서, 오른쪽 절반은 아래에서 슬롯처럼 바뀐다.

↔ 좌우가 엇갈리면 세로 스플릿, 위아래가 엇갈리면 가로 스플릿

“슬롯머신처럼 위아래로 바뀌게”“왼쪽은 내려오고 오른쪽은 올라오게”“반반 엇갈려서”
Vertical Split 로 넘겨줘. 왼쪽 절반은 위에서, 오른쪽 절반은 아래에서, 끝에서 살짝 튕기게. 0.5초.
트리플 스플릿 Triple Split
모션 그래픽 · CSS

사선 세 조각이 도미노처럼 차례로 넘어간다.

↔ 세 조각이 차례면 트리플, 여러 띠가 미끄러지면 사선 패널

“세 조각이 차례로 넘어가게”“사선 세 칸이 도미노처럼”“삼등분해서 하나씩 바뀌게”
Triple Split 로 넘겨줘. 사선 3등분, 왼쪽부터 0.12초 간격으로 위에서 아래로. 0.7초.
4분할 패널 Four Panel
모션 그래픽 · CSS

2×2 네 칸이 시계 방향으로 하나씩 바뀐다.

↔ 네 칸이 차례면 4분할, 아홉 칸이 입체로 뒤집히면 그리드 플립

“네 칸이 하나씩 바뀌게”“화면을 4등분해서 차례로”“네모 네 개가 돌아가며 바뀌게”
Four Panel 로 넘겨줘. 2×2 칸이 왼쪽 위부터 시계 방향으로 0.1초 간격, 칸마다 가운데서 펼쳐지게. 0.7초.
슬라이딩 패널 Sliding Panels
모션 그래픽 · CSS

세로 패널 네 장이 아래에서 한 장씩 밀려 올라온다.

↔ 넓은 판이 한 방향이면 슬라이딩 패널, 좁은 띠가 위아래 섞이면 스트립 셔플

“세로 판이 하나씩 올라오게”“카드가 차례로 밀려 들어오게”“기둥이 하나씩 솟듯이”
Sliding Panels 로 넘겨줘. 세로 패널 4장이 아래에서 0.08초 간격으로 밀려 올라오게, 이즈 아웃. 0.7초.
사선 패널 Diagonal Panels
모션 그래픽 · CSS

사선 띠 패널이 오른쪽에서 잇달아 미끄러져 들어온다.

↔ 띠가 한쪽에서 줄지어 오면 사선 패널, 위아래로 번갈아 꽂히면 슬라이스

“사선 판이 연달아 들어오게”“비스듬한 띠가 줄지어 밀려오게”“빗금 패널이 차례로”
Diagonal Panels 로 넘겨줘. 사선 띠 4장이 오른쪽에서 0.07초 간격으로 미끄러져 들어오게. 0.6초.
쿼드 오픈 Quad Open
모션 그래픽 · CSS

화면이 십자로 갈라져 네 귀퉁이로 열리며 다음 화면이 드러난다.

↔ 가운데서 바깥으로 열리면 쿼드 오픈, 바깥에서 가운데로 닫히면 커튼

“십자로 쪼개져서 열리게”“네 조각으로 갈라지며 열리게”“문 열리듯이 사방으로”
Quad Open 으로 넘겨줘. 앞 화면이 십자로 4등분되어 네 귀퉁이로 밀려나며 열리게. 0.6초.
체커 패널 Checker Panels
모션 그래픽 · CSS

체크무늬 칸이 왼쪽부터 팔랑팔랑 뒤집힌다.

↔ 작은 칸이 체크무늬로 엇갈리면 체커, 큰 칸 아홉이 입체로 돌면 그리드 플립

“체크무늬가 뒤집히면서 바뀌게”“바둑판 칸이 차례로 넘어가게”“타일이 팔랑팔랑”
Checker Panels 로 넘겨줘. 10×4 체크 칸이 왼쪽부터, 칸 색 따라 한 박자 엇갈려 뒤집히게. 0.8초.
사선 스플릿 Diagonal Split
모션 그래픽 · CSS

사선 분할선이 각도를 바꾸며 화면을 가르고 지나간다.

↔ 선 각도가 변하면 사선 스플릿, 각도 고정에 줄무늬를 달면 사선 와이프

“사선이 돌면서 갈라지게”“비스듬히 쪼개지며 바뀌게”“각도가 바뀌는 선으로 나뉘게”
Diagonal Split 로 넘겨줘. 분할선이 60도에서 120도로 돌며 왼쪽에서 오른쪽으로. 0.6초.
모자이크 플래시 Mosaic Flash
모션 그래픽 · CSS

색 블록이 박자마다 뒤섞이다 다음 화면으로 굳는다.

↔ 박자마다 뒤섞이면 모자이크 플래시, 칸이 한 번씩만 놓이면 블록 와이프

“박자마다 칸이 번쩍번쩍 바뀌게”“색 블록이 뒤섞이다 넘어가게”“모자이크처럼 깜빡이며”
Mosaic Flash 로 넘겨줘. 4×3 칸이 박자마다 색을 바꾸다 6박째에 다음 화면으로. BPM 에 맞춰.
프레임 스택 Frame Stack
모션 그래픽 · CSS

위·오른쪽·아래·왼쪽에서 판이 차례로 겹쳐 들어오며 가운데 창이 닫힌다.

↔ 사방 판이 쌓이면 프레임 스택, 귀퉁이 삼각형이 모이면 코너

“사방에서 판이 쌓이게”“액자처럼 조여 들게”“가운데 창만 남았다가 닫히게”
Frame Stack 으로 넘겨줘. 위, 오른쪽, 아래, 왼쪽 순서로 판이 0.07초 간격으로 들어와 가운데 창이 닫히게. 0.7초.
바 패널 Bar Panels
모션 그래픽 · CSS

세로 색 막대가 이퀄라이저처럼 출렁이며 솟아 화면을 채운다.

↔ 바닥에서 출렁이며 솟으면 바 패널, 가운데서 위아래로 뻗으면 바 와이프

“이퀄라이저처럼 솟게”“막대그래프가 올라가듯이”“음악 막대가 튀어 오르며”
Bar Panels 로 넘겨줘. 세로 막대 11개가 바닥에서 높이를 출렁이며 솟아 화면을 채우게. 음악 비트에 맞춰.
밴드 스플릿 Band Split
모션 그래픽 · CSS

가로 띠 다섯 줄이 같은 방향에서 서로 다른 속도로 흘러든다.

↔ 같은 방향에 속도만 다르면 밴드, 좌우로 엇갈리면 줄무늬 와이프

“가로줄이 속도 다르게 들어오게”“줄마다 빠르기가 달라서 들쭉날쭉”“띠가 경주하듯이”
Band Split 로 넘겨줘. 가로 띠 5줄이 왼쪽에서 들어오되 줄마다 속도를 다르게. 0.7초.
그리드 플립 Grid Flip
모션 그래픽 · CSS

3×3 칸이 대각선 순서로 입체처럼 뒤집히며 바뀐다.

↔ 아홉 칸이 입체로 돌면 그리드 플립, 작은 칸이 체크로 엇갈리면 체커

“카드 뒤집듯이 칸이 바뀌게”“아홉 칸이 빙글 뒤집히게”“타일이 입체로 돌아가며”
Grid Flip 으로 넘겨줘. 3×3 칸이 왼쪽 위부터 대각선 순서로 Y축 180도 뒤집히게. 0.8초.
패널 줌 아웃 Panel Zoom Out
모션 그래픽 · CSS

겹겹 판이 가운데서 차례로 커지며 마지막 판이 다음 화면이 된다.

↔ 네모가 겹겹이 커지면 패널 줌 아웃, 화면 자체가 다가오면 줌

“가운데서 네모가 겹겹이 커지게”“액자가 여러 겹 퍼지듯”“안에서 바깥으로 펼쳐지게”
Panel Zoom Out 으로 넘겨줘. 가운데서 네모 판 3겹이 0.1초 간격으로 커지고 마지막 판이 다음 화면. 0.7초.
스트립 셔플 Strip Shuffle
모션 그래픽 · CSS

좁은 세로 띠가 섞인 순서로 위아래에서 바뀌어 들어온다.

↔ 좁은 띠가 섞이면 스트립 셔플, 넓은 판이 차례면 슬라이딩 패널

“세로줄이 뒤섞이며 바뀌게”“띠가 위아래로 엇갈려 들어오게”“카드 섞듯이 줄이 바뀌게”
Strip Shuffle 로 넘겨줘. 세로 띠 8줄이 섞인 순서로, 홀수는 아래서 짝수는 위에서 들어오게. 0.7초.
하프톤 펄스 Halftone Pulse
모션 그래픽 · CSS

가운데에서 바깥으로 점 크기가 파도처럼 커졌다 작아진다.

↔ 점 크기가 퍼지면 펄스, 점이 띠로 지나가면 하프톤 그라디언트

“가운데서 점이 퍼지면서 커졌다 작아지게”“점들이 숨 쉬듯 두근거리게”“망점이 물결처럼 퍼져 나가게”
Halftone Pulse 배경으로 깔아줘. 가운데서 바깥으로 점 크기 파동, 한 바퀴 4초, 반복.
도트 웨이브 Dot Wave
모션 그래픽 · CSS

두 겹의 점이 엇갈린 박자로 커졌다 작아지며 물결을 만든다.

“점들이 물결처럼 출렁이게”“두 겹 점이 번갈아 커졌다 작아지게”“땡땡이가 파도타기 하게”
Dot Wave 배경으로 해줘. 점 두 겹이 엇박으로 커졌다 작아지게, 대각선 물결, 4초 반복.
하프톤 그라디언트 Halftone Gradient
모션 그래픽 · CSS

큰 점에서 작은 점으로 이어지는 망점 띠가 비스듬히 화면을 지나간다.

↔ 점 크기가 퍼지면 펄스, 점이 띠로 지나가면 하프톤 그라디언트

“인쇄물 망점 띠가 비스듬히 지나가게”“점 크기로 그라데이션이 흐르게”“신문 인쇄 같은 점이 쓸고 지나가게”
Halftone Gradient 배경으로 깔아줘. 망점 띠가 왼쪽에서 오른쪽으로 비스듬히, 4초마다 한 번.
폴카 드리프트 Polka Drift
CSS · 모션 그래픽

큰 점과 작은 점이 엇갈린 땡땡이 무늬가 대각선으로 끊김 없이 흐른다.

“땡땡이 무늬가 대각선으로 천천히 흐르게”“물방울무늬가 미끄러지게”“큰 점 작은 점이 같이 떠내려가게”
Polka Drift 배경으로 해줘. 큰 점·작은 점 땡땡이, 오른쪽 아래로 천천히, 끊김 없이 반복.
도트 스파이럴 Dot Spiral
모션 그래픽

황금각으로 놓인 점들이 해바라기 무늬를 이루며 천천히 돈다.

“해바라기 씨처럼 점이 돌게”“점이 소용돌이 모양으로 천천히 회전하게”“은하수처럼 점이 감기게”
Dot Spiral 배경으로 깔아줘. 해바라기 배열(황금각 137.5도) 점 260개, 천천히 회전.
도트 매트릭스 Dot Matrix
모션 그래픽 · CSS

LED 점으로 된 막대들이 음악 이퀄라이저처럼 오르내린다.

“전광판 점이 이퀄라이저처럼 오르내리게”“LED 점으로 막대가 출렁이게”“전광판 불이 음악 따라 켜지게”
Dot Matrix 배경으로 해줘. LED 점 막대 이퀄라이저, 꼭대기 점만 흰색, 박자에 맞춰 오르내리게.
도트 링 Dot Rings
모션 그래픽 · CSS

점으로 된 동심원 고리가 한 겹씩 반대 방향으로 돈다.

“점으로 된 동그라미가 겹겹이 반대로 돌게”“점 고리가 엇갈려 회전하게”“과녁 모양 점이 빙빙 돌게”
Dot Rings 배경으로 깔아줘. 점 동심원 여러 겹, 안쪽부터 한 겹씩 반대 방향 회전.
코믹 도트 Comic Dots
모션 그래픽 · CSS

두 색 망점이 인쇄가 어긋난 것처럼 살짝 밀려 흔들린다.

“만화책 인쇄처럼 점이 어긋나게”“색 점이 살짝 밀려서 겹치게”“미국 만화 같은 망점 느낌”
Comic Dots 배경으로 해줘. 검정·포인트색 망점 두 겹, 인쇄 어긋남처럼 살짝 흔들리게.
원근 격자 Perspective Grid
AI 영상 · 모션 그래픽

바닥과 천장의 격자가 소실점에서 이쪽으로 끝없이 다가온다.

“바닥이랑 천장 격자가 앞으로 달려오게”“레트로 게임 바닥처럼 격자가 흐르게”“소실점으로 빨려 들어가는 바둑판”
Perspective Grid 배경으로 깔아줘. 가운데 소실점, 바닥·천장 격자가 앞으로 다가오게, 2초에 한 칸.
격자 줌 Infinite Grid Zoom
모션 그래픽 · CSS

모눈이 두 배로 커질 때마다 사이에 새 선이 생겨 끝없이 확대되는 것처럼 보인다.

“모눈이 끝없이 확대되게”“격자 안으로 계속 들어가게”“모눈종이가 무한히 커지게”
Infinite Grid Zoom 배경으로 해줘. 모눈이 2초마다 두 배로 커지고 새 선이 스며들게, 끊김 없이.
격자 물결 Grid Wave
모션 그래픽

격자 전체가 천처럼 가로·세로로 부드럽게 출렁인다.

“모눈종이가 천처럼 출렁이게”“격자가 바람에 흔들리게”“바둑판이 물결치게”
Grid Wave 배경으로 깔아줘. 모눈 격자가 천처럼 출렁이게, 진폭 작게, 8초 반복.
무아레 격자 Moiré Grid
모션 그래픽 · CSS

격자 두 장이 반대로 돌며 겹친 자리에 일렁이는 무아레가 생긴다.

↔ 선 두 겹이 비스듬히 미끄러지면 크로스해치, 격자 두 장이 돌면 무아레 격자

“격자 두 장이 반대로 돌면서 무늬가 생기게”“겹친 모눈이 일렁이게”“TV 화면 줄무늬 같은 착시”
Moiré Grid 배경으로 해줘. 격자 두 장을 반대로 천천히 회전, 겹친 무늬가 보이게.
아이소메트릭 격자 Isometric Grid
모션 그래픽

비스듬한 입체 격자 위로 큐브들이 차례로 솟았다 내려간다.

“비스듬한 격자 위로 상자가 솟아오르게”“게임 맵처럼 큐브가 올라왔다 내려가게”“입체 모눈 위 블록”
Isometric Grid 배경으로 깔아줘. 30도 입체 격자, 큐브 다섯 개가 차례로 솟았다 내려가게.
육각 격자 Hex Grid
모션 그래픽 · CSS

벌집 칸이 가운데에서부터 물결처럼 밝아졌다 어두워진다.

“벌집 칸이 숨 쉬듯 반짝이게”“육각형 타일에 불이 들어오게”“벌집 무늬가 물결치게”
Hex Grid 배경으로 해줘. 벌집 타일, 가운데서 바깥으로 밝기 물결, 4초 반복.
트루셰 타일 Truchet Tiles
모션 그래픽 · CSS

사분원 두 개를 그린 타일이 하나씩 돌며 이어진 곡선 무늬가 계속 바뀐다.

↔ 타일이 사분원이면 트루셰, 원·반원·삼각이면 바우하우스 타일

“타일이 돌면서 미로 무늬가 바뀌게”“곡선 타일이 뒤집혀 길이 이어지게”“사분원 무늬가 달라지게”
Truchet Tiles 배경으로 깔아줘. 사분원 타일, 아무 칸이나 90도씩 돌아 무늬가 바뀌게.
체커 스크롤 Checker Scroll
CSS · 모션 그래픽

살짝 기운 체크무늬가 대각선으로 끊김 없이 흐른다.

“체크무늬가 비스듬히 흘러가게”“바둑판이 대각선으로 미끄러지게”“레이싱 깃발 무늬가 지나가게”
Checker Scroll 배경으로 해줘. 체크무늬 15도 기울여서 대각선으로 천천히, 끊김 없이.
스피드 라인 Speed Lines
AI 영상 · 모션 그래픽

굵기와 길이가 다른 가로선이 서로 다른 속도로 화면을 가로지른다.

↔ 선이 가운데로 모이면 집중선, 옆으로 지나가면 스피드 라인

“굵기 다른 선이 빠르게 지나가게”“바람 가르듯 선이 휙휙 날아가게”“빨리 달리는 느낌의 가로선”
Speed Lines 배경으로 깔아줘. 가로선 스물몇 개, 굵기·속도 제각각, 왼쪽에서 오른쪽으로.
이퀄라이저 줄무늬 Equalizer Stripes
모션 그래픽 · CSS

가로 줄무늬마다 굵기가 이퀄라이저처럼 따로 커졌다 줄어든다.

“가로줄이 음악처럼 굵었다 가늘었다 하게”“줄무늬가 박자 타게”“이퀄라이저처럼 줄이 출렁이게”
Equalizer Stripes 배경으로 해줘. 가로 줄무늬 12줄, 줄마다 굵기가 박자처럼 따로 출렁이게.
집중선 Radial Burst
AI 영상 · 모션 그래픽

가장자리에서 가운데를 향한 집중선이 깜빡이며 길이가 바뀐다.

↔ 선이 가운데로 모이면 집중선, 옆으로 지나가면 스피드 라인

“만화 집중선처럼 가운데로 모이게”“가운데로 선이 쫙 모이게”“뭔가 터질 것 같은 방사선”
Radial Burst 배경으로 깔아줘. 만화 집중선, 가운데 비우고 선 길이가 초당 6번 바뀌게.
물결선 Wave Lines
모션 그래픽

물결선 열두 줄이 겹쳐 산맥처럼 넘실댄다.

↔ 굵은 물결 하나면 소프트 웨이브, 가는 선 여러 겹이면 물결선

“물결선이 여러 겹 겹쳐서 출렁이게”“산맥처럼 선이 넘실대게”“등고선이 흐르게”
Wave Lines 배경으로 해줘. 물결선 12줄 겹쳐서, 셋 중 하나만 포인트색, 8초 반복.
물결 간섭 Ripple Interference
모션 그래픽

두 점에서 퍼지는 동심원 파문이 겹치며 간섭 무늬를 만든다.

“두 군데서 물결이 퍼져서 겹치게”“물방울 두 개 떨어진 것처럼”“동그라미 파문이 엇갈리게”
Ripple Interference 배경으로 깔아줘. 두 점에서 동심원 파문, 2초에 한 겹, 멀어질수록 흐리게.
이발소 줄무늬 Barber Stripes
CSS · 모션 그래픽

굵은 사선 줄무늬가 리본처럼 살짝 휘며 옆으로 흐른다.

“사선 줄무늬가 계속 흘러가게”“이발소 간판처럼 줄이 돌아가게”“공사장 띠처럼 빗금이 지나가게”
Barber Stripes 배경으로 해줘. 굵은 사선 줄무늬, 옆으로 흐르고 살짝 휘게, 끊김 없이.
선 터널 Line Tunnel
모션 그래픽 · CSS

선으로만 그린 네모가 겹겹이 이쪽으로 다가와 터널이 된다.

↔ 네모가 그냥 다가오면 선 터널, 다각형이 돌면서 다가오면 다각형 터널

“네모 선이 겹겹이 다가오게”“사각 터널 안으로 들어가게”“액자가 계속 이쪽으로 오게”
Line Tunnel 배경으로 깔아줘. 사각 선 터널, 1초에 한 겹씩 다가오게, 셋 중 하나만 포인트색.
크로스해치 Crosshatch
모션 그래픽 · CSS

방향이 다른 빗금 두 겹이 서로 반대로 미끄러지며 무늬가 흔들린다.

↔ 선 두 겹이 비스듬히 미끄러지면 크로스해치, 격자 두 장이 돌면 무아레 격자

“빗금 두 겹이 엇갈려 일렁이게”“펜으로 그은 빗금 느낌”“사선이 겹쳐서 무늬가 흔들리게”
Crosshatch 배경으로 해줘. 빗금 두 겹 반대 방향, 서로 반대로 천천히 미끄러지게.
버블 팝 Bubble Pop
모션 그래픽 · CSS

동그라미가 여기저기서 튕기듯 커졌다가 줄어들며 사라진다.

“동그라미가 통통 튀어나왔다 사라지게”“비눗방울이 뽁뽁 생기게”“원이 여기저기서 팡팡 생기게”
Bubble Pop 배경으로 깔아줘. 원 16개, 자리 바꿔 가며 튕기듯 나타났다 사라지게(오버슈트).
떠다니는 도형 Floating Shapes
모션 그래픽 · CSS

알약 모양과 물결선이 제자리 근처에서 천천히 떠다닌다.

“알약 모양이랑 물결선이 둥둥 떠다니게”“도형이 천천히 흘러다니게”“모양들이 둥실둥실”
Floating Shapes 배경으로 해줘. 알약·물결선 9개, 제자리 근처에서 천천히 떠다니게.
다각형 터널 Polygon Tunnel
모션 그래픽

육각형이 겹겹이 비틀리며 이쪽으로 다가온다.

↔ 네모가 그냥 다가오면 선 터널, 다각형이 돌면서 다가오면 다각형 터널

“육각형이 꼬이면서 다가오게”“다각형 터널로 빨려 들어가게”“비틀린 터널”
Polygon Tunnel 배경으로 깔아줘. 육각형 터널, 겹마다 조금씩 비틀려서 다가오게.
궤도 도형 Orbit Shapes
모션 그래픽

점선 궤도 여러 개를 따라 작은 도형들이 서로 다른 속도로 돈다.

“기울어진 궤도를 따라 도형이 돌게”“행성처럼 도형이 빙빙 돌게”“원자 모형처럼”
Orbit Shapes 배경으로 해줘. 기울어진 점선 궤도 4개, 도형이 각자 다른 속도로 돌게.
만화경 Kaleidoscope
AI 영상 · 모션 그래픽

한 조각에 그린 도형을 거울로 12번 비춰 대칭 무늬가 돈다.

“도형이 거울에 비친 것처럼 돌게”“만화경 들여다보는 느낌”“대칭 무늬가 피어나게”
Kaleidoscope 배경으로 깔아줘. 12조각 거울 대칭, 조각 안 도형이 들락날락, 천천히 회전.
꽃가루 Confetti Fall
AI 영상 · 모션 그래픽

종잇조각이 뒤집히며 돌고 흔들리며 떨어진다.

“종이 꽃가루가 빙글빙글 떨어지게”“축하 꽃가루 날리게”“색종이가 흩날리게”
Confetti Fall 배경으로 해줘. 종이 꽃가루 40개, 뒤집히며 회전하고 좌우로 흔들리며 떨어지게.
블롭 모프 Blob Morph
AI 영상 · 모션 그래픽

가장자리가 계속 일렁이는 말랑한 덩어리들이 천천히 떠다닌다.

“말랑한 덩어리가 꿀렁꿀렁 움직이게”“물방울 모양이 계속 바뀌게”“젤리처럼 일렁이는 도형”
Blob Morph 배경으로 깔아줘. 덩어리 4개, 가장자리가 천천히 일렁이고 조금씩 떠다니게.
바람개비 Pinwheels
모션 그래픽 · CSS

크기가 다른 바람개비가 제각각 다른 빠르기와 방향으로 돈다.

“바람개비가 여러 개 돌게”“크고 작은 바람개비가 제각각 돌게”“팔랑개비 무늬”
Pinwheels 배경으로 해줘. 바람개비 5개, 크기·속도·방향 제각각.
컬러 블록 Color Blocks
모션 그래픽 · CSS

큰 색면 세 개가 2초마다 폭을 바꾸며 다시 나뉜다.

“큰 색면이 천천히 자리를 바꾸게”“색 덩어리가 넓어졌다 좁아지게”“면 분할이 바뀌게”
Color Blocks 배경으로 깔아줘. 세로 색면 3개, 2초마다 폭이 바뀌게(이즈 인아웃).
일식 원 Eclipse Circle
모션 그래픽 · CSS

큰 원은 가만히 있고 테두리 링만 조금 어긋난 채 맴돈다.

“큰 원 둘레를 테두리가 따라 돌게”“일식처럼 원이 살짝 어긋나게”“원 하나에 링이 맴돌게”
Eclipse Circle 배경으로 해줘. 가운데 큰 원, 테두리 링이 살짝 어긋난 채 8초에 한 바퀴.
바우하우스 타일 Bauhaus Tiles
모션 그래픽 · CSS

원·반원·사분원·삼각 타일이 하나씩 90도씩 딱딱 돈다.

↔ 타일이 사분원이면 트루셰, 원·반원·삼각이면 바우하우스 타일

“원이랑 반원 타일이 90도씩 돌게”“바우하우스 포스터처럼”“기하학 타일이 딱딱 돌아가게”
Bauhaus Tiles 배경으로 깔아줘. 원·반원·사분원·삼각 타일, 칸마다 다른 때에 90도씩 돌게.
동심원 호 Concentric Arcs
모션 그래픽 · CSS

굵은 원호 세 개가 같은 중심에서 서로 다른 속도로 돈다.

“굵은 원호가 겹겹이 돌게”“로딩 표시처럼 호가 돌게”“반원 고리가 엇갈려 돌게”
Concentric Arcs 배경으로 해줘. 굵은 원호 3개 동심원, 안쪽부터 속도·방향 다르게.
슬라이딩 밴드 Sliding Bands
모션 그래픽 · CSS

가로 띠 세 줄이 서로 반대로 미끄러졌다 멈추기를 되풀이한다.

“가로 띠 세 줄이 엇갈려 미끄러지게”“띠가 딱딱 멈추며 옆으로 가게”“세 줄이 번갈아 밀리게”
Sliding Bands 배경으로 깔아줘. 가로 띠 3줄, 2초마다 반 칸씩 엇갈려 미끄러지고 멈추게.
스퀘어 스냅 Square Snap
모션 그래픽 · CSS

네모가 살짝 뒤로 움찔한 뒤 탁 하고 90도 돈다. 2초마다.

“네모가 움찔했다가 탁 90도 돌게”“박자마다 사각형이 딱 돌게”“네모가 끊어서 회전”
Square Snap 배경으로 해줘. 네모 하나, 2초마다 살짝 뒤로 당겼다가 90도 탁(오버슈트).
소프트 웨이브 Soft Wave
모션 그래픽 · CSS

굵은 물결선 하나와 가는 선 하나가 느긋하게 출렁인다.

↔ 굵은 물결 하나면 소프트 웨이브, 가는 선 여러 겹이면 물결선

“굵은 물결 하나가 느긋하게 출렁이게”“잔잔한 파도 선”“큰 곡선이 천천히 흐르게”
Soft Wave 배경으로 깔아줘. 굵은 물결 하나와 가는 선 하나, 8초에 한 번 출렁이게.
겹친 사각형 Nested Squares
모션 그래픽 · CSS

겹겹이 놓인 네모가 안쪽부터 시차를 두고 비틀렸다 돌아온다.

“겹겹 네모가 차례로 비틀리게”“네모 안에 네모가 꼬이게”“사각형이 소용돌이처럼 흔들리게”
Nested Squares 배경으로 해줘. 네모 9겹, 안쪽부터 시차를 두고 좌우로 비틀리게.
워드 버스트 Word Burst
모션 그래픽

한 단어가 크게 들이받듯 나오며 흔들리고 주변으로 파편이 튄다.

“한 단어가 쾅 하고 터지면서 나오게”“글자가 펑 튀어나오고 파편이 튀게”“임팩트 있게 한 단어 박기”
Word Burst 로 「쾅」 넣어줘. 2.4배에서 0.12초 만에 제자리, 살짝 흔들림, 파편 12개.
레터 슬램 Letter Slam
모션 그래픽 · CSS

글자가 하나씩 크게 떨어지며 박자에 맞춰 찍힌다.

↔ 한 자씩 쿵쿵이면 레터 슬램, 한 자씩 부드럽게 나타나면 텍스트 스태거(④)

“한 글자씩 쿵쿵 때려 박게”“글자가 박자 맞춰 하나씩 찍히게”“도장 찍듯 한 자씩”
Letter Slam 으로 「오늘도간다」 넣어줘. 글자당 0.28초 간격, 2.3배에서 떨어지듯.
스탬프 Text Stamp
모션 그래픽 · CSS

네모 테두리 글자가 도장처럼 기울어 찍히며 하나씩 늘어난다.

“도장 찍듯 쾅쾅 찍히게”“확정 도장이 하나씩 늘어나게”“빨간 도장 찍히는 느낌”
Text Stamp 로 「확정」「완료」「승인」 찍어줘. 하나씩 0.9초 간격, 1.7배에서 오버슈트로.
펀치 줌 Punch Zoom
모션 그래픽

글자가 화면 안쪽에서 확 다가오고 잔상이 꼬리를 남긴다.

“글자가 멀리서 확 날아와 박히게”“안쪽에서 튀어나오며 잔상 남게”“화면 쪽으로 쭉 당겨지듯”
Punch Zoom 으로 「돌파」 넣어줘. 0.08배에서 0.3초 만에 꽉 차게, 잔상 4겹.
키네틱 스택 Kinetic Stack
모션 그래픽 · CSS

단어가 좌우에서 번갈아 날아들어 위에서 아래로 쌓인다.

“단어가 양옆에서 날아와 쌓이게”“가사가 한 줄씩 들어와 쌓이게”“좌우로 번갈아 들어오는 문장”
Kinetic Stack 으로 「지금 / 바로 / 시작」 쌓아줘. 줄마다 좌우 번갈아 0.35초씩.
스트레치 Stretch Text
모션 그래픽 · CSS

바닥은 그대로 두고 글자가 하나씩 위로 쭉 늘어났다 돌아온다.

“글자가 위로 쭉 늘어났다 돌아오게”“고무줄처럼 세로로 늘어나게”“글자가 키가 커졌다 작아지게”
Stretch Text 로 「늘어나」 넣어줘. 글자마다 시차를 두고 세로로 1.9배까지.
텍스트 줌 스루 Text Zoom Through
모션 그래픽

단어가 화면을 넘게 커지며 지나가고 뒤에서 다음 단어가 다가온다.

↔ 단어를 뚫고 다음 단어로 가면 텍스트 줌 스루, 글자 하나하나가 날아오면 레터 플라이스루(④)

“글자 안으로 뚫고 들어가 다음 말로”“단어를 뚫고 지나가며 넘어가게”“글자가 확 커지면서 사라지고 다음 단어”
Text Zoom Through 로 「하나 둘 셋 넷」 이어줘. 단어당 2초, 뚫고 지나가며 다음 단어.
스퀴즈 스왑 Squeeze Swap
모션 그래픽 · CSS

단어가 납작하게 눌렸다가 다른 단어로 바뀌며 출렁 튕겨 오른다.

“글자가 찌그러졌다 튕기며 다른 말로”“고무처럼 눌렸다가 바뀌게”“말랑하게 찌부됐다 튀어 오르게”
Squeeze Swap 으로 「말랑 → 쫀득」 바꿔줘. 0.4초 눌렸다가 감쇠 진동으로 튕기게.
자이언트 스크롤 Giant Text Scroll
모션 그래픽 · CSS

화면을 넘는 큰 글자가 끊어 가며 흐르고 아래 작은 띠가 반대로 돈다.

“화면보다 큰 글자가 옆으로 지나가게”“거대한 글씨가 끊어서 흘러가게”“큰 글자 띠 아래 작은 글자 띠”
Giant Text Scroll 로 「오늘 밤 서울」 흘려줘. 큰 글자는 2초마다 이즈 인아웃, 아래 작은 띠는 일정하게.
세로 기둥 Vertical Text Columns
모션 그래픽 · CSS

세로로 쓴 글자 기둥들이 서로 반대 방향으로 흐른다.

“세로쓰기 글자가 위아래로 흐르게”“세로 줄이 서로 반대로 흘러가게”“글자 기둥이 엇갈리게”
Vertical Text Columns 로 「고요」「질주」 세로로 흘려줘. 기둥마다 방향·속도 다르게.
리피트 웨이브 Repeating Text Wave
모션 그래픽 · CSS

같은 단어를 빼곡히 깔고 그 위로 색 반전 물결이 지나간다.

“같은 단어가 빼곡하고 물결처럼 색이 바뀌게”“단어 타일에 물결이 지나가게”“글자 벽지가 파도치게”
Repeating Text Wave 로 「흐름」 깔아줘. 격자로 빼곡히, 대각선 물결로 색 반전.
사선 띠 Diagonal Text Bands
모션 그래픽 · CSS

비스듬한 띠 세 줄에서 글자가 서로 반대 방향으로 흐른다.

“비스듬한 띠에 글자가 흘러가게”“기울어진 띠가 서로 반대로 흐르게”“사선 현수막 글자”
Diagonal Text Bands 로 「새벽 세시」 흘려줘. 띠 3줄 12도 기울이고 번갈아 반대로.
곡선 따라 글자 Text on Path
모션 그래픽

물결 모양 길을 따라 글자가 기울기를 맞추며 흘러간다.

“글자가 물결 선을 따라 흐르게”“리본처럼 휘어진 글씨”“곡선 위를 기차처럼 지나가게”
Text on Path 로 「물결 따라 흘러요」 흘려줘. 사인 곡선 길, 글자가 곡선 기울기를 따라 돌게.
전광판 겹띠 Marquee Stack
모션 그래픽 · CSS

글자 크기와 빠르기가 다른 띠 네 줄이 엇갈려 흐른다.

“전광판 띠 여러 줄이 각자 흐르게”“굵기·속도 다른 띠가 겹쳐 흐르게”“가게 앞 전광판 느낌”
Marquee Stack 으로 「오늘 한정」「신상 공개」… 띠 4줄 흘려줘. 줄마다 크기·속도·방향 다르게.
패럴랙스 기둥 Parallax Columns
모션 그래픽

작고 흐린 기둥은 느리게, 크고 진한 기둥은 빠르게 흘러 깊이가 생긴다.

“세로 글자 기둥이 멀고 가깝게 다른 속도로”“앞 글자는 빠르고 뒤 글자는 느리게”“세 겹 세로쓰기가 흐르게”
Parallax Columns 로 「밤비거리」 세로 기둥 3겹 흘려줘. 뒤는 작고 느리게, 앞은 크고 빠르게.
테이프 교차 Caution Tape
모션 그래픽 · CSS

글자가 찍힌 테이프 두 줄이 X 자로 엇갈리며 흐른다.

“출입 금지 테이프가 X 자로 지나가게”“경고 띠 두 줄이 엇갈려 흐르게”“공사장 테이프 글자”
Caution Tape 로 「출입 금지」 교차시켜줘. 테이프 2줄 ±12도, 서로 반대로 흐르게.
텍스트 터널 Text Tunnel
모션 그래픽

단어 윤곽이 겹겹이 커지며 다가와 글자 모양 터널이 된다.

“글자 윤곽이 겹겹이 다가오게”“단어 안으로 계속 들어가게”“글자 모양 터널”
Text Tunnel 로 「우주」 넣어줘. 윤곽선 10겹, 1초에 한 겹씩 다가오게.
글자 복도 Text Corridor
모션 그래픽

양쪽 벽에 쓴 글자와 바닥선이 원근으로 다가와 복도를 걷는 느낌이 든다.

“양쪽 벽에 글자가 있는 복도를 걷게”“글자 벽 사이로 앞으로 나아가게”“글자로 된 복도”
Text Corridor 로 「나아가」 벽에 써서 복도로 걸어가줘. 가운데 소실점, 2초에 한 칸.
텍스트 실린더 Text Cylinder
모션 그래픽 · CSS

원통에 감긴 글자 세 줄이 서로 반대로 돈다.

“글자가 원통에 감겨 돌게”“세 줄이 원기둥처럼 엇갈려 돌게”“빙글빙글 도는 글자 기둥”
Text Cylinder 로 「계속간다」 원통에 감아 돌려줘. 줄 3개, 가운데 줄만 반대 방향.
텍스트 소용돌이 Text Vortex
모션 그래픽

단어가 겹마다 조금씩 비틀리며 커져 소용돌이를 만든다.

↔ 윤곽이 그대로 다가오면 텍스트 터널, 비틀리며 감기면 텍스트 소용돌이

“글자가 꼬이면서 소용돌이로 빨려 들게”“단어가 비틀리며 겹겹이 감기게”“회오리 글자”
Text Vortex 로 「회오리」 넣어줘. 겹마다 18도씩 비틀고 2초에 한 겹 다가오게.
링 텍스트 Ring Text Tunnel
모션 그래픽

원을 따라 쓴 글자 고리가 겹겹이 돌며 다가온다.

“동그랗게 쓴 글자 고리가 다가오게”“원형 문구가 겹겹이 돌면서 오게”“글자 링 터널”
Ring Text Tunnel 로 「빨려 든다」 원형으로 써서 다가오게 해줘. 고리마다 반대로 회전.
텍스트 궤도 Text Orbit
모션 그래픽

글자들이 기울어진 타원을 돌며 앞에선 크고 뒤에선 작고 흐려진다.

“글자가 타원 궤도를 돌게”“단어가 앞뒤로 돌며 커졌다 작아지게”“행성처럼 도는 글자”
Text Orbit 으로 「궤도를 돈다」 돌려줘. 타원 궤도, 앞은 크고 진하게 뒤는 작고 흐리게.
텍스트 큐브 Text Cube
모션 그래픽 · CSS

정육면체가 위로 구르며 다음 면의 단어가 나타난다.

“상자가 굴러가며 면마다 다른 단어”“주사위 돌듯 단어가 바뀌게”“네모가 아래로 굴러 다음 말로”
Text Cube 로 「봄 여름 가을 겨울」 굴려줘. 2초마다 90도, 이즈 인아웃.
돌출 입체 Extruded Text
모션 그래픽

두께가 있는 글자의 옆면 방향이 천천히 한 바퀴 돈다.

↔ 짧은 두께면 돌출 입체, 화면 끝까지 늘어나면 롱 섀도

“글자가 두께 있는 입체처럼”“입체 글씨 그림자 방향이 돌게”“3D 블록 글자”
Extruded Text 로 「입체」 넣어줘. 두께 14겹, 두께 방향이 8초에 한 바퀴.
스플릿 플랩 Split Flap
모션 그래픽 · CSS

위아래 반쪽 판이 접혀 넘어가며 글자가 한 칸씩 바뀐다.

“공항 전광판처럼 판이 착착 넘어가게”“기차역 행선지 판 넘어가듯”“글자 판이 위아래로 접히며 바뀌게”
Split Flap 으로 「서울행 → 부산행」 바꿔줘. 칸마다 0.15초 시차, 반쪽 판이 접히게.
플립 카드 Flip Cards
모션 그래픽 · CSS

글자 카드가 차례로 뒤집히며 뒷면의 다른 글자가 나온다.

“카드가 한 장씩 뒤집히며 글자가 바뀌게”“글자 카드가 차례로 뒤집히게”“뒤집으면 다른 말”
Flip Cards 로 「새소식 → 신메뉴」 바꿔줘. 카드 3장, 0.18초 시차로 뒤집기.
타자 바꿈 Typewriter Swap
모션 그래픽 · CSS

한 자씩 쳐서 쓰고 커서가 깜빡인 뒤 지우고 다음 문장을 친다.

↔ 쓰고 끝이면 타입온(④), 쓰고 지우고 다음 문장까지면 타자 바꿈

“타자 치듯 쓰고 지우고 다음 문장”“커서 깜빡이며 글이 써졌다 지워지게”“채팅 치는 느낌”
Typewriter Swap 으로 「밤이 오기 전에 / 다시 한 번 더」 쳐줘. 쓰기 2.2초·멈춤·지우기.
슬롯 Slot Text
모션 그래픽 · CSS

글자 릴이 빠르게 돌다가 하나씩 멈추며 결과를 보여 준다.

“슬롯머신처럼 돌다가 탁 멈추게”“글자 릴이 차례로 멈추게”“뽑기 결과 나오듯”
Slot Text 로 「대박」 나오게 해줘. 릴 2개, 1.4초·1.9초에 차례로 멈춤.
오도미터 Odometer
모션 그래픽 · CSS

자릿수 바퀴가 굴러가며 숫자가 목표값까지 올라간다.

“숫자가 굴러가며 올라가게”“계기판처럼 숫자가 돌아가게”“누적 숫자가 촤르륵 올라가게”
Odometer 로 0 에서 12,480 까지 올려줘. 2.6초 이즈 아웃, 자릿수가 위로 굴러가게.
헤드라인 스왑 Headline Swap
모션 그래픽 · CSS

이름표는 그대로 두고 띠 안 헤드라인만 위로 밀려 바뀐다.

“뉴스 자막처럼 제목이 위로 바뀌게”“속보 띠 문구가 갈아 끼워지게”“헤드라인이 밀려 올라가게”
Headline Swap 으로 「속보」 띠에 문구 4개 바꿔줘. 2초마다 위로 0.6초.
LED 글자 LED Text
모션 그래픽

글자를 LED 점으로 찍어 옆으로 흘려보낸다.

“전광판 점 글자가 흘러가게”“LED 도트로 쓴 글씨”“점 하나하나 켜지는 글자”
LED Text 로 「새 소식 도착」 흘려줘. 9줄 점 글씨, 꺼진 점은 어둡게 보이게.
위아래 가르기 Split Halves
모션 그래픽 · CSS

단어의 위아래 반쪽이 반대로 벌어지며 사이에서 다른 말이 나온다.

“글자가 위아래로 갈라지고 속 단어가 나오게”“단어를 반으로 쪼개 숨은 말 보이게”“겉말이 벌어지며 속말”
Split Halves 로 「겉모습」 사이에서 「속마음」 나오게 해줘. 위는 왼쪽, 아래는 오른쪽으로 벌어지게.
윤곽 채우기 Outline Fill
모션 그래픽

윤곽선만 있던 글자 줄이 한 줄씩 왼쪽부터 칠해진다.

“윤곽선 글자가 한 줄씩 칠해지게”“빈 글자 속이 차례로 채워지게”“외곽선만 있다가 색이 차게”
Outline Fill 로 「질풍노도」 줄 4개 채워줘. 줄마다 1.6초 시차로 왼쪽부터.
글리치 슬라이스 Glitch Slices
모션 그래픽

큰 글자를 가로로 썰어 조각마다 좌우로 튀었다 돌아온다.

↔ 화면 전체가 지직이면 글리치(③), 글자만 썰려 어긋나면 글리치 슬라이스

“큰 글자가 가로로 썰려서 어긋나게”“글씨가 지직거리며 조각나게”“잘린 글자가 좌우로 튀게”
Glitch Slices 로 「붕괴」 넣어줘. 가로 7조각, 2초마다 0.5초씩 어긋나게.
무늬 마스크 Text Mask Pattern
모션 그래픽 · CSS

글자를 창 삼아 그 안에서만 사선 줄무늬가 흐른다.

“글자 안에서 줄무늬가 흐르게”“글씨 모양 창으로 무늬가 보이게”“글자 속에 패턴 넣기”
Text Mask Pattern 으로 「축제」 안에 사선 줄무늬 흘려줘. 글자 밖은 바탕 그대로.
롱 섀도 Long Shadow
모션 그래픽 · CSS

글자 뒤로 화면 끝까지 뻗는 그림자의 방향이 천천히 돈다.

↔ 짧은 두께면 돌출 입체, 화면 끝까지 늘어나면 롱 섀도

“긴 그림자가 글자 뒤로 쭉 뻗게”“그림자 방향이 빙 돌게”“플랫 디자인 긴 그림자”
Long Shadow 로 「빛과 그림자」 넣어줘. 그림자 60겹, 방향이 8초에 한 바퀴.
리퀴드 필 Liquid Fill
모션 그래픽

윤곽 글자 안에 물결치는 액체가 아래부터 차오른다.

“글자 속에 물이 차오르게”“윤곽 글씨에 액체가 출렁이며 채워지게”“컵에 물 차듯 글자가 차게”
Liquid Fill 로 「가득」 채워줘. 3초 동안 차오르고 수면은 출렁이게.
형광펜 Highlight Text
모션 그래픽 · CSS

형광펜이 글자 뒤로 왼쪽에서 오른쪽으로 쓱 그어진다.

“형광펜으로 쓱 칠하듯”“중요한 말에 밑줄 마커 긋게”“글자 뒤로 색이 쓱 지나가게”
Highlight Text 로 「말의 힘」에 형광펜 그어줘. 0.6초 이즈 아웃, 살짝 기울게.
경계 반전 Split Invert
모션 그래픽 · CSS

사선 경계가 좌우로 오가며 양쪽의 바탕과 글자 색이 서로 뒤집힌다.

“사선 경계를 넘으면 색이 뒤집히게”“반은 흰 글씨 반은 검은 글씨”“경계가 움직이며 색이 바뀌게”
Split Invert 로 「반전」 넣어줘. 사선 경계가 좌우로 오가고 경계 양쪽 색 반전.
텍스트 에코 Text Echo
모션 그래픽

단어가 8 자를 그리며 움직이고 지나간 자리에 흐린 잔상이 따라온다.

↔ 글자에 잔상이면 텍스트 에코, 물체에 꼬리면 모션 트레일(⑤)

“글자가 8 자로 움직이며 잔상이 남게”“지나간 자리에 글자가 흐리게 남게”“꼬리 달린 글씨”
Text Echo 로 「잔상」 넣어줘. 8 자 궤도, 잔상 10겹 점점 흐리게.
가루 소멸 Disintegrate
모션 그래픽

글자가 한쪽부터 작은 알갱이로 부서져 바람 쪽으로 날아가며 사라진다.

↔ 글자가 알갱이로 부서지면 가루 소멸, 한 점에서 조각이 솟구치면 파티클(⑥)

“글자가 모래처럼 부서져 날아가게”“단어가 가루가 돼서 사라지게”“글자가 바람에 흩날리며 없어지게”
Disintegrate 로 「흩어짐」 지워줘. 왼쪽부터 1.6초에 걸쳐 알갱이로 부서지고, 알갱이는 오른쪽 위로 날리며 옅어지게.
잉크 번짐 Ink Bleed
모션 그래픽

종이에 떨어진 잉크가 번지다가 가라앉으며 글자 모양으로 또렷해진다.

“먹물이 번지면서 글자가 생기게”“잉크가 스며들듯 글자가 나오게”“번진 얼룩이 글자로 또렷해지게”
Ink Bleed 로 「번지다」 넣어줘. 한 자씩 0.35초 간격, 번진 얼룩이 1.1초 동안 가라앉으며 또렷해지게.
무너져 떨어지기 Crumble Down
모션 그래픽

자리에 있던 글자가 한 자씩 기울며 중력을 받아 화면 아래로 떨어진다.

“글자가 와르르 무너져 떨어지게”“한 자씩 아래로 툭툭 떨어지게”“글자가 중력 받아 떨어지게”
Crumble Down 으로 「무너진다」 떨어뜨려줘. 0.28초 간격으로 한 자씩, 살짝 돌면서 가속해서 아래로.
글자 모으기 Letter Assemble
모션 그래픽

화면 곳곳에 비뚤게 흩어진 글자가 돌며 날아와 제자리에 맞춰진다.

↔ 흩어진 글자가 제자리로 모이면 글자 모으기, 단어가 좌우에서 번갈아 날아와 쌓이면 키네틱 스택(⑨)

“흩어진 글자가 모여서 제목이 되게”“여기저기 있던 글자가 제자리 찾아가게”“조각이 모여 단어 완성되게”
Letter Assemble 로 「모여라」 만들어줘. 흩어진 자리에서 1.1초 이즈 아웃으로 모이고, 글자마다 0.12초 차이.
자석 끌어당기기 Magnet Pull
모션 그래픽

양옆으로 벌어져 있던 글자가 점점 빨라지며 가운데로 끌려와 착 붙는다.

“글자가 자석처럼 가운데로 끌려오게”“멀리 있던 글자가 쭉 빨려와 붙게”“가운데로 착 달라붙게”
Magnet Pull 로 「끌려온다」 붙여줘. 벌어진 간격 2배에서 1.3초 동안 가속해서 붙고, 붙는 순간 작게 떨림.
자리 바꿔 정렬 Shuffle Letters
모션 그래픽

순서가 엉킨 글자가 위아래로 호를 그리며 서로 자리를 바꿔 바른 순서가 된다.

“뒤섞인 글자가 자리 바꿔서 맞춰지게”“순서 엉킨 단어가 정렬되게”“글자끼리 위아래로 넘어가며 자리 찾게”
Shuffle Letters 로 「제자리로」 정렬해줘. 섞인 순서에서 0.8초 동안 호를 그리며 자리 바꾸고, 짝수는 위로 홀수는 아래로.
글자 물결 Wave Letters
모션 그래픽

글자 하나하나가 시간차를 두고 오르내려 단어 위로 물결이 지나간다.

↔ 글자 하나하나가 오르내리면 글자 물결, 깔아 둔 단어 위로 색이 지나가면 리피트 웨이브(⑨)

“글자가 파도 타듯 오르내리게”“한 자씩 물결처럼 출렁이게”“글자가 웨이브 하게”
Wave Letters 로 「물결을타요」 넣어줘. 글자마다 위상 0.75 차이, 2초에 한 번 오르내리고 꼭대기에서 살짝 기울게.
진자 흔들림 Swing Letters
모션 그래픽

위쪽 막대에 줄로 매달린 글자가 진자처럼 저마다 조금씩 다르게 흔들린다.

“글자가 줄에 매달려 흔들리게”“대롱대롱 매달린 글자”“그네 타듯 흔들리는 글자”
Swing Letters 로 「대롱대롱」 매달아줘. 위 막대에서 줄로 내리고, ±22° 로 2초 주기 진자, 글자마다 위상 차이.
깃발 글자 Text Flag
모션 그래픽

깃대에 달린 천이 펄럭이고 그 위에 쓴 글자가 천의 굴곡을 따라 기울며 출렁인다.

“글자가 깃발처럼 펄럭이게”“바람에 날리는 현수막 글자”“천 위에 쓴 글자가 출렁이게”
Text Flag 로 「펄럭펄럭」 깃발 만들어줘. 왼쪽 깃대에서 멀어질수록 크게 출렁이고, 글자는 천의 기울기를 따라 돌게.
둥실 떠다니기 Float Drift
모션 그래픽

글자가 저마다 다른 박자로 천천히 오르내리고 살짝 기울며 공중에 떠 있다.

“글자가 둥둥 떠다니게”“물에 뜬 것처럼 천천히 흔들리게”“몽글몽글 떠 있는 글자”
Float Drift 로 「둥실둥실」 띄워줘. 글자마다 4초나 8초 주기로 천천히 오르내리고, 뒤에 흐린 방울이 위로 흘러가게.
떨다 멈추기 Jitter Settle
모션 그래픽

글자가 크게 떨리다가 떨림이 점점 줄어 제자리에 멈춘다.

“글자가 덜덜 떨다가 가라앉게”“부들부들 떨리다 멈추게”“충격받은 듯 떨리는 글자”
Jitter Settle 로 「덜덜덜」 떨게 해줘. 처음엔 글자 크기의 절반만큼 흔들리고 2초 동안 지수적으로 줄어 멈추게.
스톱모션 글자 Stop Motion Text
모션 그래픽

초당 8장으로 끊어 그려 글자가 매 컷 조금씩 비뚤어지며 손으로 찍은 듯 움직인다.

“글자가 손으로 찍은 것처럼 덜컥거리게”“클레이 애니처럼 프레임이 끊기게”“한 컷씩 움직이는 느낌”
Stop Motion Text 로 「한컷한컷」 넣어줘. 초당 8프레임, 컷마다 위치·각도·크기를 조금씩 흔들고 글자는 반 초 간격으로 하나씩.
도미노 글자 Domino Letters
모션 그래픽

바닥에 선 글자가 왼쪽부터 차례로 기울어 다음 글자에 기대며 쓰러진다.

“글자가 도미노처럼 차례로 넘어가게”“하나 넘어지면 다음 거 넘어지게”“줄줄이 쓰러지는 글자”
Domino Letters 로 「차례차례」 쓰러뜨려줘. 0.24초 간격으로 오른쪽으로 기울고, 마지막 글자만 바닥까지 눕게.
중력 반전 Gravity Flip
모션 그래픽

바닥에 있던 글자가 천장으로 떨어지듯 튀어 올라 뒤집히고, 다시 바닥으로 돌아온다.

“중력이 뒤집혀서 글자가 천장으로 떨어지게”“글자가 위로 떨어졌다가 돌아오게”“거꾸로 튀어 오르는 글자”
Gravity Flip 으로 「거꾸로」 뒤집어줘. 0.9초 바운스로 천장에 붙고 그동안 180° 돌고, 2초 뒤 같은 방식으로 바닥으로.
글자 비 Letter Rain
모션 그래픽

세로줄마다 다른 속도로 글자가 끊임없이 흘러내리고 군데군데 한 글자가 빛난다.

“글자가 비처럼 내리게”“세로줄로 글자가 쏟아지게”“글자 소나기 배경”
Letter Rain 으로 글자 비 깔아줘. 세로줄마다 8초에 한 번 또는 두 번 흘러내리고, 아홉 자에 하나꼴로 강조색.
노래방 공 Karaoke Ball
모션 그래픽

공이 글자 위를 한 자씩 통통 건너뛰고, 공이 지나간 데까지 글자에 색이 찬다.

“노래방처럼 공이 튀면서 글자 칠하게”“가사 따라 공이 통통 뛰게”“부르는 데까지 색이 차오르게”
Karaoke Ball 로 「같이불러요」 넣어줘. 2.8초 동안 한 자에 한 번씩 튀고, 공 위치까지 왼쪽부터 강조색으로 칠하게.
돋보기 Magnifier Lens
모션 그래픽

작은 글씨 위로 돋보기가 좌우로 오가고, 렌즈 안에서만 글자가 크게 확대된다.

“돋보기로 글자 크게 보이게”“렌즈가 지나가면서 확대되게”“작은 글씨 확대해서 보여주기”
Magnifier Lens 로 「작은 글씨를 크게 본다」 보여줘. 렌즈가 8초에 한 번 좌우 왕복, 안쪽은 2.2배 확대해서 강조색.
물에 비친 글자 Water Reflection
모션 그래픽

수면 위에 놓인 글자가 아래로 거꾸로 비치고, 반사는 물결 따라 일렁이며 흐려진다.

“글자가 물에 비쳐 일렁이게”“수면 위 글자와 반사”“호수에 비친 것처럼”
Water Reflection 으로 「물 위의 말」 비춰줘. 수면 아래 뒤집힌 반사, 아래로 갈수록 일렁임 커지고 옅어지게.
굵기 변화 Weight Grow
모션 그래픽

가는 획에서 시작한 글자가 한 자씩 차례로 굵어져 가장 두꺼운 굵기에서 멈춘다.

“얇은 글자가 점점 굵어지게”“글자에 힘이 들어가게”“가는 글씨에서 두꺼운 글씨로”
Weight Grow 로 「굵어진다」 키워줘. 100에서 900까지 1초에 걸쳐, 글자마다 0.25초 차이. 가변 폰트면 부드럽게.
흐르는 그라데이션 Gradient Flow
모션 그래픽

글자 모양은 가만히 있고, 글자 안을 채운 그라데이션만 옆으로 끝없이 흘러간다.

“글자 안에서 색이 흐르게”“그라데이션이 글자 속을 지나가게”“글자 색이 물 흐르듯 바뀌게”
Gradient Flow 로 「흐르는 색」 칠해줘. 강조색·흰색·짙은색 세 칸 그라데이션이 4초에 한 번 오른쪽으로 흘러 끊김 없이 이어지게.
서체 모자이크 Type Mosaic
모션 그래픽

같은 글자를 굵기·윤곽·기울기가 다른 여덟 칸에 두고 한 칸씩 차례로 켠다.

“같은 글자를 여러 서체로 보여주게”“글꼴 견본처럼 칸마다 다른 굵기”“칸이 하나씩 켜지는 서체판”
Type Mosaic 으로 「글」 서체판 만들어줘. 2×4 칸, 칸마다 굵기나 서체 다르게, 1초에 한 칸씩 강조색으로 켜지게.
스크램블 해독 Scramble Decode
모션 그래픽

글자 자리마다 아무 글자나 빠르게 깜빡이다가 앞에서부터 하나씩 정답 글자로 굳는다.

↔ 아무 글자나 깜빡이다 정답이 되면 스크램블 해독, 릴이 돌다 멈추면 슬롯(⑨)

“글자가 막 바뀌다가 정답이 나오게”“암호 풀리듯 글자가 맞춰지게”“랜덤 글자가 진짜 글자로”
Scramble Decode 로 「정답공개」 풀어줘. 초당 20번 아무 글자로 바뀌다가 0.4초 간격으로 앞에서부터 하나씩 고정.
글자 만화경 Text Kaleidoscope
모션 그래픽

같은 글자를 원 둘레에 열두 번 거울처럼 놓아 대칭 무늬를 만들고, 바깥과 안쪽 고리가 반대로 돈다.

↔ 글자를 돌려 무늬를 만들면 글자 만화경, 도형으로 된 배경 무늬면 만화경(⑧)

“글자로 만화경 무늬 만들기”“같은 글자가 빙글빙글 원으로 돌게”“글자가 꽃처럼 대칭으로 퍼지게”
Text Kaleidoscope 로 「빙글」 무늬 만들어줘. 열두 조각 거울 대칭, 바깥 고리와 안 고리가 반대로 8초에 60°씩.
글자 부채 Text Fan
모션 그래픽

아래 한 점에 모인 글자 막대 일곱 개가 부채처럼 펼쳐졌다가 다시 접힌다.

“같은 글자가 부채처럼 펼쳐지게”“카드 펼치듯 글자가 퍼지게”“한 점에서 부채꼴로 열리게”
Text Fan 으로 「펼쳐」 부채 만들어줘. 막대 일곱 개가 아래 한 점에서 ±60° 로 0.9초 만에 펼쳐지고, 끝에 살짝 넘쳤다 돌아오게.

사전 원본: Giting motion-menu v0.6.0 · MIT License · Copyright (c) 2026 Giting (hanmariyang)