Background
LottieFiles

+

Adobe After Effects

Adobe After Effects 플러그인으로 만나는 감각적인 모션 애니메이션

Adobe After Effects 플러그인으로 만나는 감각적인 모션 애니메이션

간편하게 애니메이션을 Lottie JSON 및 dotLottie로 내보내고 테스트, 미리보기 및 웹 사이트, 앱 및 기타 플랫폼 전반에 걸쳐 Lottie 애니메이션을 구현할 수 있습니다.

간편하게 애니메이션을 Lottie JSON 및 dotLottie로 내보내고 테스트, 미리보기 및 웹 사이트, 앱 및 기타 플랫폼 전반에 걸쳐 Lottie 애니메이션을 구현할 수 있습니다.

또는 ZXP 형식으로 다운로드하거나 플러그인을 설치하려면 Mac / Windows용 ZXP Installer를 사용하세요. (aescripts.com)

또는 ZXP 형식으로 다운로드하거나 플러그인을 설치하려면 Mac / Windows용 ZXP Installer를 사용하세요. (aescripts.com)

After Effects용 LottieFiles 플러그인:

Lottie 애니메이션 제작 및 협업을 위한 완벽한 도구

After Effects용 LottieFiles 플러그인:

Lottie 애니메이션 제작 및 협업을 위한 완벽한 도구

NEW

Import a Lottie to After Effects

Import a Lottie to After Effects

Figma에서 바로 사용가능한 Lottie 애니메이션을 만들어 보세요. Figma to Lottie 기능을 사용하면 Figma 내에서 손쉽게 매력적인 애니메이션을 만들고 Lottie로 내보낼 수 있습니다.
애니메이션 프리셋을 사용하거나 여러 프레임을 연결하여 애니메이션을 만들어보세요.

Export Lottie from After Effects

Export your animations from Adobe After Effects to Lottie, the small yet versatile animation format.

Optimize your animations with Lottie Optimizer

We're all about 'Tiny but Mighty'! Our Lottie Optimizer further reduces your file sizes with no compromise to quality.

Optimize your animations with Lottie Optimizer

We're all about 'Tiny but Mighty'! Our Lottie Optimizer further reduces your file sizes with no compromise to quality.

Bulk render animations as Lottie

Bulk render multiple compositions as Lottie animations and save them to your team's workspace.

Bulk render animations as Lottie

Bulk render multiple compositions as Lottie animations and save them to your team's workspace.

Use Lottie Feature Checker to test compatibility

Check which Lottie features are used in your animations, and whether they’ll play across different platforms like web, Android and iOS.

Use Lottie Feature Checker to test compatibility

Check which Lottie features are used in your animations, and whether they’ll play across different platforms like web, Android and iOS.

Save your animations to your team's library

Once rendered, seamlessly save your animations to your workspaces for quick and easy collaboration with your team.

Preview your animations instantly

Preview how your animations play across web and mobile in real-time as you continue to edit them.

Preview your animations instantly

Preview how your animations play across web and mobile in real-time as you continue to edit them.

Made with After Effects

Made with
After Effects

Figma 디자인을 Lottie 애니메이션으로 만들고, 웹사이트나 앱에서 활용해 보세요. Figma내에서 플러그인을 활용하면 세계 최대의 Lottie 애니메이션 라이브러리에 쉽게 접근할 수 있습니다.

Figma 디자인을 Lottie 애니메이션으로 만들고, 웹사이트나 앱에서 활용해 보세요. Figma내에서 플러그인을 활용하면 세계 최대의 Lottie 애니메이션 라이브러리에 쉽게 접근할 수 있습니다.

3가지 단계로 쉽게 시작해 보세요

3가지 단계로 쉽게 시작해 보세요

Step 1

플러그인 다운로드하기

또는 ZXP 형식으로 다운로드하거나 플러그인을 설치하려면 Mac / Windows용 ZXP Installer를 사용하세요. (aescripts.com)

또는 ZXP 형식으로 다운로드하거나 플러그인을 설치하려면 Mac / Windows용 ZXP Installer를 사용하세요. (aescripts.com)

Step 2

설치 가이드 읽어보기

Step 3

즐겁게 애니메이션을 제작하세요 🥳

AE 플러그인에서 제공하는 수많은 멋진 기능들

AE 플러그인에서 제공하는 수많은 멋진 기능들

배경 색상 커스터마이징

§애니메이션에 다양한 배경 색상을 적용해 미리 볼 수 있어요.

QR 스캔 및 미리 보기

QR 스캔 및 미리 보기

LottieFiles 모바일 앱으로 애니메이션을 스캔해 기기에서 미리 볼 수 있어요.

렌더링 그래프

렌더링 그래프

애니메이션을 최적화해 CPU 사용률을 낮추세요.

업로드와 공유를 한 번에

업로드와 공유를 한 번에

한 번의 클릭으로 애니메이션을 업로드하고 공유할 수 있어요.

파일 용량을 빠르게 확인하기

파일을 미리 보기할 때 파일 용량을 확인할 수 있어요.

dotLottie 내보내기 지원

애니메이션을 혁신적으로 작은 사이즈의 dotLottie 형식으로 내보낼 수 있습니다.

개별 폴더 접속기능

플러그인 내에서 개인용 애니메이션을 바로 이용하세요.

지원되는 기능

지원되는 기능

Shapes

Fills

Strokes

Transform

Interpolations

Masks

Matte

Merge Paths

Layer Effects

Text

Others

dotLottie Player

Android

iOS

Windows

Web (SVG)

Web (Canvas)

Web (HTML)

Shape

Ellipse

Rectangle

Rectangle

Polystar

Group

Repeater

Trim Path (individually)

Trim Path (simultaneously)

Offset Path

Shapes

Fills

Strokes

Transform

Interpolations

Masks

Matte

Merge Paths

Layer Effects

Text

Others

dotLottie Player

Android

iOS

Windows

Web (SVG)

Web (Canvas)

Web (HTML)

Shape

Ellipse

Rectangle

Rectangle

Polystar

Group

Repeater

Trim Path (individually)

Trim Path (simultaneously)

Offset Path

지원되는 기능

시작하기

시작하기

플러그인 다운로드 및 설치하기

플러그인 다운로드 및 설치하기

Adobe Exchange에서 다운로드하거나 aescripts 또는 ZXP 형식으로 다운로드한 후 설치 안내에 따라 설치합니다.

Adobe Exchange에서 다운로드하거나 aescripts 또는 ZXP 형식으로 다운로드한 후 설치 안내에 따라 설치합니다.

플러그인 내에서 LottieFiles 계정에 로그인하기

플러그인 내에서 LottieFiles 계정에 로그인하기

로그인하면 계정의 모든 개인용 및 공개용 애니메이션 파일을 동기화할 수 있어요.

로그인하면 계정의 모든 개인용 및 공개용 애니메이션 파일을 동기화할 수 있어요.

애니메이션 바로 미리 보기

애니메이션 바로 미리 보기

Adobe After Effects에서 바로 애니메이션이 의도한 대로 재생되는지 확인하세요.

Adobe After Effects에서 바로 애니메이션이 의도한 대로 재생되는지 확인하세요.

웹 및 모바일 기기에서 테스트하기

웹 및 모바일 기기에서 테스트하기

Lottie 애니메이션을 웹뿐만 아니라 모든 모바일 기기에서도 미리 볼 수 있어요.

Lottie 애니메이션을 웹뿐만 아니라 모든 모바일 기기에서도 미리 볼 수 있어요.

자주하는 질문

자주하는 질문

Lottie 가 뭐에요?

Lottie는 JSON 기반의 애니메이션 파일이에요. 디자이너는 Lottie를 통해 애니메이션을 이미지만큼 쉽게 옮길 수 있습니다. 용량이 작지만 어떤 기기에서나 작동하고, 크기를 자유롭게 조정해도 해상도가 낮아지지 않는 장점을 가지고 있습니다.

Lottie 가 뭐에요?

Lottie는 JSON 기반의 애니메이션 파일이에요. 디자이너는 Lottie를 통해 애니메이션을 이미지만큼 쉽게 옮길 수 있습니다. 용량이 작지만 어떤 기기에서나 작동하고, 크기를 자유롭게 조정해도 해상도가 낮아지지 않는 장점을 가지고 있습니다.

LottieFiles 플러그인의 기능은 무엇인가요?

LottieFiles 플러그인의 기능은 무엇인가요?

LottieFiles 플러그인과 Bodymovin 플러그인은 어떻게 다른가요?

LottieFiles 플러그인과 Bodymovin 플러그인은 어떻게 다른가요?

플러그인으로 애니메이션을 내보낼 수 있는 파일 형식은 무엇인가요?

플러그인으로 애니메이션을 내보낼 수 있는 파일 형식은 무엇인가요?

로티 옵티마이저란 무엇인가요? 어떻게 작동하나요?

로티 옵티마이저란 무엇인가요? 어떻게 작동하나요?

플러그인을 사용하려면 로그인해야 하나요?

플러그인을 사용하려면 로그인해야 하나요?

플러그인으로 내보낼 수 있는 형식은 무엇인가요?

플러그인으로 내보낼 수 있는 형식은 무엇인가요?

플러그인의 미리 보기 탭은 어떤 기능을 하나요?

플러그인의 미리 보기 탭은 어떤 기능을 하나요?

애니메이션이 재생되지 않고 '렌더링' 중 멈췄어요.

애니메이션이 재생되지 않고 '렌더링' 중 멈췄어요.

Lottie로 멋진 마법을 부릴 준비되셨나요?

Lottie로 멋진 마법을 부릴 준비되셨나요?

또는 ZXP 형식으로 다운로드하거나 플러그인을 설치하려면 Mac / Windows용 ZXP Installer를 사용하세요. (aescripts.com)

또는 ZXP 형식으로 다운로드하거나 플러그인을 설치하려면 Mac / Windows용 ZXP Installer를 사용하세요. (aescripts.com)