Chat Overlay for OBS - Create Killer Animations with OBS CSS Overrides & Twidget for FREE
32.6 هزار بار بازدید -
3 سال پیش
-
This video explains how to
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 = Chat Overlay for OBS - Increase Live ...
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-animate...
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
-------------------------------------------------------------------------------------------------------------------------
Wanna Learn About More Tech That Will Help Your Channel? CLICK BELOW
------------------------------------------------------------------------------------------------------------------------
https://www.seevid.ir/c/scott_ficht...
#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
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 = Chat Overlay for OBS - Increase Live ...
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-animate...
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
-------------------------------------------------------------------------------------------------------------------------
Wanna Learn About More Tech That Will Help Your Channel? CLICK BELOW
------------------------------------------------------------------------------------------------------------------------
https://www.seevid.ir/c/scott_ficht...
#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
3 سال پیش
در تاریخ 1400/10/14 منتشر شده
است.
32,692
بـار بازدید شده