로티(Lottie) 애니메이션을 PDF에 넣는 방법

PDF 문서에 로티(Lottie) 애니메이션을 넣을 수 있습니다. FeatPaper 모션 에디터의 EMBED 탭에 LottieFiles의 lottie.host 임베드 링크를 붙여넣으면, 페이지 위에서 아이콘·일러스트 애니메이션이 움직입니다. 다른 임베드와 달리 모바일에서도 카드 없이 페이지 안에서 바로 재생됩니다.

이럴 때 쓰세요

제품 소개서 표지나 기능 페이지에 움직이는 아이콘·일러스트를 얹을 때
브랜드 가이드 PDF에 로고 모션을 보여 줄 때
제안서의 단계 설명에 흐름을 보여 주는 애니메이션을 넣을 때
GIF보다 선명하고 가벼운 움직임이 필요할 때

링크 준비하기

로티는 lottie.host 임베드 주소만 받습니다. LottieFiles 웹사이트의 애니메이션 페이지 주소는 넣을 수 없습니다.

https://lottie.host/embed/XXXXXXXX/<이름>.json
https://lottie.host/embed/XXXXXXXX/<이름>.lottie

LottieFiles에서 넣을 애니메이션을 엽니다.
핸드오프·임베드 메뉴에서 Asset link 또는 임베드 URL을 찾습니다.
https://lottie.host/embed/…로 시작하는 주소를 복사합니다.
메뉴 위치는 아래 공식 가이드를 참고하세요.

FeatPaper에 넣기

로티 링크가 준비됐다면 모션 에디터에서 EMBED 탭으로 넣습니다. 편집 권한이 있는 관리자만 할 수 있습니다.

콘텐츠 탭에서 모션 에디터 열기

문서 상세의 콘텐츠 탭에서 영상·링크 추가 카드를 누르면 전체 화면 에디터가 열립니다.

로티를 넣을 페이지 고르기

왼쪽 사이드바에서 로티를 보여 줄 페이지를 클릭합니다.

EMBED 탭에 링크 붙여넣기

위쪽 도구 막대에서 EMBED 를 누르고 임베드 링크 입력 칸에 링크를 붙여넣은 뒤 추가 를 누릅니다. iframe 코드를 통째로 붙여넣어도 src="…" 주소만 뽑아서 씁니다.

위치와 크기 맞추기

로티 영역은 페이지 너비의 50%, 16:9 비율로 가운데에 놓입니다. 드래그해서 옮기고 모서리 핸들로 크기를 바꿉니다. 비율이 고정돼 있지 않아 자유롭게 늘릴 수 있고, 필요하면 비율 고정 을 누릅니다. 배경이 투명한 애니메이션이 많으니 페이지 디자인에 맞춰 크기를 줄여 얹어 보세요.

저장하고 나가기

오른쪽 위 SAVE & EXIT 를 누르면 저장됩니다.

열람인에게는 이렇게 보입니다

PC — 공유 링크로 연 열람 화면에서 애니메이션이 페이지 위에서 바로 재생됩니다.
모바일 — 다른 임베드와 달리 카드로 가리지 않고 페이지 안에서 바로 애니메이션이 재생됩니다.
PDF로 받았을 때 — PDF 안에서는 로티가 재생·동작하지 않습니다. 그 자리에 애니메이션의 한 장면(썸네일)이 들어가고, 누르면 열람 화면의 해당 페이지로 이동합니다. 페이지 오른쪽 아래에는 QR 코드가 붙습니다(문서의 QR 설정을 꺼 두면 붙지 않습니다).

이런 점은 미리 알아 두세요

로티 같은 EMBED는 어느 플랜에서나 쓸 수 있고, 문서당 영상·GIF 개수에 포함되지 않으며 용량 제한도 없습니다. 개수 한도(Starter 3개 / Pro 5개 / Business 무제한)는 직접 올린 영상 파일과 GIF에만 적용됩니다.
에디터는 링크 형식만 검사합니다. 실제로 내용이 보일지는 로티의 공유 설정에 달려 있으니, 저장 후 공유 링크로 한 번 열어 확인하세요.
문서를 새 버전으로 업데이트하면 모션이 자동으로 옮겨지지 않습니다. 업데이트 후 에디터를 열 때 나오는 이전 버전의 모션컨텐츠를 복사하시겠습니까? 에서 복사하면 같은 페이지·같은 위치로 옮겨집니다.
에디터와 PDF에서는 애니메이션의 한 장면이 썸네일로 보입니다.
GIF 탭과 달리 로티 EMBED는 영상·GIF 개수 한도에 포함되지 않습니다.

자주 묻는 질문

링크를 넣었는데 '지원하지 않는 embed url 입니다'가 떠요

에디터가 받아들이는 링크 형식이 아니라는 뜻입니다. https://lottie.host/embed/XXXXXXXX/<이름>.json(또는 .lottie) 형태인지 확인하세요. lottiefiles.com 페이지 주소를 넣으면 이 오류가 납니다.

lottiefiles.com 주소는 왜 안 되나요?

그 주소는 애니메이션을 소개하는 웹페이지입니다. 페이지에 얹으려면 애니메이션 파일을 가리키는 lottie.host 임베드 주소가 필요합니다.

GIF로 넣는 것과 무엇이 다른가요?

GIF는 직접 올린 파일이라 문서당 개수 한도(Starter 3개 / Pro 5개)에 포함되고 용량 제한이 있습니다. 로티 EMBED는 개수·용량 제한이 없습니다.

모바일에서는 어떻게 보이나요?

로티는 모바일에서도 카드 없이 페이지 안에서 바로 재생됩니다. 다른 임베드처럼 눌러서 전체 화면으로 열 필요가 없습니다.

PDF로 받으면 어떻게 되나요?

PDF에서는 로티가 동작하지 않아 애니메이션의 한 장면(썸네일)로 바뀝니다. 그 장면을 누르거나 페이지 오른쪽 아래 QR 코드를 찍으면 열람 화면의 그 페이지로 연결됩니다.

공식 가이드

핸드오프 · 임베드 (영문)

핵심 정리

로티는 EMBED 탭에 lottie.host/embed/…json|.lottie 주소로만 넣습니다.
lottiefiles.com 페이지 주소는 거부됩니다.
모바일에서도 페이지 안에서 바로 재생되고, PDF에는 한 장면 + QR 코드가 들어갑니다.
EMBED는 모든 플랜에서 개수·용량 제한 없이 씁니다.

더 알아보기

모션으로 넣을 수 있는 요소 총정리

영상·폼·예약·지도 등 넣을 수 있는 모든 요소를 한 번에 봅니다.

모션 효과 추가하기

모션 에디터 전체 사용법과 VIDEO·LINK·NAV·DOCS를 봅니다.

캔바(Canva)를 PDF에 넣는 방법

캔바 디자인을 통째로 넣는 방법입니다.

아케이드(Arcade) 데모를 PDF에 넣는 방법

클릭형 제품 데모를 넣습니다.