모션 디자이너 쇼릴 디자인

음악 그리드로 구성한 릴

영상은 128 BPM으로 15초간 이어지며, 화면 속 HUD가 그 구조를 눈에 보이게 합니다. 모든 프레임에 타임코드, 60 FPS, 비트 사각형 네 개, 8 중 BAR 카운터, 하단을 따라 이어지는 진행선이 표시됩니다.

그 결과 컷이 의도적으로 읽힙니다. 대신 HUD가 모서리를 계속 차지하므로, 추가하는 카피는 안쪽 프레임 안에 있어야 합니다.

일곱 개 모션 챕터와 엔드 카드

소스 노트는 릴을 챕터별로 나누고 각각 시작 시간을 지정합니다. 짧은 챕터는 속도감을 유지하지만 무언가를 읽을 시간은 거의 없습니다. 워드마크는 1.5초, 이징 챕터는 2초를 받습니다.

주요 전환 수단이 되는 타입과 색

배경은 페이드가 아니라 하드 컷으로 바뀝니다. 아이덴티티 프레임은 밝은 초록 바탕에 거의 검정인 타입을, 시스템 프레임은 어두운 바탕에 종이 흰색 그리드를, 키네틱 프레임은 짙은 초록 바탕에 흰 글자를 사용합니다.

키네틱 프레임의 글자는 각 글리프 뒤에 반투명 잔상이 따라붙어, 모션 블러 필터 없이도 방향을 보여 줍니다. 대신 가독성이 떨어져, 움직이는 도중에는 “OU” 두 글자만 읽힙니다.

01

워드마크 스케일

OpenDesign은 확장형 블랙 서체로 두 줄에 놓이고, 그 아래에 세리프 이탤릭 직무 문구가 있습니다. 넓은 산세리프와 가는 이탤릭의 대비가 브랜드와 직함을 구분합니다.

02

시스템 그리드

거의 검정인 바탕 위의 3×3 종이 타일과 뒤의 은은한 점 그리드는, 소스에서 트뤼셰 필드로 분할된다고 하기 전까지는 정지된 오브젝트로 시작합니다.

다른 브리프에 맞게 릴 각색하기

소스 노트는 128 BPM 그리드 위의 일곱 챕터를 유지하면서 브랜드, 직무, 푸터 카피, 팔레트를 바꾸라고 안내합니다. 카피, 팔레트, 타이밍이 컴포지션 상단의 상수에 있어 현실적인 방법입니다.

보이는 모든 값이 시간의 함수이므로 뒤로 탐색해도 같은 프레임이 나옵니다. 직무 문구나 브랜드명이 길어지면 두 줄 레이아웃에 맞도록 타입을 줄여야 할 수 있습니다.

1. 아이덴티티 교체

   브랜드, 직무, 푸터 텍스트를 먼저 바꾼 다음 워드마크 폭을 확인하세요.

2. 팔레트 다시 설정

   각 챕터의 배경과 타입 사이에 강한 대비를 유지하세요.

3. 그리드 유지

   챕터를 추가하지 말고 기존 마디 안에서 콘텐츠 타이밍을 조정하세요.

출처와 범위

이 작품은 출처가 표기된 제3자 작품, 즉 X의 @stephanlivera 게시물을 OpenDesign이 공식적으로 코드로 다시 만든 것입니다. 공개된 작품을 바탕으로 컴포지션을 코드로 재구성했으며 사운드트랙은 오리지널입니다. 이 표기는 사실을 밝히는 것이며 원작자의 보증을 의미하지 않습니다.

이것은 렌더링된 쇼릴이며 인터랙티브 디자인 도구가 아닙니다. 템플릿은 제안된 OpenDesign 비디오 워크플로에서 가져온 것으로, 사용 가능 여부는 설치된 버전에 따라 다릅니다.