Evidence
- TikTok·YouTube·Instagram의 실제 라이브 UI
- 채팅 누적 방향과 상단 페이드 구조
- 세로형 라이브 화면의 정보 배치와 투명도
- 4K·FHD 규격을 오가는 2개월간의 1인 제작 조건
Broadcast · Screen Graphics & VFX
Between
Floors
드라마 속 라이브 방송과 뉴스 장면을 실제 플랫폼처럼 설계해 서사에 자연스럽게 결합한 스크린 VFX 프로젝트.
01 / Overview
화면 속 화면이
실제로 존재하도록
층간 소음에 시달리는 주인공의 라이브 방송 장면과 사건의 전말을 전달하는 뉴스 화면을 제작했습니다. 시청자가 정보를 즉시 이해하면서도 그래픽이 연기와 서사를 방해하지 않도록 현실적인 방송 화면을 구축하는 것이 목적이었습니다.
실제 라이브 스트리밍과 뉴스 플랫폼의 정보 구조를 참고하되, 장면의 톤과 촬영 화면에 맞춰 타이포그래피·레이아웃·모션 강도를 조정했습니다.
02 / Design Logic
실제 라이브의 문법을
서사의 리듬으로 조율했습니다
Insight
라이브 UI는 실제 플랫폼처럼 익숙하게 보여야 하지만, 너무 선명하거나 빠르면 드라마의 연기와 서사보다 먼저 시선을 빼앗습니다. 현실적인 움직임을 유지하면서 장면을 방해하지 않는 균형이 핵심이었습니다.
Response
- Platform-based Interface실제 라이브의 정보 위계를 바탕으로 특정 플랫폼을 그대로 복제하지 않은 중립적인 UI를 설계했습니다.
- Scene-synced Rhythm대사와 편집 타이밍에 맞춰 채팅 간격을 조절하고, 세로 화면은 투명도와 상단 페이드로 주요 장면을 보호했습니다.
- Procedural Live Data시청자 수는 최소·최대 범위 안에서 증감하고 좋아요는 시간에 따라 누적되도록 표현식으로 구성했습니다.
03 / Title Intro
소리가 장면의
긴장이 되도록
정적인 결과 이미지로는 전달하기 어려운 타이밍과 전환을 실제 인트로 영상으로 보여줍니다. 장면의 긴장과 제목의 첫인상을 만드는 움직임을 확인할 수 있습니다.
Watch on YouTube ↗04 / VFX Scope
Four screen systems,
one narrative
Short-form Live Chat
라이브 채팅 업로드 화면 · 1 sequence
Landscape Live Broadcast
가로 라이브 방송 송출 화면 · 3 sequences
3D News Article
사건 전말을 전달하는 입체 기사 화면 · 1 sequence
Title Intro
드라마 ‘층간’ 인트로 화면 · 1 sequence
05 / VFX Breakdown
Chat Timing
사람마다 다른 입력 속도를 반영하고, 배우의 대사와 편집 호흡에 맞춰 메시지의 등장 간격을 장면별로 조절했습니다.
Living Data
시청자 수에는 제한된 범위의 자연스러운 증감을, 좋아요에는 시간 기반 카운트업을 적용해 반복 작업을 줄였습니다.
Spatial Composition
제한된 소스 이미지는 레이어 분리와 3D 공간 배치, 카메라 움직임을 활용해 깊이감 있는 기사 화면으로 재구성했습니다.
06 / Role & Credit
VFX 전 과정을
1인으로 담당했습니다
레퍼런스 조사와 콘셉트 개발부터 그래픽 디자인, 2D 모션, 3D 공간 구성, 합성·VFX, 최종 포맷 납품까지 담당했습니다.
Production
External Collaboration
Solo VFX Artist
Tools
After Effects · Illustrator
Photoshop
Release
MBN Broadcast
Streaming on TVING
View the released series
Watch on TVING ↗