데이터가 (과잉활동) 예술이 될 때 📱💥
Super Pumped: The Battle for Uber는 시리즈가 아니라 사용자 인터페이스가 오디오비주얼 악몽으로 변한 것입니다. Ingenuity Studios는 주의력 결핍 CEO의 손에 있는 앱 알림처럼 화면에서 폭발하는 그래픽 언어를 설계했습니다.
기술적 혼란의 시각적 ABC
스타일의 기둥:
- 공격하는 그래픽: 3D 스타일화된 메시지, 지도 및 통계
- 단락 전환: 축 점프, 글리치 및 공격적인 모핑
- 데이터가 숨쉬는 공간: 인포그래픽 아래에서 변형되는 사무실
핵심 데이터: "각 그래픽은 세 가지 버전이 있습니다: 정적, 호버(떠다니는), 클릭된(누군가 상호작용하는 것처럼)", 브레이크다운에서 밝혔습니다.
실리콘 밸리의 열기를 만드는 법
모션 그래픽
- After Effects + Cinema 4D로 "클릭 가능한" 그래픽
- 대화 리듬에 반응하는 애니메이션을 위한 표현식
- UI 계층을 시뮬레이션하는 중첩 프리컴프
3D 효과
- Houdini로 지도에서 건축으로의 전환
- Redshift로 체적 인포그래픽 렌더링
- "탈출하는 데이터" 같은 입자 시뮬레이션
스타일 재현을 위한 생존 키트
3ds Max에서
- Motion Graphics Toolset - 애니메이션 그래픽을 위해
- Greeble - 표면에 "기술적" 복잡성 추가
- TyFlow - 침입적인 알림 같은 입자
- Arnold/Redshift - 아웃라인과 함께 스타일화된 렌더링
Blender에서
- Geometry Nodes - 프로시저럴 그래픽 시스템
- Line Art Modifier - "디지털 만화" 룩을 위해
- Eevee - 3D 인터페이스 빠른 렌더링
- Dynamic Paint - UI 상호작용 효과
💡 시각적 카페인 중독자들을 위한 팁:
- After Effects에서 time remapping을 사용하여 잔인한 가속
- 전환에서만 chromatic aberration 적용
- 타이포그래피를 컴파일되는 코드처럼 애니메이션
추가: 그래픽을 장식물이 아닌 캐릭터처럼 다루면 더 잘 작동합니다.
모션 디자이너의 역설
Travis Kalanick이 세상을 더 접근 가능하게 만들고 싶어했던 동안, Ingenuity 아티스트들은 정반대로 했습니다: "우리는 타임라인에서 우리조차 길을 잃을 정도로 과잉활동적인 경험을 설계했습니다." 진정한 성과는 스프레드시트를 순수한 스펙터클로 바꾼 것이었습니다... 비록 반 정도의 관객이 일시정지 버튼이 필요하게 만들었지만. ⏸️
"모션 그래픽에서 프로젝트를 검토할 때 머리가 아프지 않으면 충분한 레이어를 사용하지 않은 것입니다." - Ingenuity의 익명 디자이너.