How to warp like puppet tool without puppet tool ?

[Kamii Akbari]

Hi there, im using bodymovin, making animations for web. I recently made a animation : https://cdn.discordapp.com/attachments/255467682076426242/486164852675575808/Blunk.gif (Not sure if you can open that)

But its a simple anim, with puppet tool where the eye gets a bit warped.

The thing is, bodymovin does not support puppet tool.

Any help would be greatly appreciated!

[Rick Gerard · Accepted solution]

I'm not familiar with BodyMovin but it looks like it's just an SVG exporter and it requires some hand coding. If that is truly the case you need to keep everything vectors to maintain a small file size SVG. Puppet Pin turns things to pixels. The distortion in your eye is caused by inexperience with puppet pin. You can fix that, but you can't keep it vectors without some additional work.

You have two options.

• Refine your puppet pin until the animation looks ok, pre-compose, auto trace, and then get rid of the pre-comp in the main comp
• Don't use Puppet Pin and just animate the paths used to create the blinking eye.

There is a third option, forget SVG, fix the puppet pin, make sure that you don't have any identical duplicate frames in the animation, export a lossless movie, import the lossless movie to Photoshop, adjust the timing of each frame in the Photoshop timeline, then export an animated GIF from Photoshop.

[Kamii Akbari]

Hey read your message again I see what you mean now!

Thank you very much the first one worked well!

[jannycdesign_ciber]

I am experiencing the same problem.

Can anyone explain in details what it means to do the option 1?

• pre-compose, auto trace, and then get rid of the pre-comp in the main comp

I couldnt get it to work with bodymovin.

[hiddeeretman]

You pre-compose the shape layer you used the puppet tool on, then select the pre-composed layer and got to Layer > Auto trace. Here you have the choice to only auto trace the current frame from that comp or the whole comp. If you animated with the puppet tool, select to auto trace the whole comp. There is also a checkbox that says "Apply to new layer", make sure this is checked. Now click "Ok" and an Auto-traced shape layer will be made thats scalable and probaly usable for Bodymovin (haven't tested it out myself yet).

[Kamii Akbari]

Thanks for the answer gonna try the first one, the animation is the not the problem is the fact that bodymovin plugin cannot render the puppet tool. Everything is vector, from the bodymovin forum it seem to be puppet tool like the effect it self cannot be added, through its exporter.