These are Lottiefiles you can use as HTML graphic templates. Just convert them here: StreamShapers Ferryman They are entirely made in After Effects and exported as json/lottie with Bodymovin. They can be used for broadcasting, livestreams, televisison, educational, inspiration, you name it.
After converting the files with the Streamshapers Ferryman to HTML graphic templates, you can place them inside CasparCGs Templatefolder and start using them.
I used:
- CasparCG Server 2.3.2
- After Effects 24.1.0
- Bodymovin 5.9.0
If you are interested in the AE project files please visit our Discord.
The BarChart has three bars that grow one after another. Change values and colors. Defined colors are: red, orange, green, blue, lightblue, grey. If the input is invalid, the standartcolor is lightblue.
BarChart_Ver08_fontsEmbedded.json
The PieChart has three bars that grow one after another. Change values, colors and the unit. Defined colors are: red, orange, green, blue, lightblue, grey. If the input is invalid, the standartcolor is lightblue.
PieChart_Ver08_fontsEmbedded.json
The List is upt to six lines of text that appear one after another. Change the texts and decide how many you want to see. The template will show from 1 to 6 lines. If you set the linecount to 3, the animation will no longer change once 3 lines are displayed.
PieChart_Ver08_fontsEmbedded.json
The Lowerthird contains a line for names and an attribute. Whatever line is longer, defines the box size. You can choose wether the Lowerthird should be alligned left or right.
LowerThird_Ver08_fontsEmbedded.json
The Cornerlogo is a small circular logo in the top-right corner, a small tag with a short text pops out and back again. You can view it in light- and darkmode, the tags size is dependant on the texts length.
Cornerlogo_Ver04_fontsEmbedded.json
Try them and tell us what you think 🌞