코덱스버전 · Codex에서 시작해요

이 영상의 길은 실제 주소나 동선을 나타내지 않는 도식 예시예요. 나의 공간이라는 이름과 세 단계의 설명을 실제 장소에 맞춰 바꾸는 용도예요. 정확한 지도가 필요한 상황에서는 실제 경로 자료를 함께 주고 곡선과 지점 위치부터 다시 배치해 달라고 요청해야 해요.

처음 만드는 분은 코덱스 환경 설치법부터 준비해 주세요. 내 PC에서 첫 MP4를 만드는 순서예요.

길 안내도 딱딱한 지도만 있는 건 아니죠. ROUTE RIBBON은 주황색 리본이 휘어진 길을 그리며 출발점, 골목, 도착 공간을 차례로 이어 주는 16초 안내 영상이에요. 크림색 바탕과 작은 블록, 짙은 초록색 번호로 손으로 만든 안내판 같은 분위기를 냈어요.

이 영상의 길은 실제 주소나 동선을 나타내지 않는 도식 예시예요. 나의 공간이라는 이름과 세 단계의 설명을 실제 장소에 맞춰 바꾸는 용도예요. 정확한 지도가 필요한 상황에서는 실제 경로 자료를 함께 주고 곡선과 지점 위치부터 다시 배치해 달라고 요청해야 해요.

이 영상, 이런 곳에 쓰면 좋아요

  • 공방 오시는 길: 가까운 출발 지점, 찾기 쉬운 모퉁이, 출입구를 세 단계로 정리해 보세요.

  • 팝업 안내 릴스: 행사장 내부의 입구와 안내 데스크, 부스를 연결하는 간단한 동선으로 바꿀 수 있어요.

  • 작은 매장 프로필 하이라이트: 지도 링크와 함께 보는 짧은 길찾기 소개로 활용해 보세요.

  • 예약 고객 안내: 처음 오는 사람이 헷갈리는 구간 한 곳을 크게 보여 주고 나머지 경로를 간단하게 줄일 수 있어요.

현재 예시는 9:16 비율이에요. 릴스의 세로 화면, 피드의 정사각형, 전시의 가로 화면은 여백과 시선의 중심이 달라요. 쓸 곳을 먼저 알려 주고 중요한 형태와 문구가 남도록 재배치해 달라고 요청해 주세요. 같은 파일을 무조건 확대해 자르는 방식은 피하는 편이 좋아요.

우리 가게 버전으로 바꿀 것

세 개의 이름표, 최종 공간 이름, 리본 경로의 방향과 도착 위치를 바꿔요. 역 출구나 건물명을 넣는다면 사용자가 확인한 정확한 표기만 써 주세요. 가상의 예시 경로를 실제 장소처럼 올리면 안 돼요. 지점 설명은 짧게 유지하고 긴 주차 안내나 운영 시간은 별도 글이나 다음 장면으로 나누는 편이 읽기 쉬워요.

색은 주인공 색 하나와 이를 받치는 배경색부터 정해 보세요. “더 화려하게”보다 “밝은 부분은 유지하고 배경을 한 단계 어둡게”처럼 관계를 말하면 원하는 방향을 전달하기 쉬워요. 처음부터 모든 값을 바꾸기보다는 기본 구성에서 가장 중요한 한두 요소를 바꾸고 움직이는 초안을 보며 정리해 주세요.

16초 장면 구성

  • 0~2초: 길을 따라, 여기서 만나요라는 문구와 출발점이 보여요.

  • 2~5초: 리본이 위로 이어지며 골목 단계에 도착해요.

  • 5~9초: 세 번째 지점까지 길이 이어지고 공간 이름이 나타나요.

  • 9~16초: 완성된 경로와 마지막 이름을 읽을 시간을 준 뒤 닫혀요.

음악

Corner Groove는 110BPM A major의 새 곡이에요. 살짝 밀고 당기는 하이햇과 가벼운 선율 위에 단단한 킥을 놓았어요. 빠른 행사 광고보다 한 지점씩 따라갈 수 있는 속도이며, 마지막에는 저음과 화음을 정리해 안내를 마무리해요.

이번 영상에 맞춰 새로 합성한 음악이며 외부 음원 샘플을 가져오지 않았어요. 원하는 소리를 말할 때는 특정 곡을 그대로 복제해 달라고 하기보다 “킥은 또렷하게, 높은 소리는 덜 날카롭게, 마지막은 잔향을 남겨 줘”처럼 들리는 특징을 말해 보세요. 영상 길이를 바꾸면 음악의 마지막 박자와 잔향도 함께 옮겨야 갑작스럽게 끊기는 느낌을 줄일 수 있어요.

Codex로 이렇게 만들어요

  1. 위 환경 안내를 보고 로컬 파일을 다룰 수 있는 Codex와 기존 Remotion 실행 환경을 준비해 주세요. 채팅에 글만 붙여 넣는 환경과 실제 파일을 만들어 렌더링할 수 있는 환경은 다르니 필요한 도구가 있는지 먼저 확인해요.

  2. 아래 복사 프롬프트의 쓸 곳과 바꿀 부분을 채워 주세요. 사진을 추가한다면 사용 권한이 있는 원본과 함께 어느 위치에 쓰려는지도 알려 주세요. 사진이 필요 없는 기본 버전은 글자·형태·색만으로 만들 수 있어요.

  3. 처음에는 움직이는 초안을 요청해 흐름과 크기를 봐요. 한 장면이 예쁘다는 것과 앞뒤 연결이 자연스럽다는 것은 다르니 처음부터 끝까지 확인해 주세요. 파일 이름에 버전을 붙여 이전 결과를 남겨 두면 비교하기 좋아요.

  4. 방향이 맞으면 H.264 영상과 AAC 음악이 담긴 MP4, 대표 장면 JPG를 요청해요. 코드와 음악 원본도 함께 보관해 두면 나중에 이름이나 비율만 바꿀 때 처음부터 다시 설명하는 수고를 줄일 수 있어요.

수정 요청 예시

“두 번째 지점을 실제 출구 이름으로 바꾸고 왼쪽으로 옮겨 줘”, “골목 설명을 읽을 수 있게 5~7초 진행을 늦춰 줘”, “마지막 공간 이름을 더 크게 하고 번호표와 겹치지 않게 해 줘”처럼 위치와 시간을 함께 알려 주세요.

수정할 시간, 대상, 원하는 결과를 한 문장에 넣어 주세요. 여러 군데를 고칠 때도 한 번에 전부 “알아서” 바꾸기보다 가장 눈에 띄는 부분부터 확인하면 이전에 마음에 들었던 장면을 유지하기 쉬워요. 소리만 수정하는 경우에는 화면을 그대로 보존해 달라고 적어 주세요.

완성본 확인·저장·올리기

경로의 방향, 출구 번호, 출입구 위치는 직접 대조해야 해요. 지도 서비스의 길 안내를 대체한다고 설명하지 말고 실제 안내 링크를 함께 제공하세요. 잘라서 가로로 바꾸면 출발점이나 도착점이 사라질 수 있어요.

완성 MP4는 편집 화면 밖에서도 처음부터 끝까지 재생해 보세요. 첫 화면이 오래 비어 있지 않은지, 마지막 음이 갑자기 잘리지 않는지, 설명 문구가 필요한 만큼 유지되는지 살펴봐요. 소리는 작은 스피커와 이어폰에서 각각 들어 보고 지나치게 날카롭거나 묻히는 부분이 있으면 구간을 집어 다시 조정해 주세요.

실제로 올릴 앱의 미리보기에서는 재생 버튼과 계정 이름, 자막이 작품을 가릴 수 있어요. 중요한 요소를 가운데 안전한 영역에 두고, 자동으로 잘리는 썸네일도 별도로 확인해 주세요. 게시 후에는 업로드한 파일이 처리된 뒤 끝까지 재생되는지 확인하는 것이 좋아요. 게시 플랫폼의 규격은 바뀔 수 있으니 업로드 화면의 현재 안내를 따라 주세요.

원본 코드·음악·포스터와 최종 MP4를 같은 작품 폴더에 모아 보관해 주세요. 가상 예시의 이름이나 안내를 실제 정보로 바꿨다면 표기와 사용 권한을 다시 확인해요. 같은 프롬프트라도 실행 환경과 수정 과정에 따라 결과는 달라질 수 있으므로 초안에서 완성본까지 확인하며 다듬는 과정이 필요해요.

#모션그래픽

COPY & MAKE IT YOURS

내 버전으로 만드는 복사 프롬프트

쓸 곳과 바꿀 내용을 채워 Codex에 보내 주세요.

쓸 곳: [릴스 / 프로필 / 포트폴리오 / 전시 화면 등]
만들 영상: ROUTE RIBBON 스타일 — 리본 경로·공간 안내
바꿀 내용: [이름·문구 또는 색·재질·형태]
사진·로고: [없음 / 사용 권한 있는 원본 첨부]
비율·길이: [9:16 / 16초, 필요하면 변경]

Remotion으로 움직이는 초안을 만들고 확인 후 MP4와 JPG 포스터를 출력해 주세요. 예시 이름과 문구를 입력한 정보로 바꾸고 읽을 시간을 확보해 주세요.
흐름: 0~2초: 길을 따라, 여기서 만나요라는 문구와 출발점이 보여요. / 2~5초: 리본이 위로 이어지며 골목 단계에 도착해요. / 5~9초: 세 번째 지점까지 길이 이어지고 공간 이름이 나타나요. / 9~16초: 완성된 경로와 마지막 이름을 읽을 시간을 준 뒤 닫혀요.
새 음악은 110BPM 부근에서 강한 비트와 새 선율을 만들고 끝에는 종지와 잔향을 남겨 주세요. 기존 곡을 복제하지 마세요.
다른 비율은 잘라내지 말고 재배치해 주세요. 영상·음악 원본을 보존하고 끝까지 재생, 글자·주요 대상 잘림과 음량을 확인해 주세요. 필요한 도구가 없으면 먼저 알려 주세요.

이 예제의 실제 제작 지시문 보기

독자용 복사 프롬프트와 실제 요청·적용 브리프를 구분했어요.

[사용자 요청 원문]
다음주 거 미리 만들어야지?
[범위 확인 답변]
코덱스 7편 먼저 제작

[이번 영상 적용 브리프]
사전 제작 대상: 2026-10-28 09:00 KST용 후보. 개별 완성본 승인 및 외부 게시는 별도 상태로 둔다.
ROUTE RIBBON / 활용형 / 리본 경로·공간 안내
이 영상의 길은 실제 주소나 동선을 나타내지 않는 도식 예시예요. 나의 공간이라는 이름과 세 단계의 설명을 실제 장소에 맞춰 바꾸는 용도예요. 정확한 지도가 필요한 상황에서는 실제 경로 자료를 함께 주고 곡선과 지점 위치부터 다시 배치해 달라고 요청해야 해요.
연출: 0~2초: 길을 따라, 여기서 만나요라는 문구와 출발점이 보여요. 2~5초: 리본이 위로 이어지며 골목 단계에 도착해요. 5~9초: 세 번째 지점까지 길이 이어지고 공간 이름이 나타나요. 9~16초: 완성된 경로와 마지막 이름을 읽을 시간을 준 뒤 닫혀요.
규격: 1080×1920, 60fps, 16초.
음악: Corner Groove, 110BPM, A major. Python/NumPy로 새 합성, 외부 샘플 없음.
Remotion 4.0.534, React, Canvas로 신규 장면을 만든다. 기존 설치·폰트·렌더 진입만 재사용한다.
제작자 Codex. 현재 세션은 GPT-6 계열이며 정확한 모델 세부명·추론 설정은 확인되지 않아 이전 작품의 값을 복사하지 않는다.
전체 AV 디코딩, 규격·크기·음량·장면·브라우저 재생을 확인하고 실제 청취는 별도로 구분한다.

코덱스 환경 설치법 · 준비부터 알아보기 →