Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
PeterNicos authored Feb 24, 2024
1 parent 542f2ef commit efa8eae
Showing 1 changed file with 41 additions and 7 deletions.
48 changes: 41 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,19 +1,53 @@
# LottiesForBroadcast
LottieFiles that are to be used for broadcasting. Livestreams, televisison, educational, inspiration, you name it.
Other than that - the files starting with "Check-..." are meant to demonstrate which After Effects functions and expression are working as a Lottie in CasparCG.
These are templates you can use to test here: www.converter.streamshapers.com
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.

To use the jsons with Caspar you will need to place them inside the HTML-Template jdoppelp wrote:
https://github.com/jdoppelp/CasparCG-Lottie-Template

The jsons were made in After Effects, then exported with Bodymovin as described in repository mentioned underneath.
After converting the files with the Streamshapers converter to HTML-Templates, you can place them inside CasparCGs Templatefolder and start using them.

I used:
- CasparCG Server 2.3.2
- After Effects 18.4.0
- After Effects 24.1.0
- Bodymovin 5.9.0

Can also provide my AE Project Files, just get in contact ❤️
[email protected]

Visit the repository jdoppelp made:
https://github.com/jdoppelp/CasparCG-Lottie-Template

# Templates in this repository:

# BarChart 📊
The BarChart has three bars that grow one after another.
Change values and colors.

![240224_BarChart](https://github.com/PeterNicos/LottiesForBroadcast/assets/96991719/d355e7ec-3b9d-456f-83c4-5a24fe1eb82e)
BarChart_Ver07.json
BarChart_Ver07_fontsEmbedded.json

# PieChart 🔵
The PieChart has three bars that grow one after another.
Change values, colors and the unit.

![240224_PieChart](https://github.com/PeterNicos/LottiesForBroadcast/assets/96991719/5b7ba592-c5f0-4c4f-8a59-c3df42c9162c)
PieChart_Ver06.json
PieChart_Ver06_fontsEmbedded.json

# LowerThird 👩‍🌾
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.

![240224_LowerThird](https://github.com/PeterNicos/LottiesForBroadcast/assets/96991719/8797eb1f-a7ea-43ff-9f03-0bc5074a93b6)
LowerThird_Ver07.json
LowerThird_Ver07_fontsEmbedded.json

# Cornerlogo 🔥
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.

![240224_Cornerlogo](https://github.com/PeterNicos/LottiesForBroadcast/assets/96991719/af46309b-ad51-4927-aebe-5e3435c34cf9)
Cornerlogo_Ver03.json
Cornerlogo_Ver03_fontsEmbedded.json

Try them and tell me what you think 🌞

0 comments on commit efa8eae

Please sign in to comment.