Giter VIP home page Giter VIP logo

lottiesforbroadcast's Introduction

LottiesForBroadcast

These are Lottiefiles you can use as templates for CasparCG. Just convert them here: StreamShapers Converter 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 converter to HTML-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

I 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. Defined colors are: red, orange, green, blue, lightblue, grey. If the input is invalid, the standartcolor is lightblue.

BarChart1 BarChart_Ver08_fontsEmbedded.json

PieChart ๐Ÿ”ต

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 PieChart_Ver08_fontsEmbedded.json

List ๐Ÿ“

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.

List PieChart_Ver08_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.

LowerThird1 LowerThird_Ver08_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.

Cornerlogo Cornerlogo_Ver04_fontsEmbedded.json

Try them and tell us what you think ๐ŸŒž

lottiesforbroadcast's People

Contributors

peternicos avatar

Stargazers

Lukas Lange avatar  avatar Richard Weyer avatar n3rdz avatar Lukas Herzog avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.