Thank you! We have a lot of-perhaps too many-useful tips on jsons in the future. It's easier to work with bodymovin once all the quirks are understood.

So glad we could help out!! Good luck with your future json adventures :D

If you're using masks on some of your layers, it could be that you're using an unsupported mask type? Otherwise, check the precomp you have selected when you export through bodymovin

I've recently worked on a project that involves using click targets in lottie animations, so I'll interrogate the developer about what he did to make it work. On my end, I just made a point to title the layers appropriately and end each later name with ".clickTarget" i.e. "first.clickTarget" and then created timeline tags where the first click's animation sequence is and title that timeline tag "first"

@@halftonedigital9819 Thank you!

It's definitely compatible with PNGs, and my initial reaction to this is making sure the PNG didn't import as a sequence (i.e. where a group of images gets imported as footage rather than individual images). If that isn't the case, then I'd recommend NOT checking "enable compression" and instead checking "copy original assets".

Thank you very much. İ'll tr y that

@@halftonedigital9819 it worked🥳 thank you very much

@@propelakarlson7260 AMAZING! Glad we could help! :D

Hi! As far as my experience goes, Bodymovin can't embed illustrator files, only assets made directly in AE or JPGs and PNGs. With illustrator files, you can still "Create Shapes from Layer" i.e. create outlines of shapes, and Bodymovin will recognize them in the export

@@halftonedigital9819 about type?

@@user-mt3je1vt6t Make sure to have "Glyphs" enabled in your Bodymovin settings! This transforms all text to vectors on export (but doesn't affect the actual AE file)

I'm not familiar with this bug... I'd have to take a closer look at the file. So the bodymovin render failed? Are you using masks and/or effects? If you're using text, make sure you're exporting as glyphs as well-I've had renders fail because of this. Using expressions is also tricky with json exports.

I am sorry this is because im using png sequence (3d renders)

@@localdoodler I would suggest using ImageOptum to compress your PNG sequence files and if there are duplicate frames, remove them from the JSON file and just extend one of the PNGs out (so that it registers as just ONE file vs 15 individual files that all look the same). Hope this helps!

185 mb json file*

@@grantjoseph1576 Geez louise, that's a big file! How many images are you using and what are the sizes of the images? Are you able to combine several of the images into one PNG/JPEG using photoshop? Are there hidden layers of images you aren't using, or old versions of photos in a separate, unlinked precomp?

Hmm could you say more? Does the export stall, or does it export and the animation turns up blank? What extension file are you referring to? If the animation is blank after export, it could be an effect you're using, or an incompatible layer type with Bodymovin. Usually it's incompatible masks.

Hm, I might need more details. I've run into render issues by having shapes with extraneous fills and strokes, so I'd recommend deleting all hidden layers and as a last resort, slimming down all keyframe usage to the bare necessities. Also, make sure you aren't using any After Effects effects/presets, since those don't export in JSONs. If you're using gradients, definitely go through the layer Add settings rather than using the Gradient Ramp effect.

@@halftonedigital9819 Okay thanks for your help brother I will tell you I am new to after effect I do not understand much but I learn, and I will comment in more detail the logo has fillings and strokes that I saw in a tutorial I followed the steps of the video and the rest I did not touch anything just do the logo, also another problem is that it does not allow me to export the transparent background either in video I want to export the transparent video but it comes out with the background color that could be brother?

@@kan1358 The only video format for transparent backgrounds (aside from JSON) is MOV. In the export settings for Quicktime/MOV, you'd have to set the video output channel to "RGB + Alpha" (the default is RGB) and then in Format Options, set the Video Codec to "Alpha ProRes 4444". I have a video on transparent MOVs here: kzfaq.info/get/bejne/h62enpSfvLmoZKs.html that walks through that process around the 6min mark.

@@halftonedigital9819 Great, thank you very much for your enormous help, even though I tried all that before the alpha + rgb and the mov format but it still appears, do you think it is because the background that I put is together with the logo, that is, I import the logo and now The logo has a background and I try to delete it but even so when processing the background it continues to be seen

@@kan1358 If you're using a JPG for the logo asset, chances are it has a background on it. You might be able to fix that by auto-tracing in After Effects, but the best solution would be to A) use a transparent PNG of the logo or B) import an Illustrator file of the logo into After Effects

the black and white effects in AE aren't compatible with JSON, so you'll have to manually switch the colors or if you're using external assets, export them from photoshop with the BW effect

@@halftonedigital9819 thank you sir

What types of animations are you using? Did you import any special file types as assets?

@@halftonedigital9819 am using after effects project which includes, saber effects, normal keyframes, photoshop assets, some glow ,deep glow ,light sweep. Also the quality is lower. Any chance of knowing?

@@juostudios6216 Unfortunately, effects from After Effects aren't supported by bodymovin. Plugins also don't work in jsons and tend to show up as static images, or don't appear at all. So anything featuring a glow would need to be a PNG layer of the glow with regular AE keyframes like opacity, position, masks, scale, etc.

As long as you're compressing your assets correctly, the end json can definitely be under 1MB. For the video I used uncompressed files initially just to get the right resolution.

@@halftonedigital9819 ok .. because 7mb is like crazy high :)

@@fatjay9402 Definitely. It all depends on dimension, duration, and optimization of the files which is why json is best suited for vector animations since they're far crisper in json format rather than MP4/GIF. Complex vector animations can easily wind up under 30KB.