모션 작품 모음

세 부분

각 부분은 10초이며, 형태를 바꾸며 다음 부분으로 이어집니다. 첫 부분의 중심 덩어리가 줄어들어 이름 입력을 시작하는 커서가 되고, 이름을 둘러싼 모서리 괄호가 펼쳐져 로고의 프레임이 됩니다. 여덟 개의 기준선은 심벌의 막대 여덟 개로 바뀝니다.

음악: Karneef의 ‘What If So Then’(YouTube 오디오 보관함).

첫 번째: 박자에 맞춰 움직이는 도형

128개의 눈금 선이 화면의 기준점인 작은 점을 둥글게 둘러쌉니다. 눈금은 음악의 64개 주파수 대역에 반응하고, 원 안쪽의 점선 띠는 중음역에 맞춰 폭이 넓어집니다. 세 번의 강한 킥 드럼 박자에 원의 크기가 약 7%씩 튀듯이 변합니다. 가장 강한 킥에서는 원이 여섯 개의 호로 나뉘고 중앙에 속이 찬 중심 덩어리가 나타납니다. 이 덩어리는 이후 두 번의 킥에도 튀어 오릅니다. 끝부분에서 원은 중심 덩어리 안으로 접혀 들어가고, 덩어리는 작은 점으로 줄어듭니다.

두 번째: 이름 애니메이션

점이 커서처럼 두 번 깜박이고, Ashton부터 이름이 한 글자씩 입력됩니다. 점에서 모서리 괄호가 튀어나와 이름을 감쌉니다. 이름이 머무는 동안에도 글자 사이가 천천히 벌어져, 멈춰 있는 순간에도 움직임이 이어집니다. 괄호는 Ashton Zhengshen Shu를 담는 세 줄 프레임으로 넓어집니다. 전체 이름이 조금 앞으로 다가온 뒤 지워지면서 다시 Ashton만 남습니다. 괄호는 네 번의 킥 박자에 맞춰 튀어 오른 다음, 로고를 위한 프레임으로 펼쳐집니다. 이 방식은 이 웹사이트 첫머리의 이름 애니메이션을 따릅니다.

세 번째: 움직이는 로고 페이지

세 번째 부분은 Superlinear Academy 브랜드 가이드라인의 정적인 로고 페이지에서 시작합니다. 이름 부분의 마지막 두 킥에서 가는 기준선 여덟 개가 화면을 가로질러 그려지고, 차례로 모습을 드러내며 심벌의 막대 여덟 개가 됩니다. 막대들은 조금씩 시차를 두고 심벌의 수직축을 중심으로 원뿔처럼 회전하며, 옆면이 보일 때 색이 옅어집니다. 회전은 강한 킥을 향해 빨라지고, 속도를 유지하다가 느려지며, 정확히 다섯 바퀴를 돈 뒤 원래 로고로 돌아옵니다. 이 아이디어는 Superlinear Academy 페이지의 로고 반복 애니메이션 ‘스캔’과 ‘원뿔 회전’에서 발전했습니다.

작업 과정

Ashton이 움직임과 타이밍을 설계한 뒤, After Effects에서 여러 버전에 걸쳐 다듬었습니다.