[AI 활용팁] 모션 기법 637개 담은 ‘어썸 AI 모션’ 사용법

AI로 영상이나 발표 자료를 만들 때 화면을 어떻게 움직일지 정하는 일은 여전히 사람의 몫으로 남아 있다. ‘패럴랙스’나 ‘매치컷’ 같은 용어를 모르면 원하는 움직임을 AI에게 설명하기도 어렵다. ‘어썸 AI 모션(Awesome AI Motion)’은 이런 모션 기법 637개를 정의와 기본 수치, 예시 클립, AI용 프롬프트와 함께 정리한 무료 도감이다.

어썸 AI 모션은 ‘공냥이(스레드 @spedial1849)’로 불리는 한국 개발자가 공개했다. 이 개발자는 이미지 생성 프롬프트를 작성하는 ‘gongnyang-prompt-kit’, 짧은 기획 문장으로 발표용 HTML 슬라이드를 생성하는 ‘덱 팩토리’, 원고 하나로 숏폼 영상을 제작하는 ‘릴포지(ReelForge)’ 등 클로드 코드 스킬을 여러 개 공개해 왔다. 어썸 AI 모션은 MIT 라이선스로 공개됐으며 한국어와 영어를 함께 지원한다.

1. 장면의 목적에 맞는 움직임을 고르는 도감

🎯 AI 에이전트가 읽도록 설계 – 개발자는 깃허브 소개 문서에서 이 도감을 “AI 에이전트가 읽는 모션 기법 도감”이라고 소개했다. 장면이 전해야 할 의미에 맞춰 모션을 고른다는 것이 기본 원칙이다. 효과마다 정의와 기본 파라미터, 과용 주의 사항, 구현 코드, 클로드 코드와 코덱스에 그대로 붙여 넣을 수 있는 프롬프트를 한 장의 카드로 정리했다.

규모는 정의된 기법 637개, 렌더링된 기준 클립 128개, 효과를 조합한 레시피 11개, 쇼츠나 발표 자료처럼 산출물별로 설계 방법을 안내하는 용도별 루트 7개다. 모든 클립은 같은 종이 질감과 먹색, 주홍색으로 제작해 색이나 소재가 아니라 움직임만 비교할 수 있게 했다.

2. 웹사이트에서 효과 찾고 비교하기

🔍 설치 없이 브라우저로 탐색 – 웹사이트에 접속하면 대표 효과 클립이 화면에 나타나는 대로 자동 재생된다. 효과는 동작별, 목적별, 매체별, 난이도별로 걸러 볼 수 있다.

• 동작별: 등장·퇴장, 강조, 타이포, 전환·컷, 가상 카메라, 데이터, UI 시연, 3D·깊이 등
• 목적별: 주목 끌기, 설명, 비교, 순서·흐름, 데이터 증명, 분위기, 브랜딩 등
• 매체별: 설명 영상, 숏폼, 스크롤덱, 발표, 제품 시연, 웹 UI 등
• 난이도별: 기본, 중급, 고급

마음에 드는 클립의 ‘비교’ 버튼을 누르면 최대 네 개 클립을 나란히 놓고 볼 수 있고, 느린 속도로 재생할 수도 있다. 카드를 열면 해당 효과의 기본값과 프롬프트를 바로 복사할 수 있다.

3. 효과 카드의 프롬프트를 그대로 사용하기

📌 수치까지 정해진 프롬프트 – 예를 들어 제목을 한 줄씩 드러내는 ‘마스크 리빌’ 카드에는 시작 위치 110%, 한 줄당 1.05초, 줄 간격 0.35초 같은 기본값과 함께 아래 프롬프트가 들어 있다. 대상만 바꿔 클로드 코드에 붙여 넣으면 된다.

프롬프트: “<대상>의 두 줄 제목에 마스크 리빌을 적용해. 각 줄을 높이 116px의 overflow hidden 창에 넣고 내부 글자를 0.3초부터 yPercent 110에서 0으로 1.05초 동안 power3.out으로 이동해. 두 번째 줄은 0.35초 늦게 시작하고 3초까지 완성 상태를 유지해.”
(어썸 AI 모션 ‘마스크 리빌’ 카드의 한국어 클로드 코드용 프롬프트)

카드에는 ‘좋은 예’와 ‘나쁜 예’, ‘본문 전체에 반복 적용하지 않는다’ 같은 주의 사항도 함께 적혀 있어 효과를 과하게 사용하는 실수를 줄일 수 있다.

4. 클로드 코드 스킬로 연결하기

🔧 도감을 에이전트에 연결 – 저장소를 내려받아 클로드 코드의 스킬 폴더에 연결하면 에이전트가 도감을 직접 찾아 적용한다. 스킬은 반복 작업 방법을 미리 적어 두고 이름으로 불러 실행하는 재사용 지시서다. 터미널에서 아래 명령을 하나씩 차례로 입력한다.

① 저장소를 내려받는다.

git clone https://github.com/gongnyang/awesome-ai-motion.git

② 내려받은 폴더로 이동한다.

cd awesome-ai-motion

③ 클로드 코드 스킬 폴더를 생성한다. 폴더가 이미 있어도 오류 없이 실행된다.

mkdir -p ~/.claude/skills

④ 내려받은 폴더를 스킬 폴더에 연결한다.

ln -s "$PWD" ~/.claude/skills/awesome-ai-motion

코덱스를 사용한다면 같은 방식으로 ~/.codex/skills/ 폴더에 연결한다. 연결한 뒤에는 장면의 목적을 설명하고 효과를 골라 달라고 요청하면 된다.

프롬프트: “제품 공개 장면에 맞는 모션을 골라줘. 효과 카드를 읽고 기본 파라미터로 적용해줘.”
(저장소 소개 문서가 제시한 요청 예시)

스킬은 장면의 목적과 매체를 먼저 정하고, 결정표에서 후보 2~3개를 고른 뒤 효과 카드의 기본값과 주의 사항을 읽고 적용하는 순서로 작동한다. 개발자는 한 장면에는 주 동작 하나와 보조 동작 한두 개만 두고, 완성된 화면이 읽힐 만큼 멈춰 있는 시간을 확보하라는 공통 규칙도 정해 두었다.

5. 직접 클립 렌더링하기

⚡ 문구만 바꿔 MP4로 출력 – 사이트 탐색과 스킬 연결에는 별도 설치가 필요 없지만, 클립을 직접 렌더링하려면 Node.js 20 이상과 ffmpeg, 크로미엄 브라우저를 설치한 플레이라이트가 필요하다. 플레이라이트는 브라우저를 자동으로 조작하는 도구다.

node scripts/render.mjs effects/mask-reveal --embed --text "움직임으로 전해" --out .staging/my-first-motion

마스크 리빌 효과에 원하는 문구를 넣어 별도 폴더에 렌더링하는 명령이다.

결과 폴더에는 clip.mp4 영상과 preview.gif 미리보기, poster.jpg 대표 이미지가 생성된다. 원본 예제를 보존하려면 출력 폴더를 effects와 recipes 폴더 밖으로 지정한다. 이 스킬은 모션 선택과 짧은 예제 렌더링을 지원하며, 영상 전체 제작에는 헤이젠의 하이퍼프레임즈나 개발자의 릴포지를 함께 사용하도록 안내한다.

어썸 AI 모션은 영상과 발표 자료에 쓸 움직임을 용어와 수치로 정리해, AI에게 원하는 모션을 정확히 요청할 수 있게 돕는다. 웹사이트에서 클립을 비교해 보고, 마음에 드는 카드의 프롬프트부터 클로드 코드에 붙여 넣어 보자.

자세한 내용은 어썸 AI 모션에서 확인할 수 있다.

이미지 출처: 어썸 AI 모션