향수 — 잔향을 색과 여백으로 표현하기
유리 디테일에서 버건디 엔딩으로 이어지는 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의 공개·배경 변화·중앙 배치·카피를 서로 다른 진행값과 시작점으로 조합합니다.
이미지 자산 · 레이어 합성
투명 병 이미지와 알파 마스크 하이라이트, 대각선 빛, 버건디 배경으로 감각을 표현합니다.
Python · numpy/scipy
C major 중심 유리 벨과 현악 유사 합성 패드를 직접 만들고 장면 사이에 잔향을 연결합니다.
FFmpeg · H.264/AAC
음량을 정리한 음악을 AAC로 인코딩하고 기존 H.264 비디오 스트림을 복사해 결합했습니다. 영상 재렌더링과 음악 결합을 구분합니다.
영상 사양·제작 방식
8초 · 240프레임 · 1920×1080 · 30fps. 음악이 포함된 H.264/AAC 형식의 완성 MP4입니다.
가상 제품을 이미지 기반 2.5D로 연출한 콘셉트 필름입니다. 장면·문구·배경음악을 함께 감상하고 완성 영상을 다운로드할 수 있습니다.