← 최신 논문
💻 computer science

LiveSVG: Zero-Shot SVG Animation via Video Generation

LiveSVG 는 이미지-비디오 확산 모델로 생성된 목표 비디오에 벡터 기하학을 적합시켜 편집 가능한 SVG 애니메이션을 생성하는 제로샷 프레임워크로, 이진 레벨 모션 표현과 새로운 재색화 전략을 활용하여 스켈레톤이나 카테고리별 사전 지식이 필요 없이 복잡한 프롬프트 정렬 변형을 달성합니다.

원저자: Matan Levy, Ran Margolin, Bar Cavia, Dvir Samuel, Yael Pritch, Shmuel Peleg, Alex Rav Acha, Ariel Shamir, Dani Lischinski

게시일 2026-05-29
📖 3 분 읽기☕ 가벼운 읽기

원저자: Matan Levy, Ran Margolin, Bar Cavia, Dvir Samuel, Yael Pritch, Shmuel Peleg, Alex Rav Acha, Ariel Shamir, Dani Lischinski

원본 논문은 CC BY 4.0 (http://creativecommons.org/licenses/by/4.0/) 라이선스로 제공됩니다. 이것은 아래 논문에 대한 AI 생성 설명입니다. 저자가 작성하거나 승인한 것이 아닙니다. 기술적 정확성을 위해서는 원본 논문을 참조하세요. 전체 면책 조항 읽기

상상해 보세요. 디지털 "스티커"(벡터 로고나 만화 캐릭터와 같은) 로 만들어진 아름답고 정적인 그림이 있다고 가정해 봅시다. 당신은 이를 움직이게 하고 싶지만, 애니메이터를 고용하여 프레임마다 모든 곡선과 선을 수동으로 드래그하고 싶지는 않습니다. 이것이 바로 LiveSVG가 해결하는 문제입니다.

다음은 간단한 비유를 통해 설명한 작동 원리입니다:

큰 아이디어: "먼저 영화, 그다음 인형"

이러한 그림을 애니메이션화하는 대부분의 구식 방식은 무대를 세우고 장면을 연기하는 동시에 영화 대본을 쓰는 것과 같습니다. 이는 매우 혼란스럽고, 배우 (컴퓨터) 가 혼란에 빠지면 모든 것이 무너집니다.

LiveSVG 는 작업을 두 가지 명확한 단계로 분리함으로써 게임의 규칙을 바꿉니다:

  1. 영화 만들기: 먼저 강력한 AI 비디오 생성기를 사용하여 그림이 움직일 때 어떻게 보일지에 대한 짧고 미리 볼 수 있는 비디오를 생성합니다. 무거운 작업을 시작하기 전에 이 비디오를 보고 "좋아, 이거야"라고 하거나 "아니, 다시 해봐"라고 말할 수 있습니다.
  2. 인형 맞추기: 완벽한 비디오를 얻으면, LiveSVG 는 원래의 정적인 그림을 가져와 "관절"을 늘리고, 비틀고, 움직여 프레임마다 비디오와 완벽하게 일치하도록 만듭니다.

세 가지 비밀 비법

그림이 무너지거나 기괴해지지 않고 이를 가능하게 하기 위해 연구자들은 세 가지 영리한 비법을 고안했습니다:

1. "색상 코딩" 비법 (구 포장 재색칠)

  • 문제: 그림에 빨간 셔츠와 빨간 바지가 있다고 상상해 보세요. AI 가 셔츠를 움직이려고 시도하면, 둘 다 같은 색이기 때문에 "셔츠가 움직이는 건가, 아니면 바지가 움직이는 건가?"라고 혼란을 겪을 수 있습니다. 이로 인해 애니메이션에 결함이 생깁니다.
  • 해결: AI 가 무언가를 움직이기 전에 그림의 모든 부분을 매우 구별하기 쉬운 다른 색상 (네온 색상의 무지개) 으로 일시적으로 칠합니다. 이렇게 하면 컴퓨터가 "좋아, 네온-초록색 부분은 왼쪽으로 움직이고, 네온-분홍색 부분은 그대로 머물러 있어"라고 말하기가 매우 쉬워집니다.
  • 결과: 애니메이션이 완료되면 네온 색상을 원래의 빨간색과 파란색으로 다시 바꿉니다. 사용자는 무지개를 보지 못하지만, 수학은 완벽하게 작동했습니다.

2. "이중 단계 춤" (이중 단계 운동)

  • 문제: 캐릭터를 움직이는 것은 로봇처럼 몸 전체를 미는 것뿐만 아니라 인형처럼 손가락을 흔들는 것만도 아닙니다. 둘 다 필요합니다.
  • 해결: LiveSVG 는 두 단계의 춤을 사용합니다:
    • 1 단계 (그룹): 팔 전체나 머리처럼 큰 덩어리를 하나의 단위로 함께 움직입니다.
    • 2 단계 (세부 사항): 그런 다음 베지어 곡선과 같은 개별 선에 작고 유연한 흔들림을 추가하여 근육이 수축하거나 소매가 펄럭이는 것처럼 움직임을 유기적으로 만듭니다.
  • 결과: 애니메이션이 뻣뻣하거나 로봇 같지 않고 자연스럽고 유동적으로 느껴집니다.

3. "단계별" 걷기 (점진적 최적화)

  • 문제: 서 있는 자세에서 앉는 자세로 한 번에 점프하려고 하면 컴퓨터가 길을 잃고 "다리가 어디로 갔지?"라고 말할 수 있습니다.
  • 해결: 끝으로 점프하는 대신 LiveSVG 는 작은 걸음을 내딛습니다. 먼저 몇 프레임의 움직임을 계산한 후, 그 결과를 다음 몇 프레임의 시작점으로 사용하고, 이를 반복합니다.
  • 결과: 애니메이션이 매끄럽게 구축되어 캐릭터가 결코 "순간 이동"하거나 사라지지 않도록 보장합니다.

왜 이것이 나머지만큼 좋은가

이 논문은 LiveSVG 를 다른 방법들과 비교하여 두 가지 주요 장점을 발견했습니다:

  • 골격 불필요: 많은 다른 도구들은 캐릭터 내부에 먼저 뼈 (스켈레톤) 를 그려야 합니다. LiveSVG 는 그렇지 않습니다. 복잡한 객체가 많은 그림을 포함한 어떤 그림에서도 작동합니다.
  • 속도와 제어: 비디오를 먼저 생성하기 때문에 결과를 즉시 확인할 수 있습니다. 다른 방법들은 종종 백그라운드에서 몇 시간 동안 실행되며, 매우 마지막에야 결과를 볼 수 있습니다. 만약 마음에 들지 않으면 처음부터 다시 시작해야 합니다. LiveSVG 와는 비디오 프롬프트를 조정하고 즉시 다시 시도할 수 있습니다.

"ChallengeSVG" 테스트

연구자들은 또한 ChallengeSVG라는 더 어렵고 새로운 테스트를 만들었습니다. 이는 복잡한 장면 (혼잡한 배경, 많은 객체의 중첩, 까다로운 모양) 을 포함하는 "최종 시험"이라고 생각하세요. 이전 방법들은 이러한 테스트에서 실패했지만, LiveSVG 는 압도적인 성적으로 통과하여 단순한 만화가 아닌 실제 세계의 복잡성을 처리할 수 있음을 증명했습니다.

요약하자면: LiveSVG 는 감독 (사용자) 에게 먼저 스토리보드 (비디오) 를 제공하고, 그 다음 매우 똑똑한 인형극 연출가 (알고리즘) 가 그 스토리보드에 맞춰 줄을 어떻게 움직여야 할지 정확히 파악하도록 하는 것과 같습니다. 모든 과정은 먼저 골격을 만들 필요 없이 이루어집니다.

연구 분야의 논문에 파묻히고 계신가요?

연구 키워드에 맞는 최신 논문의 일일 다이제스트를 받아보세요 — 기술 요약 포함, 당신의 언어로.

Digest 사용해 보기 →