Info

Lower thirds for OBS Studio using HTML, Javascript and CSS.

This project is based on After Effects template by Amaksi http://videohive.net/item/lower-thirds/10338608, and Matt Chestnut https://codepen.io/mattchestnut/pen/dMrONe.

The lower third itself is done with Photoshop Extended, or After Effects, so I can animate almost everything. However, in order to properly trigger this lower third I have two scenes, one with the lower third video source and the other without it and I fastly switch between them to force the lower third to play. Here is a FREE simple lower third that you can use in your church media. Click on the add to cart button below to get started. To use it open it in After Effects, replace the text with what you want and export the video. Open it in your video editing software and layer it over the top of the video which needs the title. This Lower Thirds And Your Church - Pastor is high quality PNG picture material, which can be used for your creative projects or simply as a decoration for your design & website content. Lower Thirds And Your Church - Pastor is a totally free PNG image with transparent background and its resolution is 578x360.

Can customize the lower thirds on url via parameters. For example: https://obs.infor-r.com/lower?id=3&line1=OBS&color1=ffffff&line2=Studio&color2=cf4c4e

Create even more, even faster with Storyblocks. Download over 38 'virtual sets' effects and lower thirds royalty free Stock Footage Clips with a subscription.

Note: Source code on Github page.

Options

Parameters available

• arrow_forward_iosidtemplate number
• arrow_forward_iosline1text for first line
• arrow_forward_iosline2text for second line
• arrow_forward_ioscolor1first hex color code
• arrow_forward_ioscolor2second hex color code

Templates available

Free Christian Lower Thirds Templates

• arrow_forward_iosType 1color1: all text; color2: symbol /
• arrow_forward_iosType 2color1: second line; color2: first line
• arrow_forward_iosType 3color1: first part of text; color2: second part of text
• arrow_forward_iosType 4color1: all text; color2: symbol |
• arrow_forward_iosType 5color1: all text; color2: all lines

Use

Lower Thirds Graphics

• Open OBS Studio
• Add new source of type Browser
• URL
  
  • Use Customize to generate the URL
  • Click in preview
  • Click on generated URL to copy to clipboard
• Select 'Shutdown source when not visible'
  
• Select 'Refresh browser when scene becomes active'
• Example:
  

Lower Thirds Animations

Customize

Free Christian Lower Thirds Design