Lottie 호환성

After Effects에는 Lottie 형식이 지원하는 것보다 훨씬 많은 기능이 있습니다. 이 페이지는 어떤 AE 기능이 깔끔하게 변환되는지, 일부만 변환되는지, 우회 방법이 필요한지, 전혀 변환되지 않는지를 확인하는 기준 문서입니다.

호환성 범례

기능	지원	Notes
셰이프 레이어	✅	가장 깔끔한 경로입니다. 가능하면 벡터 셰이프 레이어를 사용하세요.
Solid 레이어	✅	—
텍스트 레이어s (basic)	✅	단일 스타일 텍스트와 표준 font는 변환됩니다.
텍스트 레이어s (advanced animators)	🟡	글자별 animator는 일부 지원됩니다. 복잡한 range selector는 누락될 수 있습니다. [needs testing]
Vector raster (Illustrator paste)	🔧	붙여넣은 Illustrator 아트워크를 Create > Create 셰이프 from Vector 레이어로 셰이프 레이어로 변환하세요.
래스터 이미지 레이어	✅	Image data가 Lottie JSON 안에 base64 PNG로 embedded되어 파일 크기가 커집니다.
Pre-composed (nested) compositions	✅	각 nested comp는 참조되는 에셋이 됩니다. 성능을 위해 불필요한 중첩은 피하세요.
Adjustment 레이어	❌	effect를 아래 레이어에 bake하거나 제거하세요. [needs testing]
3D 레이어 (Z position)	🟡	Z position은 반영되지만 Z에 따른 레이어 순서는 반영되지 않을 수 있습니다.
3D 레이어 (X/Y rotation)	🟡	제한적입니다. 복잡한 3D camera 상호작용은 렌더링되지 않습니다. [needs testing]
Camera 레이어	❌	대신 2D scale/position 애니메이션으로 시뮬레이션하세요.
Light 레이어	❌	—
Null objects	✅	계층적 모션의 parent로 유용합니다.
Guide 레이어	❌	AE에서 guide로 표시되어 건너뛰어집니다. 의도된 동작입니다.

Lottie는 소수의 AE effect만 기본 지원합니다. 대부분은 내보내기에서 조용히 누락됩니다. [needs testing — empirical test와 relottie capability list로 이 섹션 채우기]

Effect category	지원	Notes
Drop Shadow	🟡	기본 offset, color, opacity는 지원됩니다. 일부 속성은 애니메이션되지 않을 수 있습니다.
Glow	❌	아트워크에 bake하거나 pre-렌더링된 raster를 사용하세요.
Tint / Fill	🟡	정적인 color override는 작동합니다. 일부 animated form은 누락됩니다.
Blur (Gaussian / Box / etc.)	🟡	제한적으로 지원되며 renderer마다 동작이 다릅니다.
CC Particle World, Liquify, Turbulent Displace, etc.	❌	Procedural AE effect는 내보내지지 않습니다. 셰이프 레이어의 keyframe으로 bake하거나 pre-렌더링된 fallback을 쓰세요.

기능	지원	Notes
Mask (alpha)	✅	—
Mask (subtract)	✅	—
Mask (intersect / lighten / darken / difference)	🟡	Renderer 지원이 다릅니다. [needs testing]
Track matte (alpha)	✅	—
Track matte (alpha inverted)	✅	—
Track matte (luma)	🟡	renderer마다 일관성이 떨어집니다. 가능하면 alpha를 권장합니다.
Mask animation (패스 keyframes)	✅	animated 패스가 변환됩니다.

기능	지원	Notes
Position / Scale / Rotation / Opacity	✅	네 가지 핵심 animatable property입니다.
Anchor point	✅	—
Stroke and fill (animated)	✅	셰이프 레이어에서 지원됩니다.
Trim 패스	✅	Lottie reveal/draw 애니메이션의 대표 방식입니다.
Repeater	✅	셰이프 레이어에서 지원됩니다.
Gradient fill / stroke	🟡	two-stop linear gradient가 가장 안정적입니다. 복잡한 gradient는 단순화될 수 있습니다. [needs testing]
패스 animations (셰이프 morphing)	✅	두 셰이프 패스의 vertex 수가 같아야 합니다.

기능	지원	Notes
Expressions (any)	❌	내보내기 전에 keyframe으로 bake하세요. 속성을 선택한 뒤 Animation > Keyframe Assistant > Convert Expressions to Keyframes를 사용합니다.
Time remapping	🟡	Linear remap은 작동합니다. expression 기반 remap은 작동하지 않습니다.
Hold keyframes	✅	—
Easy ease / custom easing	✅	표준 temporal interpolation은 변환됩니다.
Roving keyframes	🟡	Renderer 지원이 다릅니다. [needs testing]

기능	지원	Notes
System fonts	✅	Font face는 이름으로 참조됩니다. 런타임에서 해당 font를 사용할 수 있어야 합니다.
Custom (TTF/OTF) fonts	🔧	내보내기 전에 텍스트를 outline(Create > Create 셰이프 from Text)하거나 font 파일을 런타임에 함께 전달하세요.
Per-character offset / opacity	🟡	기본 animator는 작동합니다. 복잡한 range-selector chain은 누락됩니다.
Text on a 패스	🟡	[needs testing]

기능	지원	Notes
Audio 레이어	❌	Lottie에는 audio channel이 없습니다. 런타임에서 Lottie와 함께 audio를 추가하세요.

특정 renderer 차이. Lottie 재생은 런타임(web, iOS, Android, Flutter, Skottie)마다 다릅니다. 여기서 ✅로 표시된 것은 AE 플러그인이 올바르게 내보낸다는 뜻입니다. 대상 런타임이 정확히 같은 방식으로 재생하는지는 별개의 문제입니다.
성능 특성. 기능이 지원되더라도 런타임에서 렌더링 비용이 클 수 있습니다. 큰 repeater, 무거운 nested comp, 동시에 많은 mask는 "작동"하더라도 프레임 속도를 떨어뜨릴 수 있습니다.
미래 Lottie spec 기능. Lottie 형식은 계속 발전합니다. 기준이 되는 최신 정보는 Lottie specification을 확인하세요.