When I render my animation in the plugin it doesn't look like how I've designed it in After Effects
This will happen when you've designed your animation using features in After Effects that are not supported by Lottie.
Here is a table that identifies what in After Effects is and isn't supported by Lottie.
Shapes | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
---|---|---|---|---|---|---|
Shape | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Ellipse | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Rectangle | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Rounded Rectangle | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Polystar | 👍 | 👍 | ️️️️️️️️⛔️ | 👍 | 👍 | 👍 |
Group | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Repeater | 👍 | ⛔️ | 👍 | 👍 | 👍 | 👍 |
Trim Path (individually) | 👍 | 👍 | ️️️️️️️️⛔️ | 👍 | 👍 | 👍 |
Trim Path (simultaneously) | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Fills | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
Color | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Opacity | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Fill Rule | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Radial Gradient | 👍 | 👍 | ️️️️️️️️👍 | 👍 | 👍 | 👍 |
Linear Gradient | 👍 | 👍 | ️️️️️️️️👍 | 👍 | 👍 | 👍 |
Strokes | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
Color | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Opacity | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Width | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Line Cap | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Line Join | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Miter Limit | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Dashes | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Gradient | 👍 | ️️️️️️️️👍 | ️️️️️️️️⛔️ | 👍 | 👍 | 👍 |
Transforms | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
Position | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Position (separated X/Y) | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Scale | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Rotation | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Anchor Point | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Opacity | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Parenting | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Auto Orient | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Skew | ❓ | 👍 | ❓ | 👍 | 👍 | 👍 |
Interpolation | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
Linear Interpolation | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Bezier Interpolation | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Hold Interpolation | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Spatial Bezier Interpolation | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Rove Across Time | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Masks | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
Mask Path | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Mask Opacity | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Add | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Subtract | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Intersect | 👍 | 👍 | ⛔️ | ️⛔ | ⛔ | ⛔ |
Lighten | ⛔️ | ⛔️ | ⛔️ | ⛔️ | ⛔ | ⛔ |
Darken | ⛔️ | ⛔️ | ⛔️ | ⛔️ | ⛔ | ⛔ |
Difference | ⛔️ | ⛔️ | ⛔️ | ⛔️ | ⛔ | ⛔ |
Expansion | ⛔️ | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 |
Feather | ⛔️ | ⛔️ | ⛔️ | ⛔️ | ⛔ | ⛔ |
Mattes | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
Alpha Matte | 👍 | 👍 | 👍 | 👍 | ⛔️ | 👍 |
Alpha Inverted Matte | 👍 | 👍 | ⛔️ | 👍 | 👍 | 👍 |
Luma Matte | ⛔️ | ⛔️ | ⛔️ | ❔ | ❔ | ❔ |
Luma Inverted Matte | ⛔️ | ⛔️ | ⛔️ | ❔ | ❔ | ❔ |
Merge Paths | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
Merge | 👍 (KitKat+) | ⛔ | 👍 | ⛔ | ⛔ | ⛔ |
Add | 👍 (KitKat+) | ⛔ | 👍 | ⛔ | ⛔ | ⛔ |
Subtract | 👍 (KitKat+) | ⛔ | 👍 | ⛔ | ⛔ | ⛔ |
Intersect | 👍 (KitKat+) | ⛔ | 👍 | ⛔ | ⛔ | ⛔ |
Exclude Intersection | 👍 (KitKat+) | ⛔ | 👍 | ⛔ | ⛔ | ⛔ |
Layer Effects | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
Fill | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Stroke | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Tint | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Tritone | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Levels Individual Controls | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Text | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
Glyphs | 👍 | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Fonts | 👍 | 👍 | ⛔️ | 👍 | 👍 | 👍 |
Transform | 👍 | 👍 | ⛔️ | 👍 | 👍 | 👍 |
Fill | 👍 | 👍 | ⛔️ | 👍 | 👍 | 👍 |
Stroke | 👍 | 👍 | ⛔️ | 👍 | 👍 | 👍 |
Tracking | 👍 | 👍 | ⛔️ | 👍 | 👍 | 👍 |
Anchor point grouping | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Text Path | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Per-character 3D | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Range selector (Units) | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Range selector (Based on) | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Range selector (Amount) | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Range selector (Shape) | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Range selector (Ease High) | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Range selector (Ease Low) | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Range selector (Randomize order) | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
expression selector | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Other | Android | iOS | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
Expressions | ⛔️ | ⛔️ | ⛔️ | 👍 | 👍 | 👍 |
Images | 👍 | 👍 | ❔ | 👍 | 👍 | 👍 |
Precomps | 👍 | 👍 | 👍 | 👍 | 👍 | 👍 |
Time Stretch | 👍 | 👍 | ⛔️ | 👍 | 👍 | 👍 |
Time remap | 👍 | 👍 | ⛔️ | 👍 | 👍 | 👍 |
Markers | 👍 | 👍 | ⛔️ | 👍 | 👍 | 👍 |
Comments
0 comments
Article is closed for comments.