New lowerthird template example:
Get it here
Whats new?
Reliabilty…(I hope)
Dynamic images(or the paths for them) do not have to be found and typed in the index.js
In and Outs of the animation are set in the AE timeline with markers.
First of all, it´s a simple template, just to show how I do it, and a way to learn for me, so comments, improvements and Titan RTX’s (get my adress in a pm) are more then welcome. And make sure you have the most updated bodymovin plugin and lottie.js
Dynamic images are named the same way as dynamic text, whatever with a dot in front.
Totally random I named this “.image” and you can have more then one.
Only con is that you cant have a image visible at first frame, then you will get a short glimps of the original image, so if you want the animation to cut on, let the image start at frame 1(AE timeline)*.
Next is the in and outs, they are defined with markers. Set a marker, at the start frame, enter a duration and give it a name:
This template has “play”,“stop” and “update” that follows CasparCG commands, and one custom called “total” - I will come back to that one. Also as I marked in red, make the out maker 1 more frame the stop frame of a given animation.
Export it with the bodymovin plugin,(as in the original post)
And then its buisness as usual:
In this example there is 2 images img_0 and img_1 you can switch between, placed int the images folder.
There is a function called “playAnimation” you can use to activate custom animations via INVOKE -
And in this template I made a “total” animation for testing, I put a marker in timeline from frame 0 with a duration of 66 and called it total - But that could of course be anything, and as many as you like.
update>> About fonts - The first example I posted, I wrote the paths in the plugin export from AE and that worked, but not the way I thought. It did not use the path, but the system fonts, and only the first font used - so to add fonts read this
*there is a way to replace images at frame 1(0 AE), but that would complicate the index.js and I wanted it to be simple is the example.
Looking forward to feedback(and Titan RTX´s)
regards
Heine