Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
설명 영상 및 모션 그래픽 제작을 위한 공정별 도구 목록을 소개합니다. 콘티부터 최종 MP4 출력까지, Excalidraw, GSAP, Remotion, FFmpeg 등 10가지 오픈소스 도구를 활용하여 전문적인 영상을 혼자 만들 수 있는 워크플로우를 제시합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 X @opensourcelab9 (자동 발견)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기설명 영상이나 모션 영상을 혼자 만들고 싶은 사람들을 위해,
'콘티부터 마지막 MP4까지, 어떤 공정에 무엇을 사용해야 하는지'를 도구 선택의 기준으로 삼을 수 있는 목록이 화제입니다. 😳
GitHub에 공개된 10가지 도구를 공정별로 하나씩 나열했습니다. 👇
・콘티: Excalidraw (손그림 스타일 다이어그램/와이어프레임)
・화면 디자인: Penpot (오픈소스 디자인 기반)
・폰트: Fontsource (자체 배포 가능한 폰트를 NPM으로)
・아이콘: Lucide (1600개 이상의 SVG 아이콘)
・SVG 정리: SVGO (SVG 파일을 경량화)
・움직임: GSAP (CSS, SVG, canvas를 움직이게 함)
・3D: Three.js (브라우저에서 구동되는 3D 라이브러리)
・음향: Audacity (다중 트랙 녹음/편집)
・조립: Remotion (React 코드로 영상 제작)
・출력: FFmpeg (영상, 음성, 자막 처리)
즉,
'어떤 공정에 무엇을 사용할지' 고민하는 시간을 이 목록 한 장으로 단축할 수 있습니다.
※Remotion은 일부 회사 이용 시 라이선스 취득이 필요합니다.
대본부터 일본어 음성 생성 공정까지 포함하여, Claude Code에 설명 영상을 맡기는 경우 다른 방법도 있습니다. GSAP나 Three.js로 구동된 HTML을 영상으로 출력하는 OSS인 'HyperFrames' 설치 방법과 일본어 음성 준비 및 오독 수정 방법은 이 기사에 정리했습니다. 👇