지피티로 토스스타일 사이트 홍보영상 만드는법
안녕하세요, 저는 현재 고등학겨 2학년 수험생활중인 개발자 진혁입니다. 저는 오늘 여러분께 토스같은 영상 티저를 만드는 법을 알려드리고자 글을 씁니다. 이미 이렇게 만드는 분이 계실수도 았지먼, 제가 혼자 생각해본 방법이기에 이렇게 공유합니다. 일단 제가 제 학교 세특을 위해 만든 사이트의 홍보영상부터 공유해봅니다. https://youtube.com/shorts/dW-hBsKPsnY?si=cnbRvmFuzmp0NiNi 이 영상을 그저 2시간도 안되는 시간만에 딸깍 해냈습니다. 방법은 쉬운데요, 우선 사이트를 만든 프로젝트 폴더에서 Codex의 새 에이전트를 실행합니다. 그다음 TypeScript 기반으로 타이포그래피와 모션 이펙트를 구현하고, 최종 결과물을 MP4 형식으로 렌더링하도록 요청하면 됩니다. 바로 제작에 들어가기보다는 먼저 토스 광고 스타일의 영상과 모션 디자인 가이드라인을 조사하게 한 뒤, 각 장면의 움직임에 어떤 의미를 담을지 기획하도록 하는 것이 좋습니다. 전체 연출이 정리되면 기존 사이트 파일을 참조하게 하고, 별도의 디렉터리에 실제 사이트 UI가 등장하는 장면을 추가해 서비스의 주요 기능을 설명하도록 요청하면 됩니다. 구체적으로 어떤 UI와 기능을 보여줄지는 GPT와 상의하면서 정하면 됩니다. 제작 중에는 영상 전체를 매번 렌더링하지 말고, 주요 구간의 일부 프레임만 이미지로 렌더링해 직접 확인하게 해야 합니다. 렌더링된 프레임을 이미지 인식으로 분석하고, 타이포그래피의 위치·크기·간격과 모션의 속도·타이밍을 반복적으로 수정하도록 지시하면 완성도가 훨씬 높아집니다. 이 과정을 거치면 Codex가 약 1시간 동안 스스로 렌더링과 피드백을 반복하며 영상을 완성합니다. 마지막으로 Suno에서 제작한 음악을 입히고, 무료 TTS로 생성한 내레이션을 장면별 타이밍에 맞춰 추가하면 됩니다.