<head>
  <meta charset="UTF-8" />

  <title>수업 자료로 AI 모션그래픽 만들기: 프롬프트·스토리보드·플랫폼 비교 | 양파고</title>

  <meta
    name="description"
    content="수업 자료를 15~30초 키네틱 타이포그래피 모션그래픽으로 만드는 방법을 정리함. AI 에이전트에 바로 맡기는 방식과 스토리보드를 먼저 점검하는 방식, Claude Code·Codex·Antigravity 결과 비교, 무료 음원·이미지·폰트 참고 사이트를 소개함."
  />

  <meta
    name="keywords"
    content="AI 모션그래픽, 모션 그래픽 만들기, 키네틱 타이포그래피, 수업 자료 영상, 교육용 영상 제작, Claude Code, Codex, Antigravity, AI 에이전트, 스토리보드, HTML 렌더링, 무료 음원, Pixabay, 무료 폰트, 모션그래픽 레퍼런스, 교사 AI 활용, 양파고, Yang Phago"
  />

  <link
    rel="canonical"
    href="https://yangphago.oopy.io/3f062b09-b72b-807f-b1d5-fe546ea4de6a"
  />

  <meta
    property="og:title"
    content="수업 자료로 AI 모션그래픽 만들기: 프롬프트·스토리보드·플랫폼 비교"
  />

  <meta
    property="og:description"
    content="수업 자료를 바탕으로 키네틱 타이포그래피 모션그래픽을 만드는 방법. 즉시 제작과 스토리보드 검토 방식의 차이, Claude Code·Codex·Antigravity 활용 비교, 무료 제작 리소스를 정리함."
  />

  <meta
    property="og:image"
    content="https://yangphago.oopy.io/logo.png"
  />
  <meta
    property="og:url"
    content="https://yangphago.oopy.io/3f062b09-b72b-807f-b1d5-fe546ea4de6a"
  />
  <meta property="og:type" content="article" />
  <meta property="og:site_name" content="양파고" />
  <meta property="og:locale" content="ko_KR" />
</head>

image.png

<aside> 💡

최상위급 모델을 사용해 모션 그래픽을 토큰 걱정없이 만들고 싶을때 - 결과물의 퀄리티 차이가 매우 클수 있고, 랜덤성이 매우 큼 이에 반해 15강, 16강은 랜덤성을 줄이고 퀄리티를 비슷하게 하는 목적이 있음

</aside>

[예시작품]

스킬없이yangphago_intro (1) (online-video-cutter.com).mp4

[참고 사이트]

Claude Opus 5.5 Motion Graphics & Design: 64 Videos + Prompts

https://www.youtube.com/watch?v=Y7l9svE-ymQ&t=28s

https://www.youtube.com/watch?v=qi3DHzhUSjs

1.심플_최신 모델의 성능을 활용

1-1 작업 기법: 해줘!

source폴더에 있는 파일 내용을 학생들에게 집약적으로 설명할 모션 그래픽을 만들꺼야. 

1.키네틱타이포+도형으로 구성, 필요한 경우 벡터이미지,간단아이콘, 3D이미지 등 활용
2.블랙+화이트+형광 퍼플 포인트
3.16:9화면비율
4.urban 힙합비트의 묵직하고 트렌디한 사운드, 상업적 무료음악 활용하거나 너가 직접 생성: https://pixabay.com/ko/music/
5.마지막 부분에 강렬한 메시지를 포함하여 15초