화면 속 두 공이 그려내는 궤적은 수학적으로 완전히 동일합니다. 하지만 바닥에 닿는 찰나의 순간, 한쪽은 접시처럼 넓고 납작하게 퍼지고 다른 한쪽은 원형을 거의 그대로 유지합니다. 시청자는 퍼진 쪽을 '고무공', 원형을 유지하는 쪽을 '볼링공'으로 단번에 인식합니다.
디즈니의 전설적인 애니메이터 프랭크 토머스와 올리 존스턴이 1981년 함께 펴낸 저서 『The Illusion of Life: Disney Animation』는 이러한 움직임의 원리를 12가지 원칙으로 정리했습니다. 인터랙션디자인파운데이션(IxDF)은 이 원칙들이 단순히 만화를 위한 것이 아니라, 인터페이스에서 사용자에게 직관적인 감각을 전달하는 데 핵심적인 도구임을 강조합니다. IxDF가 꼽는 핵심 원칙 중 하나가 ‘스퀘시 앤 스트레치(Squash and Stretch)’입니다. 이는 물체가 위아래로 이동할 때 늘어나고, 바닥에 닿을 때 눌리는 기법을 말합니다. IxDF는 이 변형의 크기가 재질에 따라 극적으로 달라진다고 명시합니다. 고무로 만든 공은 효과가 ‘매우 뚜렷하게(very pronounced)’ 나타나고, 볼링공처럼 묘사하면 ‘매우 미묘하게(very subtle)’ 나타납니다. 같은 궤적 위에 이 변형 강도 스케일 하나만 얹으면 무게 인식이 완전히 뒤집힙니다.
이 12원칙은 물리학의 기본 법칙과 인지심리학을 결합해 '신빙성 있는(believable)' 움직임을 만드는 방법입니다. 화면에는 질량이라는 물리량이 그려지지 않지만, 물리 법칙을 따르는 움직임 패턴을 통해 뇌가 무게와 탄성을 추정합니다.
변형 강도로 재질을 나누는 스케일
바닥에 닿는 프레임에서 고무공과 볼링공의 차이는 명확합니다. 고무공은 충격으로 인해 폭이 크게 넓어지고, 위로 올라갈수록 가늘고 길게 늘어납니다. 반면 볼링공은 같은 높이에서 같은 궤적으로 떨어지더라도 바닥과의 접촉면이 거의 변하지 않습니다. IxDF는 이 대조를 ‘매우 뚜렷하게’와 ‘매우 미묘하게’라는 표현으로 고정해 설명합니다. 중요한 것은 변형할 때 물체의 ‘부피’는 일정하게 유지되어야 한다는 점입니다. 늘어난 쪽은 가늘어지고, 납작해진 쪽은 넓어집니다. 이 부피 보존 규칙을 무시하고 무조건 넓어지기만 하면 마치 풍선에 바람을 넣듯 부풀어 올라 어색해집니다. 실제 애니메이션 작업에서는 공이 바닥에 닿아 납작해지더라도 그 면적과 높이의 곱이 원래의 부피와 유사하도록 조절합니다.
이러한 재질별 차이를 명확히 구분하는 교육적 접근도 있습니다. 유튜브 채널 ‘Sang Lee’의 운영자는 2014년 영상 설명란에서 세 가지 재질을 두 가지 속성(무게와 유연성)의 조합으로 구분해 정리했습니다. 그는 고무공을 ‘가벼움’과 ‘부드러움’으로, 볼링공을 ‘무거움’과 ‘단단함’으로, 풍선을 ‘가벼움’과 ‘아주 부드러움’으로 정의했습니다. 그리고 이를 구현하기 위해 타이밍(Timing), 슬로우 인&아웃(Slow In & Slow Out), 스퀘시&스트레치(Squash & Stretch), 아크(Arc), 중력(Gravity), 공기저항(Air resistance) 등 애니메이션 원리를 함께 열거했습니다. Sang Lee 운영자가 제시한 이 분류법은 시각적인 수치 시뮬레이션이라기보다는, 애니메이터들이 작업 시 머릿속으로 재질의 성격을 설정하고 그에 맞는 기법을 선택하도록 돕는 실무적 프레임워크입니다. 즉, ‘무거움’이라는 추상적인 개념을 ‘부드러움’이나 ‘단단함’ 같은 구체적 변형 패턴으로 번역하는 과정을 보여줍니다.
타이밍이 관성을 전달하는 지점
변형(스퀘시 앤 스트레치)이 ‘재질’을 말해준다면, 타이밍(Timing)은 ‘관성’을 말해줍니다. IxDF는 “사물이 얼마나 빠르게 또는 느리게 움직이는가는 많은 정보를 준다”고 설명합니다. 여기에 ‘슬로우 인&아웃(Slow In and Slow Out)’ 원칙을 결합합니다. 자연계의 물체는 갑작스럽게 움직임을 시작하거나 멈추지 않습니다. 가속과 감속 구간에서 부드러운 변화가 필요합니다. 애니메이션에서는 움직임의 시작과 끝부분에 프레임을 더 촘촘하게 배치하여 자연스러운 가속과 감속을 연출합니다.
바운싱볼 연습에서 두 공의 궤적 방정식이 동일하더라도 프레임의 배치는 달라져야 무게감이 전달됩니다. IxDF의 타이밍·슬로우 인&아웃 원칙과 Sang Lee가 제시한 재질·공기저항 항목을 조합해 볼 때, 볼링공은 바닥 충돌 후 반동이 작아 상승 구간이 짧게 느껴지고 프레임 간격이 상대적으로 균일한 편입니다. 반면 고무공은 충돌 직후 반동이 크고 체공 시간이 길어 보여, 정점 근처에서 프레임이 촘촘해집니다. 여기서 ‘짧고 무겁게’ 혹은 ‘길고 가볍게’라는 느낌은 초 단위 정확한 측정값이 아니라, 이러한 프레임 조정 원리들이 시각적으로 결합될 때 발생하는 인지적 효과입니다. 애니메이션 연습에서는 물리 공식을 대입해 계산하기보다, 이러한 간격 변화를 손으로 배치하며 ‘무게감’을 감각적으로 익히는 것이 훨씬 직접적입니다. 궤적 곡선을 복사하고 붙여넣기만 해도, 변형 강도와 프레임 간격을 제자리로 돌리지 않으면 재질이 뒤섞여 부자연스러워집니다.
이 원리는 인터페이스 디자인에서도 유사하게 적용됩니다. IxDF는 사용자가 구매 버튼을 누르도록 유도하기 위해 ‘스퀘시&스트레치’를 사용하여 버튼이 물리적으로 ‘눌릴 수 있다’는 감각적 단서를 제공하라고 조언합니다. 화면 속 버튼은 실제로 눌리지 않지만, 클릭 시 짧은 시간 동안 살짝 납작해졌다가 원래대로 돌아오는 변형 효과를 주면 사용자의 손끝 감각에 가까운 시각적 피드백이 생성됩니다. 다만 변형이 지나치면 사용자에게 불쾌감이나 혼란을 줄 수 있으므로, 제품의 목적과 전체적인 톤에 맞는 절제된 강도가 필요합니다.
결국 같은 궤적으로 움직여도 느낌이 다른 이유는 궤적의 차이가 아닙니다. 바닥에서 얼마나 넓게 퍼지느냐(변형 강도), 그리고 반동과 감속이 프레임에서 얼마나 급하냐(타이밍)가 핵심입니다. IxDF의 설명대로 고무공에는 스퀘시&스트레치가 ‘매우 뚜렷하게’, 볼링공에는 ‘매우 미묘하게’ 들어갑니다. 여기에 타이밍으로 가속과 감속의 빠르기를 조절하면, ‘kg’이라는 무게 단위를 단 한 글자도 쓰지 않고도 시청자에게 단단함과 가벼움을 명확하게 구분해 줄 수 있습니다.
