How To: Make Animated Transparency in OBS Studio

345

  • 65
  • 0
  • 7.123
  • Reply

  • Open in the desktop app ADD TO PLAYLIST

    t2wave

    Published on Oct 08, 2021
    About :

    Been meaning to make this forever. Seen people use the Dynamic Mask in StreamFX for a blur effect, but somehow haven't found one using it to define transparency. The advantage of this to say using a Chromo Key is that it won't accidently catch other colors that are close to the key color in your scene. Figured it was about time to share. Get creative! Do note this only works with OBS Studio as it is a plugin.

    StreamFX Page: https://obsproject.com/forum/resources/streamfx-for-obs%C2%AE-studio.578/
    Smoke Animation: https://t2wave.gumroad.com/l/nPKQy

    Twitter: https://twitter.com/t2wave
    Twitch:

    ', sites: ["facebook", "twitter", "reddit", "email"] } }); window.player = player; const author = 't2wave'; const permlink = 'tmtxdrei' let watched = false; let midroll = false; let seconds = 0; let duration = 0; let t; let running = false; player.on('adError', (event) => { console.log("Ad Request Error: \n" + event.message) }); player.on('adComplete', (event) => { timer() }); /*player.on('time', (event) => { if ((event.position / event.duration) * 100 >= 50) { if (midroll === false) { midroll = true; // player.playAd("https://advertise.3speakcontent.online/www/api/v2/vast/?zone=6") } } });*/ function add() { if (running === true) { seconds++; } if (seconds >= 1 && watched === false) { running = false; watched = true; } if (watched === false) { timer(); } } function timer() { t = setTimeout(add, 1000); } player.on("pause", (event) => { running = false }); player.on("stop", (event) => { running = false }); player.on("play", () => { running = true; }); player.on("firstFrame", (event) => { duration = player.getDuration(); timer() grecaptcha.execute('6Le5G3MaAAAAAKXzr4reX2i2Bss8abc6CrrlEo-Z', {action: 'view'}).then(token => { $.ajax({ url: '/video/api/view', data: { v: 't2wave/tmtxdrei', token } }); }); running = true }); $('[data-reblog]').on('click', function () { let btn = $(this); btn.html('reblog '); let [author, permlink] = btn.data('reblog').split('/'); $.ajax({ url: '/user/api/reblog', data: {author, permlink}, type: 'post', success: () => { btn.html('reblog ') } }) }); $.ajax({ url: '/user/api/creator/vote/day', type: 'post', data: {creator: "t2wave"}, success: (res => { if (!res.error) { if (res.upvoteEnabled === true) { $('#proxyNotification').removeClass('d-none'); $('#upvHoursRemaining').html(res.diff); } else if (res.upvoteEnabled === false) { //nothing } else { $('.upvoteCountdown').removeClass('d-none'); countdown(new Date(res.date)); } } }) }); $("#new-comment-btn").click((e) => { $('#loginModal').modal(); }); });