트위닝(Tweening)

트위닝(Tweening)이란?

트위닝은 애니메이션이 두 키 포즈 사이의 매끄러운 프레임을 만드는 방식입니다. 전통적인 애니메이션에서는 손으로 그리고, 소프트웨어에서는 자동으로 계산하여, 모션이 한 위치에서 다른 위치로 건너뛰는 대신 유려하게 보이게 합니다.

한눈에 보기

다른 이름
인비트위닝보간모션 트위닝키프레임 보간
주요 용도
정의된 키프레임 사이의 중간 애니메이션 프레임을 자동으로 생성하기디지털 애니메이션에서 시작과 끝 상태 사이의 매끄럽고 유려한 모션 만들기이징 커브를 통해 애니메이션 요소가 가속·감속하는 방식 제어하기AI 영상 모델이 트랜스포메이션 샷에서 시각 상태를 어떻게 보간하는지 이해하기
Key features
보간 알고리즘을 사용해 키프레임 사이의 중간 프레임을 계산함이징 제어(리니어, 이즈 인, 이즈 아웃, 이즈 인 아웃)가 모션 성격을 형성함이즈 인 아웃이 가장 유기적이고 물리적으로 신뢰할 만한 모션 품질을 만듦AI 모델이 중간 트랜스포메이션 프레임을 생성하는 방식과 개념적으로 유사함

지금 만들어 볼까요?

장면을 연출하고, 캐릭터를 디자인하고, 한 편의 영화까지 완성하세요

단순하고 투명한 요금제, 속도 제한 없음, 무한한 Canvas로 창의력을 극대화하는 올인원 AI 크리에이티브 플랫폼.

Morphic 체험하기
다른 개념과의 비교

다른 개념과의 비교

Compared with related concepts

트위닝은 보간이라는 원리로 컷 또는 프레임 단위 애니메이션과 구별됩니다. 트위닝은 정의된 끝점으로부터 중간 상태를 자동으로 계산하는 반면, 프레임 단위 애니메이션은 모든 단일 프레임을 독립적으로 정의합니다. 프레임 단위 애니메이션은 모든 중간 위치에 대한 완전한 예술적 제어를 허용합니다. 애니메이터가 각 프레임의 특정 포즈, 타이밍의 불규칙성, 물리적 표현력을 개별적으로 만들 수 있습니다. 트위닝은 이 제어를 효율과 맞바꿔, 키프레임 사이의 경로를 알고리즘으로 계산합니다. 고품질 캐릭터 애니메이션은 흔히 두 접근을 결합합니다. 키 포즈와 중요한 브레이크다운 프레임은 수작업으로 정의하고 덜 결정적인 중간 모션은 소프트웨어의 트윈이 처리하며, 애니메이터가 기계적으로 보이는 모션을 바로잡기 위해 이징 커브를 다듬습니다.

이렇게 생각해 보세요…

각 시퀀스에서 첫 번째와 마지막 드로잉만 완성되고 그 사이의 모든 페이지는 비어 있는 플립 북을 떠올려 보세요. 트위닝은 첫 번째에서 마지막으로의 매끄러운 모션을 만들기 위해 그 빈 페이지를 채우는 과정입니다. 전통적인 애니메이션에서는 주니어 아티스트가 각 페이지를 손으로 그렸고, 디지털 애니메이션에서는 소프트웨어가 두 완성된 드로잉 사이의 수학적 경로에 근거해 각 중간 페이지가 어떻게 보여야 하는지를 계산합니다. 그 중간 페이지의 품질, 즉 모션이 자연스럽게 이징되는지 일정한 속도로 움직이는지가, 결과로 얻어지는 애니메이션이 살아 있고 물리적으로 느껴지는지 아니면 기계적이고 경직되어 느껴지는지를 결정합니다.

프로 팁

애니메이션 트윈에 이징을 적용할 때, 모든 것에 소프트웨어의 기본 리니어 보간이나 균일한 이즈 프리셋을 사용하려는 유혹에 저항하세요. 애니메이션된 무빙이 전달해야 할 물리적 또는 정서적 품질을 살펴보세요. 멈추는 무거운 사물은 강한 이즈 아웃 감속이 필요하고, 액션으로 튀어 오르는 캐릭터는 이즈 인 가속이 필요하며, 제자리로 스냅되는 UI 요소는 다시 정착하는 짧은 이즈 아웃 오버슈트를 원할 수 있어 미묘한 팔로우 스루를 통해 반응성을 전달합니다. 각 애니메이션 요소마다 이징 커브를 개별적으로 조정하는 데 시간을 들이는 것은 디지털 애니메이션에서 활용 가능한 가장 효과 대비 큰 품질 개선 중 하나로, 기계적 모션을 물리적 현존으로 변모시킵니다.

유형과 변형

  • 트위닝은 보간되는 속성과 소프트웨어 맥락에 따라 여러 형태를 띱니다.
  • 모션 트위닝은 요소의 공간 위치를 보간하여, 한 위치에서 다른 위치로의 움직임을 만들어 냅니다.
  • 벡터 애니메이션 도구에서 볼 수 있는 셰이프 트위닝은 정의된 두 형태 사이의 벡터 경로 형태를 보간하여, 한 형태를 다른 형태로 매끄럽게 모핑합니다.
  • 컬러 트위닝은 시간에 걸쳐 컬러 값을 보간하여, 요소의 채움이나 윤곽 색상을 키프레임 사이에서 전이시킵니다.
  • 스케일 트위닝과 로테이션 트위닝은 각각 크기와 방향을 보간합니다.
  • 대부분의 애니메이션 소프트웨어는 이 모두를 결합하여 같은 요소에 동시에 적용할 수 있게 하여, 사물이 키프레임 사이에서 동시에 이동하고 회전하고 크기를 바꾸고 색상을 바꾸는 복합 애니메이션 무빙을 만들어 냅니다.
  • 3D 애니메이션에서는 같은 원리가 캐릭터의 리깅된 골격으로 확장되어, 관절 위치와 회전이 키프레임 포즈 사이에서 보간되어 캐릭터 모션을 만들어 냅니다.
  • 3D의 카메라 애니메이션도 정의된 카메라 위치 사이의 매끄러운 전환을 위해 트위닝을 사용합니다.

Morphic에서 첫 장면을 만들어 볼까요?

Morphic 체험하기

주요 활용 사례

  • 트위닝은 모션 그래픽과 UI 애니메이션부터 장편 영화 캐릭터 애니메이션과 게임 컷신에 이르기까지, 사실상 모든 디지털 애니메이션 제작의 기저 과정입니다.
  • 모션 그래픽과 방송 디자인에서 트위닝은 텍스트, 로고 리빌, 그래픽 요소를 통제된 이징으로 애니메이션하여 애니메이션에 무게감과 완성도를 줍니다.
  • 캐릭터 애니메이션에서 트위닝은 애니메이터가 설정한 키프레임 포즈 사이의 모션을 처리하며, 이징 커브의 품질이 캐릭터가 얼마나 자연스럽게 움직여 보이는지를 결정합니다.
  • UI와 앱 디자인에서 마이크로 애니메이션 트위닝은 인터페이스 요소가 나타나고 사라지고 전이되는 방식을 반응적이고 자연스럽게 느껴지도록 다스립니다.
  • AI 영상 생성에서 트위닝을 이해하는 것은 트랜스포메이션 샷, 모핑 효과, 그리고 정의된 상태 사이의 매끄러운 모션이 목표인 모든 생성을 어떻게 프롬프트할지에 정보를 줍니다.
  • 일반적인 애니메이션 트위닝을 다스리는 시작 상태, 끝 상태, 모션 품질이라는 동일한 개념적 어휘를 적용하는 것입니다.

지금 만들어 볼까요?

장면을 연출하고, 캐릭터를 디자인하고, 한 편의 영화까지 완성하세요

단순하고 투명한 요금제, 속도 제한 없음, 무한한 Canvas로 창의력을 극대화하는 올인원 AI 크리에이티브 플랫폼.

Morphic 체험하기

FAQ

애니메이션에서 트위닝이란 무엇인가요?
인비트위닝의 축약형인 트위닝은 매끄러운 모션의 환영을 만들기 위해 애니메이션에서 정의된 두 키프레임 사이의 프레임을 생성하는 과정입니다. 전통적인 손그림 애니메이션에서는 주니어 애니메이터가 수행하는 수작업이었고, 디지털 애니메이션에서는 보간 알고리즘을 사용하는 소프트웨어가 자동으로 계산합니다. 애니메이터가 키프레임에서 무빙의 시작 상태와 끝 상태를 정의하면, 트윈이 정의된 지점 사이의 매끄러운 모션을 만들기 위해 모든 중간 위치, 회전, 스케일, 그 밖의 속성을 채워 넣습니다.
리니어 트위닝과 이징된 트위닝의 차이는 무엇인가요?
리니어 트위닝은 가속이나 감속 없이 일정한 속도로 시작에서 끝까지 요소를 이동시켜, 기술적으로는 맞지만 흔히 기계적이고 부자연스러워 보이는 모션을 만들어 냅니다. 이징된 트위닝은 모션에 가속과 감속을 적용합니다. 이즈 인은 느리게 시작해 속도를 높이고, 이즈 아웃은 빠르게 시작해 끝 위치로 감속하며, 이즈 인 아웃은 둘을 결합해 정지 상태에서 가속하고 끝 포즈로 감속하는 모션을 만들어 냅니다. 이징된 모션은 질량을 가진 사물의 자연스러운 물리를 재현하기 때문에 유기적 피사체에 거의 항상 선호되며, 로봇 같은 것이 아니라 물리적으로 신뢰할 만한 것으로 읽히는 애니메이션을 만들어 냅니다.
이즈 인 아웃이란 무엇이며 왜 그렇게 흔히 사용되나요?
이즈 인 아웃은 애니메이션된 모션을 느리게 시작해 전환의 중간에서 최대 속도로 가속한 뒤 끝 키프레임으로 자연스럽게 감속하는 트위닝 보간 방식입니다. 이 패턴은 질량을 가진 물리적 사물이 실제로 움직이는 물리를 재현합니다. 관성을 천천히 극복하고, 최대 속도에 도달했다가, 목적지에 다가가며 감속합니다. 물리적으로 실재해야 하는 대부분의 애니메이션 사물은 이즈 인 아웃에서 이득을 보며, 그래서 가장 널리 사용되는 이징 방식이자 흔히 프로페셔널 애니메이션 소프트웨어의 기본값입니다. 프로페셔널 애니메이션을 기계적 모션과 구별하는 유기적이고 무게 있는 품질을 만들어 냅니다.
디지털 애니메이션 소프트웨어에서 트위닝은 어떻게 사용되나요?
디지털 애니메이션 소프트웨어에서 트위닝은 요소의 상태(위치, 회전, 스케일, 불투명도, 또는 그 밖의 속성)를 정의하고 싶은 지점에 키프레임을 설정함으로써 적용되며, 소프트웨어가 모든 중간 프레임을 자동으로 계산합니다. 대부분의 도구에서 이징은 애니메이션 커브 위의 베지에 핸들이나 이즈 인, 이즈 아웃, 이즈 인 아웃 같은 이름이 붙은 프리셋을 통해 제어됩니다. 그래프 에디터를 통해 더 고급 제어가 가능하며, 애니메이터는 정밀한 베지에 제어점으로 시간에 걸친 모든 속성의 속도 커브를 수작업으로 형성하여 표준 프리셋으로는 달성할 수 없는 커스텀 모션 품질을 만들어 낼 수 있습니다.
트위닝은 AI 영상 생성과 어떻게 관련되나요?
AI 영상 생성에서 트위닝의 개념은, 모델이 정의된 시각 상태 사이의 매끄러운 전환을 어떻게 생성하는지를 이해할 때 관련됩니다. 트랜스포메이션 샷, 모핑 효과, 그리고 클립이 한 상태에서 다른 상태로 이동하는 모든 생성이 그것입니다. 한 장면에서 다른 장면으로의 트랜스포메이션, 또는 단일 클립 안의 시각 스타일 전환을 프롬프트할 때, 모델은 자동화된 형태의 시각적 트위닝을 수행하고 있는 셈입니다. 시작과 끝 조건을 그럴듯하게 잇는 중간 상태를 생성하는 것입니다. 이 전환의 원하는 품질(매끄럽고 점진적으로, 자연스럽게 이징하며, 급격한 변화 없이)을 묘사하면, 이징 커브가 일반적인 애니메이션 트윈을 형성하는 것과 같은 방식으로, 중간 프레임이 어떻게 읽혀야 하는지에 대한 표현적 지침을 제공합니다.
셰이프 트위닝이란 무엇인가요?
셰이프 트위닝은 벡터 애니메이션 도구(가장 흔히 Adobe Animate)에 특화된 트위닝 유형으로, 정의된 두 형태 사이의 벡터 경로 형태를 보간하여 시간에 걸쳐 한 형태를 다른 형태로 모핑합니다. 요소를 공간을 통해 이동시키는 대신, 셰이프 트위닝은 그 윤곽을 바꿉니다. 원을 사각형으로 트윈하거나, 한 글자를 다른 글자로 모핑하거나, 복잡한 유기적 형태를 기하학적 형태로 변형할 수 있습니다. 소프트웨어는 시작과 끝 형태 사이에서 경로 제어점의 위치를 보간하여 중간 형태를 계산합니다. 셰이프 트위닝은 요소를 공간을 통해 이동시키는 모션 트위닝과 구별되지만, 둘 다 같은 요소에 동시에 적용될 수 있습니다.
트위닝과 애니메이션의 12원칙의 관계는 무엇인가요?
트위닝은 디즈니에서 발전된 애니메이션의 12원칙 중 여러 가지, 특히 슬로우 인·슬로우 아웃, 팔로우 스루, 앤티시페이션을 직접 구현합니다. 자연스러운 모션이 무빙의 시작과 끝에서 이징을 수반한다는 원칙인 슬로우 인·슬로우 아웃은 이즈 인 아웃 트위닝이 자동으로 계산하는 것입니다. 애니메이션된 캐릭터나 사물의 일부가 주된 액션이 멈춘 뒤에도 계속 움직이는 팔로우 스루는, 부차적 요소가 주된 모션보다 뒤처지게 하는 신중하게 타이밍된 트윈을 통해 달성될 수 있습니다. 캐릭터가 액션 전에 준비 동작을 하는 앤티시페이션은 키프레임으로 설정되며 트윈이 그것을 매끄럽게 통과해 이동시킵니다. 이 원칙들을 이해하면 트위닝 선택의 표현적 근거가 제공됩니다.
AI 영상 생성 도구를 사용하려면 트위닝을 이해해야 하나요?
직접적으로는 아닙니다. 트위닝은 전통 및 디지털 애니메이션의 기술적 개념으로, 대부분의 AI 영상 생성 인터페이스의 표면 아래에서 작동합니다. 다만 트위닝을 이해하는 것은 AI 생성에서 트랜스포메이션 샷과 모핑 효과를 다룰 때 유용한 맥락입니다. 여기서 모델은 사실상 정의된 상태 사이의 자동화된 시각적 보간을 수행하고 있습니다. 이러한 유형의 샷을 위한 프롬프트에 매끄럽고 점진적이고 이징하는 모션 품질의 어휘를 적용하면, 좋은 트위닝의 표현적 관심사(기계적인 일정 속도가 아니라 자연스러운 가속과 감속)를, 모델을 더 유기적이고 물리적으로 설득력 있는 전환으로 안내하는 프롬프트 언어로 옮기게 됩니다.
Can't find what you are looking for?
Contact us and let us know.
bg