-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
542f2ef
commit efa8eae
Showing
1 changed file
with
41 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 🌞 |