모션 그래픽 예시를 하는 일별로 정리했습니다. 런칭 필름, 제품 화면, 키네틱 타이포, 데이터 스토리, 설명 영상, 로고 공개를 각각 출처가 있는 제작자 작품으로 소개합니다.
쓸모 있는 모션 그래픽 예시는 시각 스타일이 아니라 영상이 하는 일로 나뉩니다. 런칭 필름, 움직이는 제품 화면, 키네틱 타이포 릴, 데이터 스토리, 설명 영상, 로고 공개입니다. 일마다 길이, 화면 비율, 아이디어의 순서가 다르므로, “좋은 예시”는 종류가 맞을 때만 도움이 됩니다. 이 가이드는 Potto 의 AI 모션 그래픽 영상 라이브러리에서 모션 그래픽 예시 21 개를 골라 이 여섯 가지 일로 나누고, 각 작품의 작성자, 길이, 화면 비율, 볼 점을 적습니다.
먼저 한 가지입니다. 이 영상들은 어느 것도 Potto 가 만든 것이 아닙니다. 독립 제작자가 만들어 공개한 작품이며, 아래에는 각자의 X 핸들로 출처를 적습니다. Potto 는 영상을 보고, 작성자가 프롬프트를 공개한 경우 그 프롬프트를 읽고, 그 아이디어에서 자신의 영상을 시작할 수 있도록 모아 둡니다. 설명은 각 영상의 제목과 페이지에 있는 정보(작성자, 카테고리, 길이, 비율, 도구)만 씁니다. 목적은 무엇을 공부할지 고르는 데 도움을 주는 것이지, 다른 사람의 작품을 평하는 것이 아닙니다. Potto 자체 도구에 관한 내용은 모두 오늘 제품이 실제로 동작하는 방식에서 가져왔습니다.
모션 그래픽으로 치는 것
모션 그래픽은 움직이는 그래픽 디자인입니다. 글자, 도형, 아이콘, 차트, 이미지가 움직여 무언가를 설명하거나, 알리거나, 브랜드의 인상을 만듭니다. Adobe 의 모션 그래픽 가이드는 이를 “graphics with movement”로 정의하고, 등장인물과 줄거리가 있는 장편 애니메이션 영화와 대비해 “shorter pieces of animation that entertain or impart information”라고 부릅니다. Wikipedia 의 motion graphic design 항목은 모션 디자인이 보통 추상적인 오브젝트, 텍스트, 그 밖의 그래픽 디자인 요소를 움직이게 하는 일과 연결된다고 말합니다.
두 출처가 함께 일이 나타나는 자리를 꼽습니다. 영화와 텔레비전의 오프닝 크레딧, 방송과 뉴스 그래픽, 광고와 브랜딩, 움직이는 타이포그래피, 사용자 인터페이스 디자인, 설명 영상과 홍보 영상입니다. 그 목록은 산업별로 정리되어 있습니다. 이 가이드는 과제별로 정리합니다. 영상을 만들 때의 질문은 “어느 산업인가?”가 아니라 “무엇을 전달하려 하는가?”이기 때문입니다. 아래 여섯 가지 일은 라이브러리가 쓰는 카테고리에 대응하며, 비즈니스나 제작자가 실제로 필요한 일의 대부분을 덮습니다.
하는 일
하는 것
보통 답하는 질문
런칭
제품이나 출시를 알린다
무엇이 새로워졌고, 왜 관심 가져야 하나?
제품 화면
인터페이스를 움직인다
이 제품은 어떻게 보이고 어떻게 동작하나?
키네틱 타이포
단어를 주된 화면으로 움직인다
기억해야 할 문장은 무엇인가?
데이터 스토리
숫자나 추세가 전달되게 한다
무엇이, 얼마나 바뀌었나?
설명 영상
아이디어를 단계로 가르친다
어떻게 동작하나?
로고 애니메이션
브랜드 마크를 공개한다
누가 만들었나?
21 개 예시를 고른 방법
라이브러리는 크고 계속 늘어나므로, 이 가이드는 총수를 인용하지 않습니다. 페이지가 항상 현재 숫자를 보여 줍니다. 예시를 고를 때는 필터 네 가지를 썼습니다. 각 작품에는 출처가 있는 작성자, 기록된 길이와 화면 비율, 재생되는 영상, 영상이 무엇에 관한지 말하는 제목이 있어야 합니다. 각 일 안에서는 길이, 비율, 도구가 다른 작품을 우선해, 같은 패턴의 반복이 아니라 범위를 보게 했습니다.
예시 전에 알아 둘 라이브러리 전체의 사실 두 가지입니다. 2026-10-12 에 확인한 라이브러리 기록에서 왔으며, 작품이 추가되면 숫자가 움직입니다.
작품 대부분은 16:9 입니다. 약 5 개 중 4 개는 16:9 이고, 대략 8 개 중 1 개는 9:16 이며, 나머지는 1:1 입니다. 아래의 모든 일도 같은 기울기를 따르며, 이는 사람들이 보는 자리와 맞습니다. 웹사이트, 프레젠테이션, X 입니다.
길이는 하는 일에 따라 다릅니다. 중앙값 길이는 로고 애니메이션 약 9 초, 키네틱 타이포 15 초, 런칭 30 초, 데이터 스토리 35 초, 제품 화면 36 초, 설명 영상 60 초입니다. 일별 중앙값은 각 절에 나옵니다.
21 개 작품은 아래 각자의 절에 나오며, 각 페이지로 연결되어 재생할 수 있습니다. 모든 작품에 대해 가이드는 작성자의 X 핸들, 길이, 비율, 페이지에 도구가 적혀 있으면 그 도구, 작성자가 프롬프트를 공유했는지를 적습니다. “프롬프트 공유”는 작성자가 작품 페이지에 프롬프트를 올려, 재사용을 결정하기 전에 읽을 수 있다는 뜻입니다.
런칭 필름 예시
런칭 필름은 무언가를 알리고, 시청자에게 한 가지, 이름을 기억해 달라고 합니다. 라이브러리의 런칭 영상 가운데 중앙값 길이는 30 초이고, 약 절반은 30 초 이하입니다. 이 카테고리는 화면 비율의 폭도 가장 넓어, 대략 5 개 중 1 개는 휴대폰용 9:16 입니다.
Reddit marketing tool launch video, @anthonyriera, 16:9, 52.8 초. 페이지는 도구로 Remotion 을 적습니다. Potto 가 쓰는 것과 같은 렌더러라, 코드로 만든 런칭 필름이 1 분에 가깝게 무엇을 담을 수 있는지 참고가 됩니다.
볼 점. 소리를 끄고 런칭 필름을 한 번 재생한 뒤, 제품 이름이 처음 나오는 초를 적습니다. 그다음 필름이 서로 다른 주장을 몇 개 하는지 셉니다. 위 예시는 카테고리 전반에 통하는 규칙을 보여 줍니다. 필름이 짧을수록 주장이 적습니다. 15 초 필름은 아이디어 하나와 이름을 담고, 50 초 필름은 문제, 기능 몇 가지, 마무리 문장을 넣을 자리가 있습니다.
Potto 로 빌려 쓰기. Potto 의 제품 영상 제작기는 설명이나 링크로 런칭 필름을 만듭니다. 잘 되는 브리프는 청중, 길이, 비트를 적습니다.
가상의 가계부 앱 Ledgerly 를 위한 런칭 필름, 30 초, 16:9. 스프레드시트로 지출을 추적하는 문제로 열고, 기능 세 가지를 보여 준 뒤, 앱 이름과 행동 유도로 끝낸다.
제품 화면 예시
제품 화면 애니메이션은 인터페이스가 무언가를 하는 모습을 보여 줍니다. 목록이 스스로 정렬되고, 대시보드가 채워지고, 휴대폰이 흐름을 따라갑니다. 이 카테고리의 중앙값 길이는 36 초이지만, 가운데 절반은 약 24 초에서 약 67 초까지라 여섯 가지 중 폭이 가장 큽니다. 앱 흐름은 휴대폰에서 보여 주는 일이 많아, 9:16 과 1:1 예시가 가장 쓸모 있는 자리이기도 합니다.
볼 점. 인터페이스가 처음 나오는 프레임에서 멈추고, 시청자가 어디를 봐야 하는지 묻습니다. 그다음 각 상태가 화면에 얼마나 머무는지 봅니다. 눈이 변화를 찾기 전에 화면이 바뀌면 제품 화면 애니메이션은 실패합니다. 그래서 여기의 가장 짧은 예시는 변화 하나를 보여 주고, 더 긴 예시는 상태를 단계로 묶습니다.
Potto 로 빌려 쓰기.제품 데모 영상은 업로드한 스크린샷에서 시작합니다. 프로젝트당 이미지, 문서 또는 오디오 파일을 최대 여덟 개까지 넣을 수 있습니다. 스크린샷 장면은 확대하고 커서 경로를 따르며, 장면마다 캡션을 달 수 있어 보통의 브리프는 단계 목록입니다.
가상의 청구서 앱을 위한 제품 데모, 30 초, 16:9. 스크린샷 세 장을 쓴다. 청구서를 만들고, 보내고, 결제된 것을 본다. 스크린샷마다 짧은 캡션 하나, 앱 이름으로 마무리한다.
키네틱 타이포 예시
키네틱 타이포는 단어를 주된 화면으로 움직입니다. 글이 이끄는 일 가운데 가장 짧습니다. 중앙값은 약 15 초이고, 약 10 개 중 7 개는 30 초 이하입니다. 의미를 실어 줄 인터페이스나 차트가 없으므로, 글이 그 일을 해야 합니다.
볼 점. 영상을 음소거하고 읽습니다. 키네틱 타이포는 글로서 성립해야 합니다. 문장이 약하면 움직임이 구하지 못합니다. 그다음 소리를 켜고, 각 단어의 타이밍이 소리를 따르는지 확인합니다. 15 초 예시 두 개는 움직임을 타이틀 카드나 템포에 묶고, 75 초 예시 두 개는 크레딧 목록과 챕터 제목이라는 구조로 주의를 붙듭니다.
Potto 로 빌려 쓰기. Potto 의 텍스트 장면은 큐에 맞춰 들어오고, 인용, 제목, 목록 장면은 짧은 줄을 담습니다. 글자를 자유롭게 그리는 애니메이션은 제공하지 않으므로, 128 BPM 의 물결은 렌더 범위 밖입니다. 잘 다루는 것은 줄마다 화면이 하나씩인 짧은 스크립트입니다.
키네틱 텍스트 영상, 15 초, 16:9, Bold Pop 스타일. 짧은 줄 다섯 개, 화면당 하나, 매주 금요일에 출시하는 팀에 관한 내용. “Ship it.”이라는 줄로 끝낸다.
데이터 스토리 예시
데이터 스토리는 숫자 하나 또는 추세 하나가 전달되게 합니다. 라이브러리의 데이터 스토리 영상 가운데 중앙값은 약 35 초이고, 폭은 15 초에서 1 분을 훨씬 넘는 곳까지 넓습니다. 이 카테고리는 규모가 작은 편이라, 예시마다 살펴보기에 좋습니다.
볼 점. 영상이 기억하게 하려는 숫자 하나를 찾은 뒤, 영상이 그 숫자를 어떻게 얻는지 확인합니다. 그 앞에 무엇이 오고, 뒤에 무엇을 보여 주는지입니다. 세 예시는 같은 과제에 서로 다른 장치 세 가지를 씁니다. 하나는 결과를 말하고, 하나는 타임라인을 걷고, 하나는 숫자와 그 숫자가 재는 것의 그림을 짝짓습니다.
Potto 로 빌려 쓰기. 통계 장면은 큰 숫자 하나를 보여 주고, 차트 장면은 값이 3 개에서 6 개인 막대 또는 도넛 차트를 그리며 숫자가 올라갑니다. 브리프에 수치를 적으면 영상은 적은 그대로 쓰므로, 내보내기 전에 각 숫자를 출처와 대조합니다. 움직이는 차트 페이지에 이런 예시가 더 있습니다.
데이터 스토리, 30 초, 16:9. 가상의 커피숍에서 하루 평균 잔 수가 6 월 120 에서 9 월 190 으로 올랐다. 질문으로 열고, 네 달을 막대 차트로 보여 준 뒤, 58% 상승으로 끝낸다.
설명 영상 예시
설명 영상은 아이디어를 단계로 가르칩니다. 여섯 가지 중 가장 깁니다. 중앙값 길이는 60 초이고, 30 초 이하인 작품은 약 5 개 중 1 개뿐입니다. 라이브러리의 설명 영상은 처리 방식의 폭도 가장 넓어, 픽셀 아트에서 손그림 화이트보드까지 있습니다.
볼 점. 설명 영상은 문장 테스트를 통과해야 합니다. 한 번 본 뒤, 아이디어를 한 문장으로 말할 수 있는가입니다. 문제가 해결로 바뀌는 순간을 보고, 그 순간부터 끝까지의 단계를 셉니다. 세 예시 중 두 개는 작고 구체적인 대상 하나(숫자 하나, 온보딩 흐름)를 잡아 그 대상이 수업 전체를 실어 가게 합니다.
Potto 로 빌려 쓰기. 대부분의 설명 영상 뒤의 구조는 문제, 해결, 작동 방식, 다음 단계입니다. 설명 영상이란 무엇인가 가이드가 이를 자세히 다루고, 설명 영상 예시 12 개는 장면 순서로 나눕니다.
Potto 의 설명 영상 제작기는 주제, 링크, 또는 PDF 같은 문서에서 시작할 수 있습니다. 손그림이나 화이트보드 스타일은 없습니다. 내장 스타일 열두 가지는 Clean Modern, Midnight Tech, Editorial Paper, Bold Pop, Blueprint, Warm Organic, Neon Night, Soft Pastel, Mono Minimal, Sunset Gradient, Studio Noir, Fresh Mint 입니다.
로고 애니메이션 예시
로고 공개는 가장 짧은 일입니다. 라이브러리의 중앙값 길이는 9 초 미만이고, 여기 예시는 8.7 초에서 21.0 초까지입니다. 볼 것이 하나뿐이라, 영상은 대부분 타이밍과 움직임의 형태에 관한 것입니다.
TypingMind logo reveal, @tdinh_me, 16:9, 21.0 초, 프롬프트가 공유되어 있습니다. 페이지는 마크가 서서히 조립되는 느린 공개를 설명합니다.
볼 점. 마지막 프레임을 봅니다. 로고 공개는 최종 마크가 깨끗하고, 가운데 있고, 인지될 만큼 오래 읽히면 성공이며, 그 앞의 움직임이 마크에 성격을 줍니다. 8.7 초 예시는 형태 하나가 다른 형태로 바뀌는 단일 움직임이 얼마나 많은 일을 하는지 보여 줍니다.
Potto 로 빌려 쓰기. Potto 의 마무리 행동 유도 장면은 로고로 영상을 끝낼 수 있고, 라이브러리의 로고 애니메이션 카테고리는 단독 공개를 공부하는 자리입니다. Potto 는 정해진 장면 유형과 스타일 집합으로 렌더하며 맞춤 애니메이션 코드는 없으므로, 위의 elastic morph 같은 특정 이징 곡선은 그대로 베끼는 대상이 아니라 공부할 대상입니다.
자신의 버전 만들기
이런 영상에 이르는 길은 세 가지입니다. 코드를 직접 쓰거나, 코딩 에이전트에게 쓰게 하거나, 영상을 렌더해 주는 도구에 설명하는 것입니다.
라이브러리의 많은 제작자는 코드로 만듭니다. Potto 가 쓰는 렌더러인 Remotion은 React 로 영상과 모션 그래픽을 만드는 방법이라고 자신을 설명하고, 코딩 에이전트가 함께 작업할 수 있도록 에이전트 스킬을 공개합니다. Potto 의 스킬 페이지는 제삼자 작성자의 무료 에이전트 스킬을 모읍니다. SKILL.md 파일을 읽는 에이전트에 설치할 수 있고, 자신의 에이전트와 자신의 모델에서 실행됩니다.
Anthropic 의 Claude Motion 은 2026 년 10 월 8 일에 발표되었고, 2026-10-12 기준으로 Team 과 Enterprise 플랜에서 베타입니다. 프롬프트로 텍스트, 차트, 도형, 이미지를 움직이고 MP4 로 내보냅니다. Potto 는 Claude Motion 이 아니며, Anthropic 과 공식 관계가 없습니다.Claude Motion 대안 글은 확인할 수 있는 사실로 경로를 비교합니다.
설명으로 가는 경로는 Potto 의 AI 모션 그래픽 도구입니다. 프롬프트, 공개 링크 또는 문서를 줍니다. Claude Opus 5.5 가 브리프, 스크립트, 스토리보드를 쓰고, Remotion 이 장면을 보이스오버, 캡션, 음악이 있는 MP4 로 렌더합니다. 화면 비율은 16:9, 9:16 또는 1:1 입니다. 스토리보드를 화면마다 고치거나, 채팅으로 변경을 요청할 수 있습니다. 라이브러리 페이지에서 프롬프트가 공유된 영상에는 그 프롬프트를 Potto 영상 제작기로 보내는 Use this prompt 버튼이 있습니다. 결과는 Potto 자신의 버전이며, 장면 유형과 스타일도 Potto 의 것이라 원본과 같아지지 않습니다. 원본은 아이디어, 페이싱, 룩의 참고로 둡니다.
미리보기와 스토리보드는 비용이 없습니다. 크레딧은 내보낼 때 청구되며, 확인 전에 합계가 표시됩니다(요금 참고). Potto 는 실사 영상, 아바타, 사람을 생성하지 않으며, 이미 가진 영상을 편집하지 않습니다.
자주 묻는 질문
모션 그래픽의 종류는 무엇인가?
모션 그래픽의 종류는 보통 나타나는 자리로 묶입니다. 영화와 텔레비전 타이틀 시퀀스, 방송과 뉴스 그래픽, 광고와 브랜딩, 키네틱 타이포그래피, 사용자 인터페이스 애니메이션, 설명 영상 또는 홍보 영상입니다. 이 가이드는 하는 일로 나눕니다. 런칭 필름, 제품 화면, 키네틱 타이포, 데이터 스토리, 설명 영상, 로고 애니메이션입니다. Wikipedia 의 motion graphic design 항목은 목적이 분명히 하는 것인지, 감정을 일으키는 것인지, 인식을 높이는 것인지에 따라 explainer, emotive, promotional graphics 도 구분합니다.
무엇까지 모션 그래픽으로 보나?
모션 그래픽은 움직이는 그래픽 디자인입니다. 알리거나, 홍보하거나, 브랜드를 만들기 위해 글자, 도형, 아이콘, 차트, 이미지를 움직입니다. Adobe 는 이를 “graphics with movement”로 정의하고, 즐겁게 하거나 정보를 전달하는 더 짧은 애니메이션 조각이라고 설명합니다. 제품 스크린샷, 막대 차트, 로고를 움직이는 영상은 모션 그래픽입니다. 등장인물과 줄거리가 있는 장편 애니메이션 영화는 보통 애니메이션이라고 부릅니다.
모션 그래픽과 애니메이션의 차이는 무엇인가?
모션 그래픽은 글자, 도형, 차트 같은 그래픽 디자인 요소를 움직이며, 보통 짧은 작품에서 정보를 전달합니다. 애니메이션은 더 넓게 등장인물과 줄거리로 이야기를 합니다. 둘은 겹치므로, 경계는 기법보다 목적과 규모의 문제입니다. Adobe 의 가이드는 길이와 목적으로 선을 긋습니다. 모션 그래픽은 즐겁게 하거나 정보를 전달하는 더 짧은 조각입니다.
모션 그래픽 영상은 얼마나 길어야 하나?
하는 일에 따라 다릅니다. 2026-10-12 기준 Potto 라이브러리에서 중앙값 길이는 로고 애니메이션 약 9 초, 키네틱 타이포 15 초, 런칭 영상 30 초, 데이터 스토리 35 초, 제품 화면 36 초, 설명 영상 60 초입니다. 길이는 아이디어의 수에 맞춥니다. 아이디어 하나는 15 초에 들어가고, 문제와 기능 세 가지와 마무리 문장은 30 초에서 45 초에 들어갑니다. Potto 의 길이 옵션은 15, 30, 45, 60, 90 초입니다.
이 가이드의 영상은 Potto 로 만들었나?
아닙니다. 독립 제작자가 만들었고, 각 작품은 작성자의 X 핸들로 출처를 적습니다. Potto 는 이 작품을 자신의 작업이라고 주장하지 않습니다. 참고로 넣었으며, 각 작품 페이지는 원본 게시물이 있으면 그곳으로 연결합니다.
Potto 로 이런 모션 그래픽을 만들 수 있나?
Potto 가 제공하는 종류의 모션 그래픽이라면 가능합니다. 장면 유형 열한 가지, 스타일 열두 가지, 자신의 브랜드 색으로 만드는 런칭 필름, 제품 화면, 글이 이끄는 영상, 데이터 스토리, 설명 영상입니다. Potto 는 프롬프트에서 자신의 버전을 렌더하므로 결과가 원본을 복사하지 않으며, 맞춤 애니메이션 코드, 손그림 스타일, 글자를 자유롭게 그리는 애니메이션은 지원하지 않습니다.