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.

Menu