월 US$9.99에 모든 Premium Skill을 이용하세요. 언제든지 취소할 수 있습니다.플랜 보기

CreatorMotion · YouTube, TikTok, Reels 크리에이터를 위한 AI 모션 그래픽

모션 그래픽 Skill로 10배 빠르게 편집하세요

CreatorMotion은 Claude Code, Codex, Cursor에 크리에이터 영상을 위한 122개 이상의 모션 효과를 더해 줍니다. 토킹 헤드 클립이나 스크립트 한 줄을 Agent에 건네면, 인물 뒤 텍스트, 분할 화면 차트, 설명용 B-roll을 계속 편집 가능한 상태로 만들고 타임라인에 넣을 MP4로 렌더링합니다.

Skill 다운로드효과 2개 무료 체험
  • 122개 이상의 효과
  • 1080p 또는 4K MP4
  • 유료 API 불필요
  • 렌더링 후에도 편집 가능

계속 늘어나는 중: 새 효과가 정기적으로 추가됩니다.

CreatorMotion으로 만든, 발표자 뒤에 거대한 제목이 있는 장면
A-roll · 인물 뒤 타이틀
A-rollinterview.mp4B-roll
인물 뒤 타이틀 · “MAKE IT CLEAR”
/bs-creatormotion Put “MAKE IT CLEAR” behind me at 0:14 in interview.mp4

Claude Code

  • ‘인물 뒤 타이틀’ 효과 선택
  • 화면에서 인물을 분리
  • 타임라인용 4K MP4 렌더링 완료

Agent에서 실행하고, 편집 프로그램으로 내보내기

  • Claude Code
  • Codex
  • Cursor
  • CapCut
  • Adobe Premiere Pro
  • DaVinci Resolve
  • Final Cut Pro

피드에 맞춘 제작

YouTube, TikTok, Reels를 위한 모션 그래픽

하나의 렌더링을 두 가지 방식으로 활용한 예입니다. YouTube 영상에서는 전체 화면으로, Shorts, TikTok, Reels에서는 세로 화면 위쪽 절반을 채우고 그 아래에 토킹 헤드를 배치합니다.

  • 16:9 전체 화면
    16:9로 렌더링한, 영상을 평가하는 Radar Explanation Reveal 차트

    YouTube 영상과 강의

    Skill이 렌더링한 그대로의 클립, 1080p 또는 4K. B-roll 트랙에 올리면 화면을 가득 채웁니다.

  • 9:16 상하 배치
    같은 레이더 차트가 9:16 화면의 위쪽 절반을 채우고 아래에 토킹 헤드가 있는 모습

    Shorts, TikTok, Reels

    같은 클립을 확대해 9:16 화면의 위쪽 절반을 채우고, 아래쪽 절반에는 토킹 헤드를 배치합니다.

이 세로 버전은 CapCut이나 Premiere Pro 같은 편집 프로그램에서 만들었습니다. 클립을 확대해 위쪽 절반을 채우고, 그 아래에 크리에이터의 영상을 넣었습니다.

라이브러리

보여 줄 내용별로 정리한 122개 이상의 모션 그래픽 예시

화면에서 무엇이 바뀌는지로 고르세요: 숫자가 늘어나는지, 두 옵션을 비교하는지, 단계가 추가되는지, 새 챕터가 시작되는지.

계속 늘어나는 중: 새 효과가 정기적으로 추가됩니다.

효과 필터

Pro 멤버는 CreatorMotion 번들로 122개 이상의 효과를 모두 이용할 수 있습니다. 효과를 하나씩 개별 구매할 수도 있으며, 2개는 무료입니다.

A-roll vs B-roll

편집의 양쪽 모두를 위한 효과

A-roll은 카메라를 보고 말하는 나 자신입니다. B-roll은 말하는 동안 전환해 보여 주는 모든 장면입니다. CreatorMotion은 둘 다 지원합니다.

A-roll

토킹 헤드 화면효과 24개

내 영상 위에서 작동하는 효과입니다. 타이틀이 내 뒤로 미끄러져 들어오고, 차트와 휴대폰 화면이 옆에 나타나며, 슬라이드가 화면을 차지하는 동안에도 나는 화면 안에 남아 있습니다.

  • 자동 누끼로 내 뒤에 타이틀 배치
  • 차트, 목록, 휴대폰 화면과 분할 화면
  • 슬라이드와 앱을 위한 PIP(화면 속 화면)
B-roll

설명을 대신하는 전환 장면효과 89개

말하는 동안 전환해 보여 주는 모션 그래픽입니다. 추가 촬영 없이, 문장과 숫자만 Agent에 주면 화면을 만들어 줍니다.

  • 애니메이션 차트와 비교
  • 다이어그램, 타임라인, 워크플로
  • 키네틱 타이포그래피, 카드, 목록

여기에 새 섹션을 알리는 챕터 카드와 전환 효과 9개가 더해집니다.

A-roll 효과

건너뛸 수 없는 토킹 헤드 영상을 만드세요

24개의 효과가 내 영상 위에서 작동하므로, 설명이 나를 대신하는 대신 내 주변에서 펼쳐집니다.

  • 거대한 헤드라인이 나와 배경 사이로 들어옵니다. Agent가 화면에서 나를 자동으로 분리하므로 글자가 얼굴을 가리지 않습니다.

  • 한쪽에는 내가, 다른 쪽에는 차트나 휴대폰 화면, 목록이 차례로 나타납니다.

  • 슬라이드, 앱, 채팅 답변이 메인 화면을 차지하고 나는 작은 창에서 함께합니다.

타이틀 장면 테이크오버
타이틀 장면 테이크오버

B-roll 효과

스톡 영상이 아닌, 설명을 위한 AI B-roll 생성기

말하는 동안 전환해 보여 주는 모션 그래픽 89개. 숫자를 Agent에 주면 정확하게 그려 냅니다.

  • 주마다 올라가는 막대, 전후 비교, ROI 계산, 순위 경쟁. 30개 효과 모두 실제 수치로 그립니다.

  • 파이프라인, 순환, 퍼널, 타임라인이 설명하는 순서대로 만들어집니다.

  • 정의, 정정, 핵심 문구가 단어 단위로 움직입니다.

  • 단계와 핵심 내용이 비트에 맞춰 쌓이거나 체크됩니다.

순차 막대
순차 막대

챕터와 포커스

끝까지 보게 만드는 챕터, 포커스, 전환

긴 영상에는 이정표가 필요합니다. 이 효과들은 새 파트를 알리고, 지금 이야기하는 디테일을 짚어 줍니다.

  • 스탬프 타이틀부터 그리드 플립까지 7가지 오프닝으로, 시청자가 지금 어디쯤인지 늘 알 수 있습니다.

  • 나머지는 화면에 그대로 둔 채 댓글에 동그라미를 치고, 인용문을 강조하고, 지표를 확대합니다.

  • 전후 장면을 잇는 사선 와이프와 타일 디졸브.

챕터 글자 단위 공개
챕터 글자 단위 공개

나만의 스타일, 나만의 파일

내 색상으로 만드는 편집 가능한 HyperFrames 프로젝트

모든 효과는 열어서 수정하고 다시 렌더링할 수 있는 HTML 프로젝트로 만들어집니다.

  • 기본 제공 팔레트 4종

    화이트 & 옐로, 차콜 & 라임, 페이퍼 & 오렌지, 블랙 & 화이트. 시리즈 전체를 하나의 스타일로 유지하세요.

  • 나의 브랜드 폰트

    Agent에 폰트 파일을 알려 주면 모든 타이틀에 적용됩니다.

  • 렌더링 후에도 수정

    프로젝트에서 단어나 숫자를 바꾸고 다시 렌더링하세요. 키프레임을 다시 만들 필요가 없습니다.

  • 유료 API 불필요

    효과는 Node.js, FFmpeg, 오픈 소스 HyperFrames CLI로 내 컴퓨터에서 생성됩니다.

같은 효과, 네 가지 팔레트같은 효과, 네 가지 팔레트
  • 화이트 & 옐로
  • 차콜 & 라임
  • 페이퍼 & 오렌지
  • 블랙 & 화이트

이런 분께 추천

매주 영상을 올리는 크리에이터를 위해

크리에이터의 영상 편집은 대개 혼자서 모든 일을 해야 합니다. CreatorMotion이 할 일 목록에서 모션 그래픽을 덜어 드립니다.

유튜버

After Effects를 열지 않고도 15분짜리 설명 영상에 차트, 챕터, 근거 화면을 더하세요.

숏폼 크리에이터

시청자가 넘기기 전에 사로잡는 Shorts, TikTok, Reels용 훅.

교육자와 코치

학생이 따라오기 쉬운 다이어그램, 정의, 체크리스트가 담긴 강의.

브랜드와 에이전시

모든 고객 영상과 팀의 모든 편집자를 위한 하나의 모션 시스템.

작동 방식

Claude Code로 모션 그래픽 만드는 방법

CreatorMotion 번들을 한 번 설치한 다음, 이름을 불러 필요한 것을 말하세요. Codex와 Cursor에서도 똑같이 작동합니다.

  1. 1

    번들을 한 번 설치

    CreatorMotion은 Skillry Pro에 포함되어 있습니다. 사용하는 Agent의 설치 명령을 실행하면 처음 실행할 때 브라우저가 열려 로그인합니다. 또는 설치 프롬프트를 Agent에 붙여 넣어 알아서 설정하게 하세요.

  2. 2

    이름으로 호출

    Claude Code나 Cursor에서는 /bs-creatormotion, Codex에서는 $bs-creatormotion을 입력한 다음, 필요한 것을 평소 말투로 설명하세요: 대사, 숫자, 클립.

  3. 3

    AI가 효과를 고르거나 직접 선택

    기본적으로 Agent가 화면에서 바뀌는 내용에 맞춰 효과를 고릅니다. 특정 효과를 쓰려면 갤러리의 효과 제목이나 bs-creatormotion-type-topic-cloud 같은 Skill 이름을 말하세요. 어느 쪽이든 문장과 숫자는 그대로 유지하고 편집 가능한 프로젝트를 만듭니다.

  4. 4

    렌더링해서 바로 넣기

    1080p 또는 4K MP4로 렌더링해 CapCut, Premiere Pro, DaVinci Resolve, Final Cut Pro의 B-roll 트랙에 올리세요.

한 번만 설치

  • Claude Code
    npx --yes skillry-cli@latest install bs-creatormotion --agent claude-code
  • Codex · Cursor · Gemini CLI · OpenCode
    npx --yes skillry-cli@latest install bs-creatormotion
  • 또는 Agent에게 요청
    Read https://skillry.dev/skills/bs-creatormotion/install.md and follow the instructions to install the skill.
Skill 다운로드

Skillry Pro에 포함되어 있습니다. 처음 실행하면 브라우저가 열려 로그인합니다.

예시 명령

  • 내 뒤의 텍스트
    /bs-creatormotion interview.mp4의 0:14에 “MAKE IT CLEAR”를 내 뒤에 넣어 줘
  • 내 옆의 차트
    /bs-creatormotion 내가 “시청 시간이 4:10에서 7:45로 늘었다”고 말할 때 그 차트를 내 옆에 넣어 줘
  • 스크립트 전체를 위한 B-roll
    /bs-creatormotion script.md를 B-roll로 만들어 줘. 핵심 포인트마다 효과 하나씩, 차콜 & 라임 팔레트로
  • 특정 효과 지정
    /bs-creatormotion bs-creatormotion-type-topic-cloud를 사용해서 intro.mp4에서 “GROW YOUR CHANNEL”을 내 뒤에 넣고, 주변에 훅, 페이싱, 썸네일, 리텐션을 배치해 줘
  • 4K 챕터 카드
    /bs-creatormotion “2부: 편집” 챕터 카드를 추가하고 4K로 렌더링해 줘
  • 브랜드 색상 적용
    /bs-creatormotion 모든 세그먼트에 내 브랜드 색상을 써 줘: 배경 #F6F7F0, 강조색 #F4FF71

Codex에서는 $bs-creatormotion으로 시작하세요.

  • 편집 가능한 HyperFrames 프로젝트
  • 숫자는 그대로
  • 유료 API 불필요

왜 Skill인가

템플릿 앱이나 빈 프롬프트로는 왜 안 될까요?

템플릿은 빠르고 프롬프트는 유연합니다. CreatorMotion은 그 사이에 있습니다. 잘 설계된 모션이 회원님의 사실을 그대로 따릅니다.

왜 Skill인가템플릿 앱처음부터 프롬프트 작성CreatorMotion
시작점템플릿을 고른 뒤 다시 입력빈 프롬프트스크립트 한 줄, 숫자, 또는 클립
문장과 숫자모든 라벨을 직접 입력바뀌거나 지어낼 수 있음주신 그대로 유지
모션모두가 쓰는 똑같은 스타일실행할 때마다 다름읽기 좋은 타이밍으로 설계된 122개 이상의 모션
내 뒤의 텍스트수동 마스킹될 때도 있고 안 될 때도 있음내 영상에서 자동 누끼
결과물해당 앱 안에 갇힌 클립Agent가 작성한 그대로MP4와 편집 가능한 프로젝트

빠른 게시물에는 CapCut 템플릿이 만족스러우신가요? 계속 쓰세요. CreatorMotion은 템플릿으로는 흉내 낼 수 없는 설명의 순간을 위한 도구입니다.

FAQ

AI 모션 그래픽 FAQ

A-roll과 B-roll의 차이는 무엇인가요?

A-roll은 메인 영상으로, 보통 카메라를 보고 말하는 모습입니다. B-roll은 말하는 동안 전환해 보여 주는 모든 장면으로, 차트, 화면 녹화, 다이어그램 등 말하는 내용을 보여 주는 화면입니다. CreatorMotion은 둘 다를 위한 모션 그래픽을 만듭니다. 토킹 헤드 화면에 쓰는 효과 24개, 전환용 설명 클립 89개, 챕터 카드와 전환 효과 9개가 있습니다.

영상에서 인물 뒤에 텍스트를 넣으려면 어떻게 하나요?

CapCut이나 Premiere Pro에서는 클립을 복제하고 위쪽 클립의 배경을 지운 다음 두 클립 사이에 텍스트 레이어를 넣어야 합니다. CreatorMotion에서는 Agent에게 Title Behind Subject 효과를 요청하고 클립을 주기만 하면 됩니다. 화면에서 나를 자동으로 분리하고 나와 배경 사이에 타이틀을 배치합니다. 무료 효과인 Title Scene Takeover도 타이틀을 내 뒤에 넣은 뒤 전체 화면 타이틀로 전환합니다.

Claude AI로 영상 편집을 할 수 있나요?

Claude Code가 편집 프로그램을 대신하지는 않지만, 모션 그래픽을 만들고 렌더링할 수는 있습니다. CreatorMotion을 설치하면 Claude Code, Codex, Cursor가 스크립트 한 줄, 숫자, 클립을 편집 가능한 프로젝트로 만들고 타임라인용 MP4로 렌더링합니다.

CapCut, Premiere Pro, DaVinci Resolve와 함께 쓸 수 있나요?

네. 모든 효과는 1080p 또는 4K 표준 MP4로 렌더링됩니다. CapCut, Premiere Pro, DaVinci Resolve, Final Cut Pro에서 일반 클립처럼 가져와 B-roll 트랙에 올리세요.

TikTok, Reels, Shorts용 세로 영상도 만들 수 있나요?

네. 세로 게시물에서는 렌더링한 클립을 9:16 화면의 위쪽 절반에 두고 아래에 토킹 헤드를 배치하세요. 많은 Shorts와 Reels가 쓰는 상하 배치 레이아웃입니다. 효과가 위쪽 절반을 가득 채우게 하려면 확대하세요.

영상마다 API나 구독 비용을 내야 하나요?

아니요. 효과는 Node.js, FFmpeg, 오픈 소스 HyperFrames CLI로 내 컴퓨터에서 생성되며 유료 API를 호출하지 않습니다. 122개 이상의 효과가 모두 담긴 CreatorMotion 번들은 Skillry Pro에 포함되어 있으며, 효과를 하나씩 구매할 수도 있고 2개는 무료로 체험할 수 있습니다.

Remotion vs HyperFrames: CreatorMotion은 무엇을 사용하나요?

CreatorMotion은 HyperFrames 프로젝트를 만듭니다. MP4로 렌더링되는 일반 HTML, CSS, GSAP 애니메이션이라 Agent가 모든 타이틀, 숫자, 색상을 읽고 바꿀 수 있습니다. 사용하는 데 Remotion은 필요하지 않습니다.

CreatorMotion은 CapCut 대체 프로그램인가요?

아니요. CapCut은 완전한 편집 프로그램이고, CreatorMotion은 거기에 넣을 모션 그래픽을 만듭니다. 편집은 CapCut, Premiere Pro, DaVinci Resolve에서 계속하고 설명 장면은 Agent에게 맡기세요.

계속 둘러보기

더 많은 동영상 Skill

다음 영상에는 더 나은 B-roll이 어울립니다

CreatorMotion을 설치하고 모션 그래픽은 Agent에게 맡기세요. 회원님은 이야기에만 집중하면 됩니다.

Skill 다운로드효과 2개 무료 체험

Claude Code, Codex, Cursor에서 작동