향수 — 잔향을 색과 여백으로 표현하기
유리 디테일에서 버건디 엔딩으로 이어지는 SILLAGE / 02. 향이라는 보이지 않는 감각을 빛·배경색·문구·잔향으로 표현한 8초 사례입니다.
AI Tools Lab · 해설 작성 · 자료 대조
재생 시 소리가 납니다. 클릭 전에는 영상을 불러오지 않습니다.
장면별 콘티
완성된 음악 포함 MP4에서 추출한 화면입니다. 구간의 끝은 다음 장면 시작 프레임이며, 전환 효과는 두 구간에 걸쳐 이어질 수 있습니다.
장면 1 · 0초–1.7초 · 0–50f
유리의 인상

왼쪽에 병을 크게 잘라 놓고 오른쪽에 카피를 배치합니다.
움직임 — 병 이미지를 천천히 옆으로 옮기고 EdgeLight를 더합니다. 병의 반사와 액체 디테일은 이미지에 들어 있는 시각 정보입니다.
전환 — 49–62f에 첫 문구가 사라지고 51–79f에 따뜻한 제품 전체 장면이 나타납니다.
음향 — 유리 같은 벨과 부드러운 합성 패드가 긴 잔향을 만듭니다. 실제 현악기 연주 녹음은 사용하지 않았습니다.
연출 판단 — 향을 직접 보여줄 수 없으므로 유리·빛·여백을 첫 감각의 단서로 선택합니다. 실제 향이나 지속 시간을 나타내는 정보는 아닙니다.
장면 2 · 1.7초–5.167초 · 51–154f
존재감을 읽는 시간

밝은 황금빛 배경에서 병 전체와 왼쪽 메시지를 함께 보여줍니다.
움직임 — 55f부터 병이 spring으로 정리되고 대각선 빛이 뒤를 지나갑니다. 제품 위의 하이라이트는 알파 마스크에 제한합니다.
전환 — 155–185f에 버건디 배경과 중앙 배치가 들어옵니다. 중간 카피는 진행값 1-s로 사라집니다.
음향 — 54f의 공개 큐를 중심으로 벨과 화음이 연결됩니다. 트랙의 프레이즈를 영상에 맞춰 배치합니다.
연출 판단 — 도입의 클로즈업 다음에는 병의 전체 비례를 충분히 보여줍니다. 큰 변화보다 미세한 이동을 사용해 차분한 콘셉트를 유지합니다.
장면 3 · 5.167초–8초 · 155–239f
잔향을 남기는 엔딩

병이 중앙으로 이동하고 큰 워드마크와 하단 카피가 버건디 배경에 남습니다.
움직임 — 155–185f에 위치·크기·밝기를 보간합니다. 워드마크는 176f부터, 하단 카피는 190f부터 별도 진입합니다.
전환 — 밝은 중간 장면과 어두운 엔딩은 배경 레이어의 불투명도로 연결됩니다.
음향 — 155f의 엔딩 큐에 화음과 잔향을 연결하고 마지막에 완만하게 줄입니다. 실제 출력의 오디오와 검수 기록을 기준으로 확인합니다.
연출 판단 — 색 전환과 잔향을 함께 사용해 오래 남는 인상을 표현합니다. 워드마크는 병과 경쟁하지 않도록 뒤 레이어에 놓습니다.
핵심 이벤트 큐
- 54f / 1.8초 — 병 공개 음악 큐
- 155f / 5.167초 — 버건디 엔딩 큐
- 190f / 6.333초 — 엔딩 카피 진입
제작 해설
1. 보이지 않는 감각을 대신할 시각 단서
향의 품질을 숫자로 주장하는 대신 유리의 질감·황금빛·버건디 색을 조합합니다. 첫 카피는 오른쪽, 중간 카피는 왼쪽에 놓아 이미지 위치가 달라질 때도 읽는 영역을 분리합니다. 이는 가상 캠페인의 표현 전략이며 실제 향이나 성분에 관한 정보가 아닙니다.
2. 반사처럼 보이는 빛은 두 층으로
배경의 대각선 빛은 긴 div와 blur로 구성합니다. 제품 위의 빛은 공통 Product 함수의 PNG 알파 마스크 안에서 이동합니다. 배경 빛의 위치를 바꾼다고 병 표면의 물리적 반사가 자동으로 바뀌는 것은 아닙니다. 병의 유리 디테일은 생성 자산에 들어 있고 빛 합성이 그 인상을 보강합니다.
3. 중앙 이동과 잔향의 마무리
155–185f의 s를 위치·배경·그림자에 함께 사용합니다. 워드마크와 하단 카피는 각자의 진입 시간을 갖습니다. 음악의 긴 잔향은 분위기를 연결하는 역할이며 영상 타이밍을 전부 박자 격자에 강제로 맞추지는 않았습니다.
핵심 코드
const f=useCurrentFrame(),r=blend(f,51,79),s=blend(f,155,185),i=1-blend(f,49,62),e=enter(f,55);
Perfume의 실제 구간입니다. r과 s를 같게 합치면 제품 공개와 버건디 엔딩의 의미가 사라집니다.
수정 순서와 깨지는 조건
- 병 이미지의 투명 여백과 높이 비율을 확인합니다. 공통 Product는 향수에 1.5 높이 비율을 사용하므로 다른 비율의 이미지는 배치와 마스크를 함께 검토해야 합니다.
- 병의 중앙 이동을 정한 다음 SILLAGE 워드마크의 크기와 겹침을 확인합니다.
- 카피를 길게 바꾸면 기존 고정 좌표와 줄별 폰트 크기 안에 들어가는지 최종 프레임에서 확인합니다.
- 엔딩을 늦추면 벨의 잔향이 8초 끝에서 갑자기 잘리지 않도록 오디오 감쇠를 조정합니다.
사용한 기술
Remotion · React · TypeScript
제작 환경 기록: 4.0.534 · 19.3.0 · 5.9.3
Perfume의 공개·배경 변화·중앙 배치·카피를 서로 다른 진행값과 시작점으로 조합합니다.
근거: Films.tsx · Perfume
이미지 자산 · 레이어 합성
투명 병 이미지와 알파 마스크 하이라이트, 대각선 빛, 버건디 배경으로 감각을 표현합니다.
근거: Films.tsx / common.tsx · 이미지·SVG·CSS
Python · numpy/scipy
C major 중심 유리 벨과 현악 유사 합성 패드를 직접 만들고 장면 사이에 잔향을 연결합니다.
근거: 음악 합성 · compose.py
FFmpeg · H.264/AAC
음량을 정리한 음악을 AAC로 인코딩하고 기존 H.264 비디오 스트림을 복사해 결합했습니다. 영상 재렌더링과 음악 결합을 구분합니다.
근거: 최종 MP4 품질 기록
검증 범위와 한계
제작 당시의 최종 파일 기록에서 8초·240프레임·H.264/AAC, 디코딩·음량·무음과 장면 캡처를 확인했습니다. 이 해설은 해당 최종본과 제작 소스를 대조해 작성했습니다.
이미지 기반 2.5D 합성입니다. 실제 제품의 3D 모델·물리 시뮬레이션·성능 검증이나 실판매 광고가 아닙니다. 음악은 외부 녹음·샘플·음악 생성 모델 없이 직접 합성한 임시 BGM이며 YuE2Mac은 사용하지 않았습니다.
기술 검사 통과는 연출과 음악의 미적 승인을 의미하지 않습니다. 시청·청취 판단은 별도로 남아 있습니다. MP4는 완성 영상이며 편집 소스가 포함된 실행 패키지가 아닙니다.