Chat Overlay for OBS - Create Killer Animations with OBS CSS Overrides & Twidget for FREE

Chat Overlay for OBS - Create Killer Animations with OBS CSS Overrides & Twidget for FREE

34.162 Lượt nghe
Chat Overlay for OBS - Create Killer Animations with OBS CSS Overrides & Twidget for FREE
This video explains how to leverage the power of custom chat overlays for OBS Studio. You will need a free program called Twidget. Scott explains how to leverage the power of CSS styles to control every aspect of your lower third, including animations. DOWNLOAD THE CSS LINK 1 = https://files.catbox.moe/lqgcd8.txt LINK 2 BACKUP = https://codepen.io/fsmithy/pen/JjrQeEg Here's a Pastbin Version With Syntax Highlighting https://pastebin.com/Fy4s1T7z Previous Video is here = https://youtu.be/dYhkkQszGnY Here's a link to download Twidget = https://twidgetapp.web.app/ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ FREE ANIMATED THREE DIMENSIONAL SUBSCRIBE BUTTONS. I spent five long days learning how to make subscribe buttons in Blender. The animations are KILLER, and I made 10 of them for you COMMERCIAL FREE. Get Them Here ➤ https://scottfichter.com/free-animated-sub-buttons ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ------------------------------------------------------------------------------------------------------------------------- Wanna Learn About More Tech That Will Help Your Channel? CLICK BELOW ------------------------------------------------------------------------------------------------------------------------ https://www.youtube.com/c/scott_fichter/?sub_confirmation=1 #scottfichter #scottfichterobs #obsstudio 0:00 - Intro 1:35 - Summary of video chapters 2:16 - Setting Up Twidget For CSS Editing 6:40 - CSS Overview & Important Tips 9:13 - How to Change Twidget Font Type 11:19 - How to Twidget Comment Text 13:31 - Change Text Spacing via CSS 14:29 - How to Add Text Drop Shadow 15:58 - How to Change the Channel Icon 17:26 - How to Hide The Venue Logo in Twidget 18:09 - How to Change the Comment Background 19:35 - Add a Animated Gif to the Background 21:23 - How to add Box Shadow Comment Container 23:11 - How to Change Comment Border & Radius 22:54 - How to Animate All Comment Elements 24:39 - How to Set The Timing For Animations Posted 01/4/21 1.1 - - 3/9/22