SVG에 애니메이션 적용

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

SVG 준비

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

모션 적용

1. Import를 엽니다.

2. SVG 파일을 업로드합니다.

3. 모션 프리셋을 선택합니다.

4. 결과를 미리 봅니다.

5. 방향이나 타이밍이 디자인과 어울리지 않으면 다른 프리셋을 시도합니다.

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

Canva에 추가

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

Lottie Creator에서 다듬기

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

문제 해결

• SVG를 가져올 수 없음 - 포함된 이미지, 외부 참조 또는 지원되지 않는 마크업을 제거하고 다시 시도하세요.

• 아트워크 일부가 보이지 않음 - 가져오기 전에 지원되지 않는 효과를 벡터 패스로 변환하세요.

• 프리셋이 디자인과 어울리지 않음 - 다른 프리셋을 시도하거나 Creator에서 애니메이션을 다듬으세요.

관련 문서

• 애니메이션 가져오기

• Lottie Creator에서 편집