크롬 타이포 인트로 만들기, 오픈 공지·브랜드 소개에 쓰는 15초 영상

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

가게 이름도 반짝, 첫인상도 또렷하게! 이번에는 금속처럼 빛나는 글자와 회전하는 링, 대각선 패널을 엮은 15초 크롬 타이포 인트로예요. 검정·실버 사이로 오렌지가 톡 튀고, 마지막에는 이름과 한 줄 문구가 차분하게 남아요.

오픈 공지부터 브랜드 소개, 내 작업을 보여 주는 짧은 영상까지 활용해 보기. 화면의 YOUR NAME과 ‘새로운 시작, 지금.’은 바꿔 쓰는 예시예요. 사진 없이 글자와 도형으로 만든 영상이라, 이름과 전달할 말만 준비해도 시작할 수 있어요.

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

1. 브랜드 소개 영상의 첫인사
공방이라면 작업실 이름과 ‘손끝에서 시작되는 이야기’, 의류 매장이라면 매장명과 ‘오늘의 스타일, 여기서’처럼 넣어 보세요. 여러 상품을 한꺼번에 보여 주기 전, 어떤 이름의 공간인지 기억하게 하는 자리예요. 실제 상품 소개 장면은 그 뒤에 이어 붙이고, 인트로가 길게 느껴지면 5초짜리 짧은 버전도 따로 요청하기!

2. 오픈·새 소식 공지
꽃집의 오픈 소식, 카페의 신메뉴 예고, 팝업 일정처럼 짧은 소식을 전할 때도 어울려요. ‘흐름을 바꾸다’를 ‘새롭게 문을 열어요’로, 마지막 한 줄을 실제 오픈 날짜로 바꾸는 식이에요. 장소·날짜·가격은 확정된 정보만 직접 적어 주세요. 정보가 많다면 한 화면에 몰아넣기보다 마지막 안내 장면을 늘려 달라고 요청해요.

3. 프로필 소개·포트폴리오의 시작
사진가, 디자이너, 운동 코치처럼 자기 이름을 앞세우고 싶을 때 쓰기 좋은 구성. YOUR NAME에 활동명을 넣고 마지막 문구를 실제 하는 일로 바꿔 주세요. 프로필을 소개하는 게시물이나 작업 영상의 첫 장면으로 활용할 수 있어요. 사용하는 서비스의 프로필 사진 자리에 영상 파일을 넣을 수 있다는 뜻은 아니니, 업로드할 위치를 먼저 정하기!

4. 매장 화면의 짧은 타이틀
매장 TV에서 메뉴나 작업 사진이 이어지기 전에 이름을 보여 주는 타이틀로 써 보세요. 소리를 끈 환경에서도 읽히도록 핵심 내용을 글자로 남기는 게 포인트예요. 가로 TV용이라면 ‘16:9로 글자와 링을 다시 배치해 줘’라고 요청하기. 이번 완성본은 4:5 피드형이라, 세로 릴스용 9:16이나 가로 TV용 16:9로 바꿀 때 양옆만 잘라 쓰면 글자 배치가 답답해질 수 있어요.

우리 가게 버전으로 바꿀 것

이름 하나, 가운데 등장할 짧은 문구 두 개, 마지막 안내 한 줄부터 준비! 긴 설명 대신 화면마다 말하고 싶은 내용을 하나씩 골라 주세요. 예를 들어 이름은 ‘봄길공방’, 중간 문구는 ‘손끝에서 / 피어나다’, 마지막은 ‘새로운 수업을 만나요’처럼 정할 수 있어요. 예시 문구이므로 실제 운영 내용에 맞게 바꾸기.

이름이 길다면 무조건 작게 줄이기보다 두 줄로 나누거나 마지막 장면을 넓혀 달라고 해 보세요. 밝은 금속 글자는 검은 배경에서 존재감이 커지고, 오렌지 포인트를 우리 브랜드 색으로 바꾸면 다른 분위기가 나요. 색을 바꾼 뒤에는 글자와 배경이 비슷해지지 않았는지도 함께 확인해 주세요. 로고를 쓰고 싶다면 사용 권한이 있는 파일을 따로 첨부하면 돼요. 이번 예제에는 사진과 로고 파일을 넣지 않았어요.

15초 장면 구성

• 0~3초: CHROME과 FLOW가 아래에서 돌아 들어오고, 뒤쪽 금속 링이 깊이감을 만들어요.
• 3~6초: 여러 겹의 프레임 안에서 ‘흐름을 바꾸다’가 모여요. 짧은 문구를 크게 보여 주는 구간!
• 6~9초: 밝은 화면과 기울어진 패널로 전환하며 ‘시선을 사로잡다’를 보여 줘요.
• 9~12초: 회전하는 이름 카드와 오렌지 링이 만나요. 내 브랜드 이름이 주인공이 되는 장면이에요.
• 12~15초: 이름과 마지막 문구를 고정해 읽을 시간을 줘요. 배경의 가벼운 움직임만 이어져요.

초 단위를 알아 두면 수정 요청도 쉬워져요. 마음에 드는 장면은 남기고, 내 소식을 담을 자리만 정확히 바꿔 달라고 말할 수 있으니까요.

음악

이번 영상 전용으로 만든 160BPM 전자음악이에요. 묵직한 킥과 클랩에 빠른 하이햇, 엇박 베이스, 짧은 신스 멜로디를 더했어요. 10마디를 15초에 맞추고, 큰 장면 전환은 3초마다 박자와 연결했어요. 외부 곡이나 기존 예제의 음원을 가져오지 않고 새 음표와 리듬을 코드로 합성했어요.

원하는 소리는 말로 구체적으로! ‘킥은 지금처럼 강하게, 높은 멜로디만 조금 부드럽게’, ‘매장 화면에 쓸 거라 효과음을 줄여 줘’처럼 요청해 보세요. 강한 비트와 큰 음량은 별개예요. 완성 파일을 직접 들어 보면서 휴대전화와 매장 스피커에서 편하게 들리는 크기로 골라 주세요.

Codex로 이렇게 만들어요

본문 위의 코덱스 환경 설치법으로 준비한 뒤, 작업할 폴더를 열고 아래 복사용 프롬프트를 보내 주세요. 이번에는 사진을 첨부하지 않아도 돼요. ‘쓸 곳’, 이름, 문구, 색을 채운 다음 Remotion으로 만들고 완성 MP4까지 렌더링해 줘라고 요청하기.

이 예제는 GPT-6 Astra, 추론 설정 xhigh에서 제작했어요. 영상은 Remotion 4.0.534와 React로 구성했고, 음악 합성에는 Python·NumPy를 사용했어요. FFmpeg·FFprobe로 파일을 확인하고 Noto Sans KR 글꼴을 넣었어요. 독자의 PC에 필요한 도구가 없다면, Codex가 현재 환경을 확인하고 필요한 준비를 안내하도록 프롬프트에 적어 두었어요. 설치 여부를 확인하기 전에 다 갖춰져 있다고 가정하지 않기!

처음 결과를 받으면 미리보기에서 문구부터 확인하고 MP4로 저장해 주세요. 수정할 수 있도록 Remotion 소스와 별도 음악 파일도 함께 보관하기. 같은 프롬프트라도 배치와 음악이 달라질 수 있으니, 예제를 기준으로 마음에 드는 부분을 구체적으로 알려 주면 좋아요.

수정 요청 예시

‘7초의 시선을 사로잡다를 새롭게 문을 열어요로 바꾸고 두 줄 안에 넣어 줘.’
‘10초의 이름 카드가 덜 기울어지게 하고, 매장 이름을 조금 더 크게 보여 줘.’
‘마지막 3초에는 이름과 오픈 날짜를 고정하고, 작은 장식은 줄여 줘.’
‘릴스 첫 장면으로 쓸 거야. 9:16으로 다시 배치하고 글자는 가장자리에서 충분히 떨어뜨려 줘.’

이렇게 몇 초의 무엇을 어떻게 바꿀지 적으면, 원하는 부분을 찾기가 훨씬 쉬워져요. 이름과 안내 문구를 먼저 확정한 뒤 색과 효과를 다듬어 보기!

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

저장한 MP4를 처음부터 끝까지 재생해 주세요. 이름의 띄어쓰기, 문구 잘림, 마지막 안내를 읽을 시간부터 확인! 소리를 켠 상태와 끈 상태 모두 살펴보고, 휴대전화에서도 작은 글자가 읽히는지 봐 주세요. 이번 예제는 1080×1350, 60fps, 15초 파일이에요.

게시할 화면의 미리보기에서는 버튼이나 설명 글이 이름을 가리지 않는지도 확인해요. 필요하면 ‘마지막 이름을 화면 중앙 쪽으로 옮겨 줘’라고 한 번 더 요청하기. 원본 소스, 음악, 완성 MP4를 같은 폴더에 보관하면 다음 소식을 알릴 때도 다시 꺼내기 편해요. 이제 내 이름과 한 줄 문구를 넣고, 첫인사부터 반짝!

쓸 곳: [브랜드 소개 / 오픈 공지 / 프로필 소개 영상 / 매장 TV 등]
이름: [내 가게·브랜드·활동 이름]
첫 제목: [CHROME FLOW 또는 원하는 짧은 제목]
중간 문구 1: [흐름을 바꾸다]
중간 문구 2: [시선을 사로잡다]
마지막 안내: [새로운 시작, 지금. 또는 확정된 안내]
색: [블랙·실버·오렌지 또는 내 브랜드 색]
화면 비율: [4:5 / 9:16 / 16:9]

Remotion으로 약 15초의 크롬 타이포 모션그래픽을 만들고 실제 H.264/AAC MP4 파일로 렌더링해 줘. 이번에는 사진 없이 이름·문구·도형으로 만들어 줘. 기존 파일은 보존해 줘. 현재 PC의 Codex·Node.js·Remotion 실행 환경을 먼저 확인하고, 없는 도구와 필요한 준비를 알려 줘. 설치나 유료 서비스 사용은 먼저 설명해 줘.

검은 배경과 밝은 금속 글자, 오렌지 포인트를 사용해 줘. 입체감 있는 타이포, 여러 겹의 금속 링, 기울어진 패널, 작은 입자를 조합하되 이름이 먼저 읽히게 해 줘. 단순 확대·축소의 반복보다 장면마다 다른 움직임과 앞뒤 레이어를 써 줘. 특정 디자이너·광고·영상은 모사하지 마.

0~3초는 큰 제목이 돌아 들어오기, 3~6초는 프레임 안에서 중간 문구 1 모이기, 6~9초는 밝은 대각선 패널과 중간 문구 2, 9~12초는 회전하는 이름 카드, 마지막 3초는 이름과 안내를 고정해서 읽게 해 줘. 주요 글자는 잘리거나 장식에 가리지 않게 하고, 긴 이름은 두 줄이나 다른 배치로 정리해 줘. 쓸 곳과 화면 비율에 맞춰 다시 배치하고 완성 영상을 강제로 잘라 쓰지 마. 가격·날짜·효능·경력은 내가 준 정보만 사용해 줘.

새 160BPM 전자음악을 직접 만들어 줘. 10마디·15초, 묵직한 킥, 또렷한 클랩, 빠른 하이햇, 엇박 베이스, 새로운 신스 멜로디. 보컬 없이 강하고 신나게, 장면 전환은 3초 간격의 비트에 맞춰 줘. 외부 곡·루프·다른 예제 음악을 재사용하지 말고 소리가 찌그러지지 않게 확인해 줘.

무료 사용 조건을 확인한 한글 글꼴을 쓰고 라이선스는 내부 파일에 보관해 줘. 실제 사용한 모델·추론 설정·도구를 기록하되 모르는 값은 지어내지 마. 주요 장면의 잘림·가독성, 전체 영상과 오디오 디코딩, 음량, 브라우저 끝까지 재생을 확인해 줘. 실제 청취와 기술 검사는 구분해 알려 줘.

완성 MP4, 별도 음악 WAV, Remotion 수정용 소스, 실제 적용한 제작 지시문을 보관해 줘. 코드나 설명만 주고 끝내지 말고 완성 영상을 보여 줘.

사용자 요청 원문
내일거 미리 만들어

후속 제작 방식 확정
앞으로 리모션으로만 제작한다

이번 제작에 적용한 구체화 브리프
# CHROME FLOW — 2026-10-13 코덱스버전 선제작

- 사용자: 내일 것을 미리 제작. 후속 확정: 앞으로 코덱스버전은 Remotion으로만 제작.
- 기존 SNEAKER SIGNAL은 원본 보존하고 다음 게시 후보를 이번 Remotion 작품으로 교체한다. Claude 작품·공개 글 변경 없음. 선제작·로컬 검증이며 조기 게시하지 않는다.
- 15초, 1080×1350(4:5), 60fps. 사진 없는 입체 크롬 타이포 인트로. 블랙·실버·오렌지. 컵·상품 사진 대신 글자·금속 링·회전 패널·글자 분해/재결합.
- 편집 가능한 기본 문구: CHROME FLOW / 흐름을 바꾸다 / 시선을 사로잡다 / YOUR NAME / 새로운 시작, 지금. 예시 이름과 카피이며 실제 업체·효능·성과를 뜻하지 않는다.
- 0–3초: 금속 타이포가 슬릿에서 조립되고 궤도 링으로 깊이감 형성.
- 3–6초: 크롬 구조물 뒤로 한글이 등장. 단어를 읽을 시간과 앞뒤 레이어 유지.
- 6–9초: 밝은 금속 화면으로 회전 전환. 대각 타이포와 굴절된 패널이 시선을 연결.
- 9–12초: 이름을 감싸는 리본/금속 띠와 기하 도형이 수렴. 공간 회전 뒤 이름 카드 정렬.
- 12–15초: YOUR NAME + 새로운 시작, 지금. 주요 문구 고정, 배경 광택만 움직임.
- 음악: 새 160BPM E-flat minor 전자음악, 10마디=15초. 묵직한 킥/클랩, 빠른 하이햇, 싱코페이션 베이스, 직접 만든 새 멜로디·전환음. 외부 음원·루프·기존 WAV 입력 없음.
- 도구: 기존 Remotion4.0.534/React/로컬 Chrome; 영상은 Remotion으로 렌더. Python/NumPy는 새 음악 합성, FFmpeg/FFprobe는 음량·최종 디코딩 검사에 사용. 새 패키지 설치 없음.
- 글: POST_WRITING_GUIDE.md 2절 확정 순서, 약2,000자 이상의 활용처 중심. 사진 필수 아님. 독자용 프롬프트와 실제 프롬프트 분리, 쓸 곳 항목 포함. 설치 설명은 본문 위 링크 사용.
- 공개 예정보다 일찍 공용 site/content에 넣지 않는다. 게시 당일 최신 공용 소스에서 weight/serial=max+1 결정. 이미 게시된 글 유지.

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