← 작업 목록

코드 기반 세로 사이니지

CO-SHOW 롤링 포스터

역할
포스터 배치·전환 설계·렌더링 자동화
사용 도구·기술
Illustrator, Figma, Python / Pillow / PyMuPDF, FFmpeg
시기
2026.11
분류
행사와 전시 영상

프로젝트 소개

65인치 세로 사이니지에서 경진대회 포스터를 순서대로 보여주는 영상을 구성하였습니다. 서로 다른 형식의 포스터 22장을 공통 틀에 배치하고, 마지막 장에서 첫 장으로 이어지는 66초 반복 영상을 제작하였습니다.

구성과 의도

65인치 세로 사이니지에서 CO-SHOW와 각 경진대회의 포스터를 차례로 소개하기 위한 작업입니다. 제공된 행사 키비주얼을 배경과 제목, 로고 등의 요소로 분리해 공통 틀을 만들고, PDF·AI·이미지 형식으로 전달된 포스터 22장을 같은 창 안에 배치하였습니다.

개별 포스터의 비율과 내용을 유지하면서 전환 속도와 반복 재생의 연결을 코드로 구성하였습니다.

02 / PROCESS

구성과 제작 과정

01

공통 틀과 포스터 영역 분리

행사 제목과 로고는 고정하고 포스터가 표시되는 영역만 움직이도록 구성하였습니다. 서로 다른 크기의 원본은 비율을 유지해 배치하여 내용을 자르지 않도록 하였습니다.

02

정지와 전환의 시간 구분

한 장마다 2.4초 동안 멈춘 뒤 0.6초 동안 아래에서 위로 전환하도록 설정하였습니다. 포스터 22장이 66초 안에 한 번씩 표시되고, 마지막 전환에서는 첫 장이 다시 올라오도록 연결하였습니다.

03

출력 환경에 맞춘 영상 제작

최종 렌더 설정에서 테두리 글로우와 반짝임 효과를 제외하였습니다. 세로 4K 해상도로 60fps 영상과 플레이어 대응용 30fps 영상을 제작하였습니다.

03 / MAKING

기획과 구현

기획 의도

여러 형식의 포스터를 세로 화면의 공통 틀 안에서 순서대로 보여주고, 마지막 장과 첫 장이 이어지도록 구성하였습니다.

구현 방식

키비주얼을 요소별로 분리해 Figma에서 틀을 구성하였습니다. Python으로 포스터의 비율을 유지한 장면 이미지를 만들고, 장면 목록과 정지·이동 시간을 렌더 설정에 기록하였습니다. FFmpeg로 포스터 영역을 합성하고 위쪽으로 이동시켜 66초 영상을 출력하였습니다.