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

기본 액자 속 그림은 이번 영상용으로 코드로 만든 예시 그래픽이에요. 실제 고객 작업이나 판매 상품으로 소개한 것이 아니며, 사용 권한이 있는 내 그림·사진·작업 화면 세 장으로 교체해 쓸 수 있어요. 예시 자체로 형태·색·움직임이라는 주제를 소개하는 것도 가능해요.

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

한 장씩 보여 주던 작업을 세 장의 작은 전시로 묶어 봐요. FRAME RELAY는 서로 다른 추상 그림이 들어간 액자가 앞뒤를 바꾸며 지나가다가, 마지막에 나란히 정렬되는 16초 포트폴리오 인트로예요. 따뜻한 바탕 위에서 주황·파랑·연두가 각 작업을 구분해 줘요.

기본 액자 속 그림은 이번 영상용으로 코드로 만든 예시 그래픽이에요. 실제 고객 작업이나 판매 상품으로 소개한 것이 아니며, 사용 권한이 있는 내 그림·사진·작업 화면 세 장으로 교체해 쓸 수 있어요. 예시 자체로 형태·색·움직임이라는 주제를 소개하는 것도 가능해요.

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

  • 디자이너 포트폴리오 첫 장면: 최근 작업 세 개를 같은 액자 규격에 넣어 첫인상을 정리해 보세요.

  • 공방 작품 소개: 완성품의 정면 사진 세 장과 짧은 이름을 넣어 작은 전시처럼 보여 줄 수 있어요.

  • 사진가 프로필 릴스: 서로 다른 작업 분위기를 세 장으로 나누고 마지막에 활동명을 남겨 보세요.

  • 프로젝트 회고: 초안·색 선택·완성본을 순서대로 넣어 변화 과정을 간단히 보여 줄 수 있어요.

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

우리 가게 버전으로 바꿀 것

세 그림과 아래 짧은 설명, 마지막 YOUR WORK와 한 줄 소개를 바꿔요. 세 장의 비율과 색이 크게 다르면 액자 안쪽 여백을 달리 두어 원본을 살리는 편이 좋아요. 사진을 액자에 억지로 꽉 채우기보다 중요한 피사체가 잘리지 않도록 맞춰 달라고 요청해 주세요. 개인 정보가 들어간 작업 화면은 필요한 부분만 정리해서 제공하세요.

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

16초 장면 구성

  • 0~3초: 세 액자 중 한 장이 앞으로 나오며 작은 전시가 시작돼요.

  • 3~7초: 앞뒤 순서가 바뀌고 다른 색의 그림이 중심을 차지해요.

  • 7~11초: 세 작업의 인상이 한 번씩 이어져요.

  • 11~16초: 액자가 나란히 서고 YOUR WORK와 소개 문구를 읽을 시간을 줘요.

음악

Gallery Sprint는 142BPM E minor의 새 곡이에요. 또렷한 킥과 짧은 플럭, 빠른 하이햇으로 액자 교대에 힘을 줬어요. 빠른 박자와 달리 마지막 정렬에서는 움직임을 줄여 이름을 읽을 여유를 남겼어요.

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

Codex로 이렇게 만들어요

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

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

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

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

수정 요청 예시

“두 번째 사진의 인물이 잘리지 않게 액자 안 여백을 늘려 줘”, “마지막 세 장 간격을 더 넓혀 줘”, “첫 장이 앞으로 나오는 시간을 1초 늘리고 전체는 17초로 맞춰 줘”, “YOUR WORK 대신 활동명을 넣되 두 줄로 나눠 줘”처럼 요청해 보세요.

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

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

사진마다 사용 권한과 공개해도 되는 내용을 확인하세요. 완성본을 받으면 앞뒤가 바뀌는 중간에도 중요한 대상이 화면 밖으로 나가지 않는지 보고, 원본 이미지 파일도 영상과 함께 보관해 주세요.

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

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

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

#모션그래픽

COPY & MAKE IT YOURS

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

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

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

Remotion으로 움직이는 초안을 만들고 확인 후 MP4와 JPG 포스터를 출력해 주세요. 예시 이름과 문구를 입력한 정보로 바꾸고 읽을 시간을 확보해 주세요.
흐름: 0~3초: 세 액자 중 한 장이 앞으로 나오며 작은 전시가 시작돼요. / 3~7초: 앞뒤 순서가 바뀌고 다른 색의 그림이 중심을 차지해요. / 7~11초: 세 작업의 인상이 한 번씩 이어져요. / 11~16초: 액자가 나란히 서고 YOUR WORK와 소개 문구를 읽을 시간을 줘요.
새 음악은 142BPM 부근에서 강한 비트와 새 선율을 만들고 끝에는 종지와 잔향을 남겨 주세요. 기존 곡을 복제하지 마세요.
다른 비율은 잘라내지 말고 재배치해 주세요. 영상·음악 원본을 보존하고 끝까지 재생, 글자·주요 대상 잘림과 음량을 확인해 주세요. 필요한 도구가 없으면 먼저 알려 주세요.

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

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

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

[이번 영상 적용 브리프]
사전 제작 대상: 2026-10-30 09:00 KST용 후보. 개별 완성본 승인 및 외부 게시는 별도 상태로 둔다.
FRAME RELAY / 활용형 / 액자 릴레이·포트폴리오
기본 액자 속 그림은 이번 영상용으로 코드로 만든 예시 그래픽이에요. 실제 고객 작업이나 판매 상품으로 소개한 것이 아니며, 사용 권한이 있는 내 그림·사진·작업 화면 세 장으로 교체해 쓸 수 있어요. 예시 자체로 형태·색·움직임이라는 주제를 소개하는 것도 가능해요.
연출: 0~3초: 세 액자 중 한 장이 앞으로 나오며 작은 전시가 시작돼요. 3~7초: 앞뒤 순서가 바뀌고 다른 색의 그림이 중심을 차지해요. 7~11초: 세 작업의 인상이 한 번씩 이어져요. 11~16초: 액자가 나란히 서고 YOUR WORK와 소개 문구를 읽을 시간을 줘요.
규격: 1080×1350, 60fps, 16초.
음악: Gallery Sprint, 142BPM, E minor. Python/NumPy로 새 합성, 외부 샘플 없음.
Remotion 4.0.534, React, Canvas로 신규 장면을 만든다. 기존 설치·폰트·렌더 진입만 재사용한다.
제작자 Codex. 현재 세션은 GPT-6 계열이며 정확한 모델 세부명·추론 설정은 확인되지 않아 이전 작품의 값을 복사하지 않는다.
전체 AV 디코딩, 규격·크기·음량·장면·브라우저 재생을 확인하고 실제 청취는 별도로 구분한다.

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