영상 튜토리얼: Figma 배너 내보내기에 Lottie 애니메이션 추가하기

Bannerify 플러그인으로 배너에 Lottie 파일 애니메이션을 추가하는 방법을 보여 주는 영상 튜토리얼이에요(영어).

Lottie 애니메이션은 LottieFiles.com에서 다양한 애니메이션을 둘러보고 고를 수 있어요. After Effects 플러그인으로 직접 만들었다면 .json 파일을 LottieFiles 웹사이트에 비공개 애니메이션으로 업로드한 다음, 같은 방법으로 애니메이션의 URL 링크를 복사해 Bannerify에서 사용하세요.

기본적으로 Lottie 애니메이션은 자동으로 반복되지만, 필요하면 Loop Embed 토글을 꺼서 바꿀 수 있어요.

레이어에서 Lottie 애니메이션을 제거하려면 Settings 아이콘 버튼을 다시 클릭하고 Lottie 임베드 입력 필드에서 URL을 지우세요.

Lottie 파일 URL 일괄 적용하기 다른 레이어 설정과 마찬가지로 일괄 적용 기능으로 Lottie 파일 URL 설정을 여러 레이어에 한 번에 적용할 수도 있어요.

동영상/GIF 내보내기의 복잡한 시각 효과와 마스크. Bannerify에서 Lottie 파일이 들어 있는 배너를 동영상이나 GIF로 내보낼 때, 일부 Lottie 파일에 포함된 특수 효과, 마스크, 스타일은 HTML 내보내기에서처럼 지원되지 않아요.

일부 광고 플랫폼은 Lottie 애니메이션 사용을 막아요. Lottie 파일이 들어 있는 배너를 Google Ads 같은 광고 플랫폼용 HTML로 내보내는 경우, 일부 플랫폼은 Lottie 같은 서드파티 JavaScript 라이브러리를 허용하지 않기 때문에 배너를 업로드할 수 없어요.