묵재스튜디오MUKJAE STUDIO

AI 콘텐츠 제작 · 직접 구축한 AI 제작 파이프라인

0시 17분

심야버스 노선 모션그래픽

가상 도시 심야버스 N17의 노선과 막차 시각을 담은 12초 세로 영상과 6초 스팅

구분
가상 브랜드 · 개인 작업
연도
2026
매체
영상
역할
정보 구성, 모션 설계, 코드 기반 렌더링 코드 작성 지시와 검수
제작 방식
코드 기반 렌더링, 디자인 도구
결과물
1080×1920 12초 세로 영상, 1080×1080 6초 스팅
0시 17분 · 노선 모션그래픽0:12

과제

가상 도시의 심야버스 N17을 안내하는 모션그래픽이다. 출발지, 정류장 순서, 막차 시각을 12초 안에 읽히게 하는 것이 목표였다.

방법

사진 없이 수평·수직·45도 선과 흰 원, 고정폭 숫자로만 화면을 짰다. 코드 기반 렌더링으로 노선이 그려지고 정류장 이름이 차례로 붙게 했다. 정류장 이름이 노선과 겹치던 곳은 라벨 방향을 바꾸고, 시간표가 뜰 때는 노선을 7%로 낮췄다.

결과

12초 세로 영상과 6초 스팅으로 완성했다. 교차 검수에서 배차 간격이 맞지 않는다는 지적을 받아 고쳤고, '가상 도시 · 가상 운행표'를 붙였다.

N17 스팅 · 막차 0시 17분0:06
7.7초 이전 판 — 흐린 정류장 이름이 시간표와 겹치고 간격 25분
7.7초 고친 판 — 정류장 이름을 끄고 간격 21분, 가상 운행표 표기
7.7초 시간표. 왼쪽 이전 판, 오른쪽 고친 판. 선을 끌어 비교할 수 있습니다.