모션

미래지향 모션 비디오 디자인

워드 터널, SET 카운트다운, 크롬 FUTURE 피날레로 이루어진 일렉트릭 블루 릴을 120 BPM 컷 그리드 위에서 코드로 다시 만들었습니다. 타이밍과 응용 방법을 확인해 보세요.

OpenDesign코드 각색 및 제작
공식
미래지향 모션 비디오 디자인20s · 모션
파란 하프톤 배경 위의 금속 질감 Future 글자와 그 아래의 Is already here.
모션 디자인의 한 프레임

디자인 활용 아이디어

  • 제품 출시 티저미스터리에서 하나의 이름 공개로 이어지는 짧은 발표 영상입니다.
  • 행사 오프닝 릴진행 시계, 섹션 라벨, 비트 기반 컷 패턴을 갖춘 타이틀 시퀀스입니다.
  • 모션 타이포그래피 스터디터널 텍스트, 3D 숫자, 크롬 레터링처럼 단어 자체가 형태를 바꾸는 실험입니다.

모션 하이라이트

  • 단어로 만든 터널깊이 수치가 카운트되는 동안 모노 타입 조각들이 어두운 동공 주위로 스쳐 지나갑니다.
  • 두 가지 색으로 나뉜 카운트다운SET 프레임은 파랑과 검정으로 나뉘고 두 영역 사이에 3D 숫자가 놓입니다.
  • 마지막 앵커가 되는 크롬 단어FUTURE가 점 격자 위에 놓이고 그 아래에 더 작은 문구 IS ALREADY HERE가 있습니다.

20초 릴의 페이스 구성

원본 비트 맵은 이 20초 모션 필름을 120 BPM 그리드 위의 짧은 장면들로 나눕니다. 대부분 느린 디졸브가 아닌 하드 컷으로 전환되며, 더 긴 홀드는 마지막 타이틀에 할애됩니다.

캡처된 세 프레임은 터널, 카운트다운, 피날레 부근에 해당합니다. 이들은 필름의 구조를 보여 줍니다. 처음에는 밀도 높은 움직임, 중간에는 성긴 카운트 비트, 마지막에는 안정적인 핵심 단어가 나옵니다.

비트 맵에서 선별한 장면
시간 구간장면눈에 보이는 선택
4.0–5.0초워드 터널, WAKE UP텍스트가 어두운 중심에서 바깥으로 뻗어 나가 단어가 건축물처럼 작동합니다.
9.5–11.0초3 · 2 · 1 카운트다운큰 숫자 하나가 밀집된 터널을 대체하며, 화면에서 경쟁하는 요소가 훨씬 줄어듭니다.
14.5–18.5초크롬 FUTURE 히어로맵에서 가장 긴 단일 장면으로, 마지막 단어가 읽힐 시간을 줍니다.
18.5–20.0초글리치에서 END OF TRANSMISSION으로페이드 대신 짧은 끊김으로 릴을 마무리합니다.

워드 터널과 HUD 레이어

첫 화면의 터널에는 SIGNAL.OK, AWAKEN();, FUTURE IS HERE 같은 흰색, 파란색, 회색 조각이 섞여 있습니다. 불투명도와 크기가 달라 일부는 멀어지고 일부는 먼저 읽힙니다.

고정 HUD는 움직임 주위에서 정지해 있습니다. 왼쪽 위에는 FIH/2026 줄, 오른쪽 위에는 진행 시계, 그리고 장면 라벨과 120 BPM 표시가 있습니다. 하단 표시에는 깊이 값과 함께 ENTERING PUPIL이라고 나옵니다.

워드 터널: 어두운 중심 주위를 도는 텍스트 조각과 가장자리의 고정 HUD 라벨.
워드 터널: 어두운 중심 주위를 도는 텍스트 조각과 가장자리의 고정 HUD 라벨.

분할 화면 카운트다운

두 번째 화면은 더 조용합니다. 왼쪽은 채도 높은 파랑, 오른쪽은 거의 검정입니다. 얇은 원이 경계를 가로지르고 중앙에 크롬 숫자가 놓입니다.

T-MINUS 02 라벨, 큰 단어 SET, SEQ 02 · 2/3이 단계를 말로 설명합니다. 오른쪽에는 작은 상자 세 개가 진행 상황을 나타내며 두 개는 채워져 있고 하나는 윤곽선만 있습니다.

카운트다운 프레임: 크롬 3D 숫자가 있는 SET, 색 분할, 상자 세 개짜리 시퀀스 표시.
카운트다운 프레임: 크롬 3D 숫자가 있는 SET, 색 분할, 상자 세 개짜리 시퀀스 표시.

단어와 숫자의 결합

숫자는 비트를 전달하고, SET는 훑어보기만 해도 남는 쉬운 말의 신호를 시퀀스에 더합니다.

막대 없는 진행 표시

상자 세 개가 HUD와 같은 시각 언어로 2/3을 보여 주어 일반적인 진행 막대를 피합니다.

구분선이 되는 색

파랑과 검정 영역이 텍스트 주위에 상자를 두르지 않고도 숫자와 시퀀스 데이터를 분리합니다.

마무리 프레임이 되는 크롬 FUTURE

세 번째 화면은 필름을 하나의 지배적인 단어로 줄입니다. 베벨이 있는 크롬 글자가 하프톤 점 배경 위에 놓이고, 뒤에는 흐릿하고 커다란 배경 단어가, 아래에는 얇은 곡선이 지나갑니다.

주 단어는 3차원이고 보조 문구는 평면 흰색 글자이므로 두 단계가 즉시 구분됩니다. 단점은 길이입니다. 더 긴 단어는 크기를 줄여야 하므로 크롬 디테일이 약해집니다.

마무리 프레임: 점 격자 위의 크롬 FUTURE와 그 아래의 IS ALREADY HERE.
마무리 프레임: 점 격자 위의 크롬 FUTURE와 그 아래의 IS ALREADY HERE.
  1. 짧은 핵심 단어 고르기

    원본 노트에 따르면 더 긴 단어는 맞추기 위해 축소되므로, FUTURE와 비슷한 길이의 단어를 쓰면 베벨이 읽기 쉽게 유지됩니다.

  2. 라틴 문자 유지하기

    번들 디스플레이 폰트는 3D 단어용 라틴 문자, 숫자, 일반 문장부호를 지원하며 다른 문자 체계는 지원하지 않습니다.

  3. 컷 그리드 지키기

    카피의 타이밍은 조정하되, 바뀐 단어도 음악에 맞게 떨어지도록 하드 컷은 비트에 맞춰 두세요.

출처와 범위

이 작품은 크레딧이 명시된 제3자의 더우인 모션 작품을 OpenDesign이 공식적으로 코드로 다시 만들고 각색한 것이며, 완전히 독창적인 콘셉트는 아닙니다. 원본은 62초 길이의 중국어 게시물이고, 이 버전은 오리지널 사운드트랙이 있는 20초 영어 하이라이트 컷입니다. 크레딧은 사실 표기이며 원 게시자의 보증을 의미하지 않습니다.

이 템플릿은 제안된 OpenDesign 비디오 워크플로에서 나온 것이며, 사용 가능 여부는 설치된 버전에 따라 다릅니다. 이 페이지는 완성된 인터랙티브 제품이 아니라 렌더링된 필름과 디자인 선택을 소개합니다.

OpenDesign에서 미래지향 모션 비디오 디자인 만드는 방법

  1. OpenDesign 다운로드 및 설치

    데스크톱 앱을 다운로드하여 설치하고 설정을 완료하세요. 디자인을 위한 프로젝트를 만드세요.

    OpenDesign 다운로드
  2. 비트 맵부터 작성하기

    각 장면의 시작 및 종료 시간을 나열하고 컷이 하나의 리듬을 따르도록 유지하세요. 비주얼을 요청하기 전에 중심이 될 단어를 하나 정해 두면 크롬 피날레의 목표가 분명해집니다.

  3. 추천 프롬프트 사용하기

    장면, 라벨, 제약 조건을 설명한 뒤 읽기 쉬운 첫 프레임을 요청하세요.

    제안된 프롬프트

    120 BPM의 20초 길이 일렉트릭 블루 모션 그래픽 필름을 만들어 주세요. 검정, 흰색, 크롬을 사용하고 굵은 디스플레이 서체와 작은 모노스페이스 HUD 라벨을 적용하세요. 장면: 어두운 중심 주위의 워드 터널(4.0-5.0초), 3D 숫자와 SET 라벨이 있는 블루/블랙 분할 카운트다운(9.5-11.0초), 점 격자 위의 크롬 3D 핵심 단어와 IS ALREADY HERE 문구(14.5-18.5초). 짧은 글리치와 END OF TRANSMISSION으로 마무리하세요. 하드 컷은 비트 그리드에 맞추고, 라틴 문자만 사용하며, 보이스오버는 넣지 마세요.

  4. 프레임 단위로 가독성 확인하기

    각 장면의 중간 지점까지 스크럽하세요. 핵심 단어, 카운트다운, 마지막 문구가 읽히는지, 뒤로 이동해도 같은 프레임이 재현되는지 확인하세요.

  5. 내보내기 및 공유 링크 받기

    완성된 디자인을 내보낸 다음, OpenDesign의 공유 기능을 사용하여 공유 링크를 받으세요. 별도의 브라우저 창에서 링크를 열고 의도한 버전과 해당 자산이 전송 전에 이용 가능한지 확인하세요.