# Lottie 호환성 After Effects에는 Lottie 형식이 지원하는 것보다 훨씬 많은 기능이 있습니다. 이 페이지는 어떤 AE 기능이 깔끔하게 변환되는지, 일부만 변환되는지, 우회 방법이 필요한지, 전혀 변환되지 않는지를 확인하는 기준 문서입니다. ## 호환성 범례 - ✅ — 별도 주의사항 없이 깔끔하게 변환됩니다. - 🟡 — 제한이 있는 상태로 변환됩니다. Notes를 참고하세요. - 🔧 — 수동 설정이나 pre-compose로 가능합니다. Notes를 참고하세요. - ❌ — 내보낼 수 없습니다. 조용히 누락되거나 렌더 오류를 일으킵니다. ## 레이어와 transform | 기능 | 지원 | 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로 표시되어 건너뛰어집니다. 의도된 동작입니다. | ## Effects 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을 쓰세요. | ## Mask와 matte | 기능 | 지원 | 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 수가 같아야 합니다. | ## Expressions와 time | 기능 | 지원 | Notes | | ------------------------- | -- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | | Expressions (any) | ❌ | 내보내기 전에 keyframe으로 bake하세요. 속성을 선택한 뒤 **Animation > Keyframe Assistant > Convert Expressions to Keyframes**를 사용합니다. {/* [needs review] 정확한 메뉴 경로 확인 */} | | Time remapping | 🟡 | Linear remap은 작동합니다. expression 기반 remap은 작동하지 않습니다. | | Hold keyframes | ✅ | — | | Easy ease / custom easing | ✅ | 표준 temporal interpolation은 변환됩니다. | | Roving keyframes | 🟡 | Renderer 지원이 다릅니다. **\[needs testing]** | ## Text 전용 동작 | 기능 | 지원 | 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]** | ## Audio | 기능 | 지원 | Notes | | --------- | -- | ------------------------------------------------------------ | | Audio 레이어 | ❌ | Lottie에는 audio channel이 없습니다. 런타임에서 Lottie와 함께 audio를 추가하세요. | ## 이 기준표가 다루지 않는 것 - **특정 renderer 차이.** Lottie 재생은 런타임(web, iOS, Android, Flutter, Skottie)마다 다릅니다. 여기서 ✅로 표시된 것은 AE 플러그인이 올바르게 내보낸다는 뜻입니다. 대상 런타임이 정확히 같은 방식으로 재생하는지는 별개의 문제입니다. - **성능 특성.** 기능이 지원되더라도 런타임에서 렌더링 비용이 클 수 있습니다. 큰 repeater, 무거운 nested comp, 동시에 많은 mask는 "작동"하더라도 프레임 속도를 떨어뜨릴 수 있습니다. - **미래 Lottie spec 기능.** Lottie 형식은 계속 발전합니다. 기준이 되는 최신 정보는 [Lottie specification](https://lottiefiles.github.io/lottie-docs/)을 확인하세요. ## 관련 문서 - [컴포지션을 Lottie로 내보내기](/ko/integrations/after-effects/06_export/exporting-compositions-as-lottie) — 이 기준표를 사용하는 문제 해결 섹션이 포함된 내보내기 흐름입니다. - [Lottie용 컴프 준비하기](/ko/integrations/after-effects/04_preparing-comps) — 위 항목 대부분을 우회하는 실무 팁입니다.