모션그래픽 지식이 하나도 없는 개발자가 AI로 SaaS 홍보영상 자동화하기를 직접 실현해버렸어.
배경: "배우기 싫은데 영상은 필요해"
Reddit 유저 anthonyriera는 자기 사이드 프로젝트 SaaS의 릴리즈 영상을 만들어야 했거든. 근데 모션그래픽 툴을 새로 배우는 건 시간이 너무 걸리고, After Effects나 Premiere 같은 걸 처음부터 익히는 건 솔직히 하기 싫었던 거지. 그래서 "기존 방식 말고 다른 방법 없나?" 하고 고민하다가 아이디어 하나를 떠올렸어.
AI로 SaaS 홍보영상 자동화하기 — 바이브코딩으로 모션 직접 뽑기
방법은 단순해. AI(주로 Claude나 ChatGPT 계열)한테 모션그래픽 코드를 짜달라고 프롬프트를 던지는 거야. HTML/CSS/JavaScript로 애니메이션을 생성하게 하고, 그걸 브라우저에서 돌린 다음 화면 녹화로 캡처하는 방식이거든. 별도 영상 편집 툴이 필요 없어. 코드가 곧 영상 소스가 되는 구조야.
구체적인 흐름은 이래:
- AI한테 "이런 느낌의 텍스트 애니메이션 코드 짜줘" 하고 요청
- 브라우저에서 결과물 확인·수정 반복
- OBS나 기본 화면 녹화 툴로 캡처
- 스크린 녹화본과 합쳐서 최종 영상 완성
모션그래픽 원리를 몰라도 "느낌"으로 프롬프트를 조정하면서 결과를 뽑아낼 수 있다는 게 핵심이야.
결과: 앞으로 이 방식만 쓰겠다고 선언
완성된 영상을 Reddit에 올렸더니 반응이 꽤 좋았어. 본인도 "앞으로 내 영상은 전부 이렇게 만들겠다"고 했을 정도야. 시간 단축은 물론이고, 모션그래픽 외주나 툴 구독 비용도 안 썼거든. 1인 개발자 입장에서는 비용 0원에 퀄리티 있는 영상 소스를 뽑은 셈이지.
따라할 수 있는 포인트
- 모션그래픽을 "배우려 하지 말고" 코드로 생성하는 발상 전환이 핵심이야
- "fade in 텍스트 애니메이션, 배경 어둡게, 폰트 굵게" 같은 구어체 프롬프트로도 충분히 동작해
- 브라우저 녹화 + 스크린 녹화 조합이면 추가 편집 툴 없이도 완성 가능
- 제품 소개, 기능 하이라이트, 온보딩 영상 등 반복적으로 만들어야 하는 콘텐츠에 특히 유용해
AI로 SaaS 홍보영상 자동화하기, 진입장벽은 "AI한테 말 걸 줄 아는 것"뿐이야.
🔗 참고 링크
- 원본 출처: I built a release video for my SaaS by vibe coding motion graphics and screen recording them
- 관련 AI 툴: Claude · ChatGPT · After Effects · Premiere · OBS
댓글
댓글 쓰기