# SVG에 애니메이션 적용
SVG에 모션 프리셋을 적용하고 미리 본 뒤 Canva에 추가하세요.

정적인 벡터 아트워크에 모션 프리셋을 적용해 가벼운 애니메이션으로 만들어 보세요.

## SVG 준비

깔끔한 벡터 패스와 단순한 그룹 구조를 사용하세요. 래스터 이미지를 포함하는 `<image>` 요소는 SVG 가져오기에서 지원되지 않습니다.

## 모션 적용

1. **Import**를 엽니다.
2. SVG 파일을 업로드합니다.
3. 모션 프리셋을 선택합니다.
4. 결과를 미리 봅니다.
5. 방향이나 타이밍이 디자인과 어울리지 않으면 다른 프리셋을 시도합니다.

<Image src="https://assets.docs.lottiefiles.com/static/3dbf0efa0d-640.webp" alt="Canva에서 SVG에 적용한 모션 프리셋" caption="Canva에서 SVG에 적용한 모션 프리셋" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/3dbf0efa0d-640.webp 640w, https://assets.docs.lottiefiles.com/static/3dbf0efa0d-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/3dbf0efa0d-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAhklEQVR4nEXMMQuCQABAYX9AYw0NRiY5nEkUUURrw+nplJYuXemt7rX0y4sXXmDr4+M5admgKoNsn8j2xbF+oEqD7Zf646SVITnfCaINI3fKJFgQFzey6od64Achg/EQdzYnyTVdt6CTcaER0RbfE3i+QOb6f+jBcodY7wlXB+TpaoEqm/cXLcxKRhASjysAAAAASUVORK5CYII=" />

앱이 업데이트되면서 제공되는 프리셋이 달라질 수 있습니다. 이름만 보고 결정하기보다 결과를 직접 미리 본 뒤 선택하세요.

## Canva에 추가

결과가 준비되면 **Add to design**을 클릭합니다. Canva 캔버스 컨트롤로 위치와 크기를 조정하세요.

## Lottie Creator에서 다듬기

프리셋을 적용한 뒤 타이밍, 이징, 레이어 또는 개별 키프레임까지 바꾸고 싶다면 **Open in Creator**를 선택하세요. Lottie Creator에서 편집한 결과를 저장한 뒤 Workspace를 통해 Canva로 돌아옵니다.

## 문제 해결

- **SVG를 가져올 수 없음** - 포함된 이미지, 외부 참조 또는 지원되지 않는 마크업을 제거하고 다시 시도하세요.
- **아트워크 일부가 보이지 않음** - 가져오기 전에 지원되지 않는 효과를 벡터 패스로 변환하세요.
- **프리셋이 디자인과 어울리지 않음** - 다른 프리셋을 시도하거나 Creator에서 애니메이션을 다듬으세요.

## 관련 문서

- [애니메이션 가져오기](/ko/integrations/canva/02_find-animations/importing-an-animation)
- [Lottie Creator에서 편집](/ko/integrations/canva/03_customize/editing-in-lottie-creator)