2025년 9월 18일

3D 타임라인 애니메이션 출시

Spline의 타임라인 애니메이션으로 부드러운 키프레임 기반 모션을 만들어 3D 디자인에 생명을 불어넣으세요.

Spline의 모션 디자인을 넓히기 위한 노력을 이어 가는 최신 업데이트, 타임라인 애니메이션을 소개하게 되어 기쁩니다.

이 새 기능으로 동영상 내보내기와 인터랙티브 경험 모두를 위한 부드러운 키프레임 기반 모션을 Spline 에디터 안에서 만들 수 있습니다.

상태와 키프레임 기반 애니메이션

원래 Spline에서는 상태 기반 시스템으로 애니메이션을 만들었습니다. 오브젝트마다 여러 상태를 만들고, 이벤트와 트랜지션 액션으로 상태 사이를 전환하는 방식이었죠.

우리는 지금도 이 시스템을 깊이 신뢰합니다. 사용하기 쉽고 설정도 간단합니다. 오브젝트를 A에서 B로, 다시 C로 연속된 트랜지션으로 움직이면 됩니다. 하지만 더 복잡한 모션에서 여러 오브젝트의 상태 트랜지션 타이밍을 제어하기에는 한계가 있습니다.

이제 타임라인으로 더 정밀하게 제어하며 애니메이션을 만들 수 있습니다. 트랜지션이 가로 타임라인 위에 펼쳐져 있어 타이밍을 더 세밀하게 조정할 수 있습니다. 이 새로운 방식은 상태 위에 구축되어 Spline의 애니메이션 기능을 확장합니다.

Spline 타임라인의 키프레임 시연

부드러운 모션과 세밀한 제어를 위한 그래프 에디터

내장 그래프 에디터로 이징과 속도를 제어할 수 있어, 선형 트랜지션을 넘어 자연스럽고 부드럽거나 역동적인 모션을 만들 수 있습니다.

Spline의 커브 기반 타임라인 애니메이션 시연

이벤트와 인터랙션

상태와 마찬가지로 타임라인 기반 애니메이션도 Spline의 이벤트 시스템에 연결할 수 있어, 사용자 동작이나 조건부 로직으로 모션을 트리거할 수 있습니다. 사용자가 씬과 상호작용하는 방식에 역동적으로 반응하는 인터랙티브 타임라인을 만들 수 있습니다.

위치, 회전, 스케일, 크기, 머티리얼, 클로너, 경로 돌출 등 오브젝트의 모든 속성에 애니메이션을 적용할 수 있습니다. 뷰포트나 속성 패널에서 조정하는 대로 키프레임이 자동으로 기록되어, 워크플로가 매끄럽고 비파괴적으로 유지됩니다.

마우스를 올리거나 터치해 상호작용해 보세요 (Spline 타임라인으로 만든 경험)

여러 타임라인

한 프로젝트 안에 여러 타임라인을 만들 수 있습니다. 모션을 깔끔한 트랙으로 나누거나, 같은 오브젝트에 여러 상태를 만들거나, 복잡한 씬의 애니메이션을 정리할 수 있습니다.

타임라인이 여러 개면 인터랙션에 따라 다른 모션을 트리거하기도 쉬워집니다. 예를 들어 한 타임라인은 오브젝트의 등장 애니메이션을 정의하고, 다른 타임라인은 클릭했을 때의 반응을 제어할 수 있습니다.

타임라인으로 애니메이션을 적용한 3D 경로와 카메라

동영상 내보내기

타임라인은 인터랙티브 프로젝트에만 쓰이는 것이 아닙니다. Spline에서 바로 애니메이션을 고품질 동영상으로 내보낼 수도 있습니다. 렌더링할 타임라인을 선택하고, 길이, 프레임 레이트, 해상도를 조정해 프레젠테이션, 마케팅 캠페인, 반복 재생 콘텐츠에 바로 쓸 수 있는 동영상을 만드세요.

이렇게 두 가지 방식을 모두 지원하므로 타임라인은 인터랙티브 워크플로와 전통적인 모션 디자인 워크플로 모두에 유용합니다.