영상 · 작품 먼저 보기
30초 모션그래픽 쇼릴
홈페이지 주소 하나로, 음악 박자에 맞춘 30초 브랜드 쇼릴

- 프롬프트
- 1개
- 해상도
- 1080p · 60fps
- 장면
- 7개 · 모두 박자 동기
- 프롬프트 · 수강생 전용
- Claude Code
- Remotion
- AI 음악 생성
- Python 박자 분석
AI에게 프롬프트 하나만 주고 만든 www.ludgi.ai 소개 영상입니다. 사이트를 분석해 실제 로고·문구·영상을 모으고, 음악을 만들어 박자를 분석한 뒤 모든 컷을 그 박자에 맞췄습니다. 같은 프롬프트에 내 홈페이지 주소만 넣으면 됩니다.
HOW IT WAS MADE
이렇게 만들었어요
아래 과정은 프롬프트를 붙여넣으면 AI가 스스로 진행합니다. 무엇이 일어나는지만 알아 두세요.
- 01
사이트 읽기
홈페이지를 열어 섹션별로 캡처하고, 핵심 문구와 색·폰트 같은 디자인 토큰을 뽑습니다.
- 02
실제 자산 모으기
로고, 히어로 영상, 강의 포스터, 포트폴리오 썸네일처럼 사이트에 실제로 있는 자산만 내려받습니다.
- 03
음악 만들고 박자 분석
음악을 만든 뒤 템포·킥·임팩트·무음 구간을 분석해 큐 시트를 만들고, 마디 단위로 정확히 30초로 편곡합니다.
- 04
화면을 부품으로 분해
스크린샷을 그대로 쓰지 않고 버튼·칩·가격표·카운터를 컴포넌트로 다시 만들어 하나씩 움직입니다.
- 05
박자에 맞춰 연출
키네틱 타이포, 매치컷, 충격파, 3D 카드, 글자 속 영상, 모션 블러를 비트와 임팩트에 맞춥니다.
- 06
렌더하고 검수
핵심 프레임을 정지 화면으로 확인하고 고친 뒤 1080p60으로 렌더, 음량은 유튜브 기준 −14 LUFS로 맞춥니다.
COPY & PASTE
프롬프트 복사해서 바로 만들기
내 홈페이지 주소를 넣고 프롬프트 복사를 누른 뒤, Claude Code(또는 Codex)에 붙여넣고 Enter만 누르세요.
FAQ
자주 묻는 질문
- 무엇이 필요한가요?
- Claude Code나 Codex 같은 코딩 에이전트가 있으면 됩니다. Node.js와 Python이 없어도 AI가 필요한 도구를 직접 설치하며 진행합니다.
- 얼마나 걸리나요?
- 사이트 크기와 모델에 따라 다르지만 보통 1~3시간입니다. 중간에 확인 질문이 오면 답만 해 주세요.
- 결과가 마음에 안 들면요?
- 같은 대화에서 "드롭 장면을 더 강하게", "12초 지점 글자를 크게", "로고가 더 오래 보이게"처럼 이어서 요청하면 그 부분만 고칩니다.
- 음악·자산 저작권은요?
- 내 사이트의 자산만 쓰고, 생성한 음악은 그 서비스의 상업적 이용 조건을 확인하세요. Remotion은 개인과 3인 이하 회사는 무료이고, 그보다 큰 회사는 라이선스가 필요합니다.