How To Make a CUSTOM Stinger Transition WITH Track Matte

Поділитися
Вставка
  • Опубліковано 5 чер 2024
  • Learn how to make your own stinger transition with a built-in track matte using After Effects. You'll even be using your own logo and brand colors so it's fully customized for your own stream on Twitch, UA-cam, or Facebook. This'll allow you to display both scenes simultaneously during a transition and requires OBS V27.
    🔗 Links:
    Nerd or Die Overlays - nerdordie.com/ref/GamingCareers/
    After Effects Free Trial - geni.us/AE-free-trial
    Pastebin Bounce Expression - pastebin.com/3PQrGapd
    Ripple/Trails Asset Downloads - gmngcr.rs/stinger-assets
    WebM Codec - www.fnordware.com/WebM/
    OBS V27 Update Video - • The 7 BEST Features Fo...
    Check Out Defrag's Channel! - / defrag
    ⏩ Timestamps:
    0:00 Stinger Transition with Track Matte
    1:43 Composition Setup
    2:45 Base Circle
    4:18 Animate Circle Position
    5:31 Add Expression to Circle
    6:09 Create Logo Composition
    8:45 Create Logo Reveal
    14:03 Create Zoom In
    15:58 Motion Blur
    17:15 Create Track Matte Composition
    20:07 Create Combined Composition
    21:40 Add Final Special Effects
    26:25 Export as WebM
    28:12 Adding Stinger with Track Matte to OBS Studio
    👾 My favorite stream overlays and alerts:
    gmngcr.rs/overlays - 15% off with code: GAMINGCAREERS
    🖥️ My recommended streaming PC builds: (updated regularly)
    gamingcareers.com/builds/
    🧙 The best tool for growing a UA-cam channel:
    gmngcr.rs/tubebuddy - 20% OFF with code: GCBuddy
    🎧 Copyright-free music I use for UA-cam and Twitch:
    gmngcr.rs/epidemic - 30-day free trial
    🎙️ Check out my weekly livestreamed podcast:
    gamingcareers.com/podcasts
    💌 Subscribe to my email newsletter:
    gamingcareers.com/newsletters
    🎬 The editing software I use:
    gmngcr.rs/editing-software
    📢 Gaming Careers socials:
    gamingcareers.com
    / discord
    / gamingcareers
    / gaming.careers
    / gamingcareers
    / gamingcareers
    Hashtags:
    #Stinger #OBS #GamingCareers
    -------------------------------------------------------------------------------
    Disclaimer:
    This description contains affiliate links, which means that if you click on one of the product links and buy a product, I receive a small commission. As an Amazon Associate, I earn from qualifying purchases.
  • Навчання та стиль

КОМЕНТАРІ • 267

  • @GamingCareers
    @GamingCareers  2 роки тому +30

    Everything that you should need to make your own stinger transition with track matte is here:
    🔶 Pastebin Bounce Expression - pastebin.com/3PQrGapd
    🔶 Ripple/Trails Asset Downloads - gmngcr.rs/stinger-assets
    🔶 WebM Codec - www.fnordware.com/WebM/
    I'm keen to see what you guys make! Tag me in any videos on IG/Twitter and I'll share my favorites!

    • @longishorts5925
      @longishorts5925 2 роки тому +1

      i dont know how to zip

    • @VegadarkK
      @VegadarkK Рік тому

      Hi ! Thx for this video but I have some issues. Could you share this AE project please ?

    • @baranclktv
      @baranclktv 5 місяців тому +1

      When I drag it to the left, 12:37 everything is fine, but when I drag it to the right, only the png appears on the right, 12:49 the inside of the circle does not become empty.

    • @SugusGamberra
      @SugusGamberra 4 місяці тому

      @baranclktv Giving support to this comment!! It is happening to me too!!! 😭

    • @itsPunko
      @itsPunko 4 місяці тому

      I want to show you but this is 2y old O_O
      Still helped a newbie like me tho!!!

  • @nathanordie
    @nathanordie 2 роки тому +60

    You: "We're going to be organised in this project"
    Me: "Layer 4, Layer 4 2, Layer 4 3"

    • @lightningcat6382
      @lightningcat6382 2 роки тому +1

      lol, that’s the best way to organize

    • @GamingCareers
      @GamingCareers  2 роки тому +38

      FinalExport(1)final4ActuallythisoneFixed2.mp4

    • @Monkaisubi
      @Monkaisubi 2 місяці тому

      @@GamingCareers I RELATE TO THIS HAHA

  • @williewonks5696
    @williewonks5696 2 роки тому +22

    LETS GET IT!!!! Been waiting for this since this OBS version dropped

  • @kevinreyesphotography
    @kevinreyesphotography 2 роки тому +25

    Let me say one thing, I found SO MUCH VALUE in this tutorial. This was literally my first ever project in After effects; whenever the next step didn't match Pete's look, I just rewinded a few seconds back, and got back on track. That wouldn't have been possible if Pete wasn't as DETAILED as he was. My goodness, if I needed more help in After effects, I honestly would pay for his courses because I know his teaching skills are 10/10. With Pete's help, I was able to make a killer stinger transition for my new stream! Thank you so much for this amazing tutorial; my success in duplicating this transition beings me so much joy and motivation to do another :) I am so glad I subscribed to your channel!

    • @baranclktv
      @baranclktv 5 місяців тому +1

      When I drag it to the left, 12:37 everything is fine, but when I drag it to the right, only the png appears on the right, 12:49 the inside of the circle does not become empty.

    • @SugusGamberra
      @SugusGamberra 4 місяці тому

      @@baranclktv same here x.x I'm driving crazy...

  • @TylerRiggsSeattle
    @TylerRiggsSeattle Рік тому

    An absolutely brilliant tutorial. I had never made a single click in After Effects, but followed this step by step, watching it at half speed so I could follow along closely, and made exactly what I needed for a logo stinger transition. This couldn't be better.

  • @fitzquits7744
    @fitzquits7744 2 роки тому +5

    I follow alot of channels similar to yours, but you're always ahead of everyone when it comes to what I'm looking for! Thank you for the info, and the tutorial! You just saved me hours lol

  • @AestheticShrine
    @AestheticShrine 2 роки тому

    This really freshened up my stream, cheers mate. Also it's awesome to see how far you've come. I remember finding your channel when you had only a couple hundred subscribers, and to see the following and community you have built over the years is truly inspiring. Thanks again :)

  • @bodyhanger7137
    @bodyhanger7137 2 роки тому +2

    Wow, wow, wow. Absolutely great content. Just retired at 55YO and i'm taking up streaming my gameplay on Twitch as a hobby, now that I have a lot more time. Your tutorial was fantastic. I played through the whole thing once then followed along and it worked a treat. I have now customised my Stinger Matte with my own branding and logo. Looks awesome. Thats why I follow the best on YT. Brilliant...⭐️⭐️⭐️⭐️⭐️

  • @kwsim539
    @kwsim539 2 роки тому +2

    This was very cool! I'm new to OBS, but this tut was perfect for learning how to create a Stinger Transition. This is definitely going into my OBS library. Well Done!!!

  • @WolfXotic
    @WolfXotic 2 роки тому +4

    Amazing! Loved it ❤ I made it and it looks so much better now!

  • @SpookyDeer
    @SpookyDeer 2 роки тому +1

    In awe at how much work it is to create a tutorial that is so easy to follow. Cheers and thanks!

  • @kavaxus5743
    @kavaxus5743 2 роки тому

    Just watched your old stinger transition tutorial, this one is superior by far! Thank you for the quality content!

  • @ChareliSeet
    @ChareliSeet 2 роки тому

    Your AE tutes are SO GOOD! So easy to follow and the product looks amazing! Thank you! 😄 Hope you produce more of them. 😄

  • @thecrochetdj
    @thecrochetdj 2 роки тому

    Such an intuitive video! I followed along step by step and had no issues whatsoever. Thank you so much for this!

  • @Cadj91
    @Cadj91 2 роки тому

    This is a brilliant guide. I've just gotten into trying to make transitions more for videos than streams but this was so clear and helpful. Thanks a bunch.

  • @Digital.Dynamo
    @Digital.Dynamo 2 роки тому +1

    This is god-tier. Thank you for such an in-depth tutorial!!

  • @spencervincent6383
    @spencervincent6383 2 роки тому

    Good god man. You went all out for this one. Even started talking super fast there in the middle just to get it all out, I love it! I have never used After Effects before, and while I don't understand everything we just did I was able to follow along and have an amazing final product. Thanks so much!

  • @TheMiniaturesPaintbrush
    @TheMiniaturesPaintbrush 2 роки тому

    Thank you so much for your commitment to your fans, As always your videos are extremely useful, I look forward to every one of your uploads!

  • @komovc
    @komovc Рік тому +1

    Hello! I just wanted to say big THANK YOU. I was looking around youtube to find good transition to make but all were the same then I find your video and you helped me out A LOT so again THANK YOU

  • @morhenwolf6341
    @morhenwolf6341 2 роки тому

    God bless your patience and everything, you are amazing I swear. I tried 2-3 times from scratch to do a track matte transition and for some reason, when I tried to import it, it didn't work as expected though with this video I managed to do it so well and fast, thank you, sir!

  • @rgu3t0
    @rgu3t0 2 роки тому

    A true subject matter expert is able to explain something at a simple enough level that even someone like myself feels confident to give this a go. Thanks for the video!!

  • @saubera3398
    @saubera3398 2 роки тому

    This was possibly the easiest tutorial of it's kind to follow that I've ever encountered, and the end result looks super professional. Thank you so much, and keep up the great content!

    • @baranclktv
      @baranclktv 5 місяців тому

      When I drag it to the left, 12:37 everything is fine, but when I drag it to the right, only the png appears on the right, 12:49 the inside of the circle does not become empty.

  • @Crossy23
    @Crossy23 2 роки тому

    The final product not only looks amazing on my stream but it is so satisfying to watch it cause I made it! Thank so much!!!!

  • @filippocastoldi4852
    @filippocastoldi4852 2 роки тому

    this transition is just pure gold, thanks

  • @prexxuregaming
    @prexxuregaming 2 роки тому +1

    Next level!! Thank you for taking the time to create!

  • @EmJarratt
    @EmJarratt 2 роки тому

    Thank you so much for this tutorial, I just slowed you down to 0.75 and followed start to finish with a few pauses and backtracking - but I finally got to the end and I just love it.

  • @MehPerfection1
    @MehPerfection1 Рік тому

    Absolute GOAT for this thank you so much!!!

  • @StrudlePie
    @StrudlePie 2 роки тому

    Love Love Love Love LOVE IT!!!

  • @thboywndr4495
    @thboywndr4495 2 роки тому +1

    so good!!! thank you for blessing us!!

  • @StylinSteve
    @StylinSteve 2 роки тому

    Thank you so much for this. I was able to make the transition with the purple and my logo and it works great!

  • @shhimwatching
    @shhimwatching 2 роки тому +1

    Man I am so looking forward to doing this myself, fantastic tutorial!

  • @theprincetony5881
    @theprincetony5881 2 роки тому

    Thank you so much for this video, you made my day! Amazing transition and excellent tutorial, it worked perfectly for me even with some custom details.

  • @JEIMUSON
    @JEIMUSON 8 місяців тому

    Great vid like always thank you guys

  • @MylesAway07
    @MylesAway07 Рік тому

    Great instructions no matter what skill level you are!! Loved it! I used your old "ninja" style stinger transition you made (but my own brand), still love it. I'm in the process of rebranding and decided to FINALLY do a track matte transition and I went straight to this video lol. Loved this one too!!
    Thank you so much Pete for all the attention to detail AND the supported files/script. ❤

    • @baranclktv
      @baranclktv 5 місяців тому

      When I drag it to the left, 12:37 everything is fine, but when I drag it to the right, only the png appears on the right, 12:49 the inside of the circle does not become empty.

  • @curtisgeer2692
    @curtisgeer2692 2 роки тому +1

    Thanks! Worked like a charm!

  • @i2thepot
    @i2thepot 2 роки тому

    Such a great tutorial! I am very satisfied by the result 👍

  • @user-bp1hc5cc5m
    @user-bp1hc5cc5m 2 роки тому +4

    just completed the stinger transition for myself and it was quite a journey ... i couldnt get the light sweep tp work correctly i dont know what i was doing wrong but maybe ill try again soon .... the video was awesome and very informative ... ive learned so much about streaming through this channel $$$$$

    • @emute
      @emute 2 роки тому

      I can tell you what i did wrong. i didnt press the stop watch on the effect position, but instead i pressed "p". that doesnt work for effect position.

  • @p-aenfait129
    @p-aenfait129 2 роки тому

    Man, that's so well explicated, huge gg and thank you !

  • @LarukuLoverz1
    @LarukuLoverz1 2 роки тому

    THANKS FOR THE TUTORIAL!!
    Now i have an amazing transition :)

  • @karlvohma
    @karlvohma 2 роки тому +1

    a cup of tea was needed

  • @godiewulf8670
    @godiewulf8670 Рік тому

    OMG, amazing tutorial!!! Thanks so much! Greetings from Guatemala!!

  • @SAVINGSONNY
    @SAVINGSONNY Рік тому

    You are a legend! so easy to follow and you made it really easy to understand thanks buddy!

  • @itzdruski7573
    @itzdruski7573 2 роки тому

    this is the best video i seen on how to do a stinger ....great video

  • @honeyboy5722
    @honeyboy5722 2 роки тому

    I'll thank you for such an in depth tutorial

  • @mr_maduber
    @mr_maduber 2 роки тому

    Wooooooow😍🔥that was really helpful. A bunch of thx bro💙

  • @DocumentingIt
    @DocumentingIt 2 роки тому +1

    damn boi thats a top notch professional video loved it

  • @arulibrahim1278
    @arulibrahim1278 2 роки тому

    Thank You! you just made my stream look DOPE!

  • @kevinjdrieberg
    @kevinjdrieberg Рік тому

    Super helpful vid. Cheers.

  • @AndryFushicho
    @AndryFushicho 2 роки тому

    That was so cool doing this with you ! I learned a lot. If you could do other kinds of transition, that would be great actually

  • @RolandoSotoMadrigal
    @RolandoSotoMadrigal 2 роки тому

    OMFG, what a great tutorial! Thanks a lot!

  • @vexxgaming94
    @vexxgaming94 2 роки тому

    Gotta love this channel bro. ✨

  • @blackhammerukgaming5374
    @blackhammerukgaming5374 Рік тому

    Perfect, easy to follow! you sir are a legend!! thankyou

  • @FercPolo
    @FercPolo Рік тому

    Incredible. Thanks!

  • @BlazeFlintin
    @BlazeFlintin Рік тому

    This is the best tutorial I have ever seen on youtube! ⭐⭐⭐⭐⭐

  • @ZipperFN
    @ZipperFN 2 роки тому

    Oh thank u so much for making a updated one the only one i have been watching is the 2019 one, Love ur vids

  • @MaxSebastien
    @MaxSebastien 2 роки тому

    Great tutorial mate. Thank you so much

  • @akalazarus
    @akalazarus 2 роки тому +1

    YES!!! Thank you SOOOO MUCH!!!

  • @hollyrainbows
    @hollyrainbows 2 роки тому

    wow... it works perfect!! thank you, thank you, thank you!!

  • @ton111nerd
    @ton111nerd 2 роки тому +1

    Great job bro!!

  • @matinhosseini4743
    @matinhosseini4743 2 роки тому

    This video is perfect
    What a track matte

  • @shintetsugaming6298
    @shintetsugaming6298 2 роки тому

    thank you very much for this tutorial

  • @josaelcrack1282
    @josaelcrack1282 2 роки тому +2

    GREAT VIDEO!

  • @Alvaro-zh9ec
    @Alvaro-zh9ec 2 роки тому

    Amazing video. I try this and looks cool.
    Please do more!

  • @riyou_kisa
    @riyou_kisa 8 місяців тому

    I learnt so much from you. Thank you!

  • @saehtnyS
    @saehtnyS 2 роки тому

    thank you so MUCH! it looks great

  • @RrmrTV
    @RrmrTV 2 роки тому

    it looks so good. thanks bro.

  • @susuoreo3812
    @susuoreo3812 2 роки тому

    Dude u save my life! Iam finally my project from this tutorial 😍

  • @chataanff2390
    @chataanff2390 2 роки тому

    Master of streaming ❣️

  • @MissKalunji
    @MissKalunji Рік тому

    Thank you! great explanations

  • @WOTBoxTV
    @WOTBoxTV 2 роки тому

    Thanks so much will try this. Will have to setup a windows drive (or virtual machine) on my linux PC to use After Effects unless there's a Linux alternative though I suppose all the options and commands would be different. Great work, many thanks, have learnt a lot from your vids

  • @HLPOLYWI
    @HLPOLYWI 2 роки тому

    Bruh this is the most underrated channel on youtube.

  • @srirangan5123
    @srirangan5123 Рік тому

    Thank You so much for this tutorial man
    It's been very useful to me
    Love from INDIA❤❤

  • @darknessayham
    @darknessayham 2 роки тому

    subbed because u are Goated

  • @philippvanderheide7494
    @philippvanderheide7494 2 роки тому

    Big Thx - Very good video and expl. ! 🤩👏🏼👏🏼👏🏼

  • @ImmortanG
    @ImmortanG 2 роки тому

    Great tutorial, thank you!

  • @SingaporeMathsAcademyUK
    @SingaporeMathsAcademyUK 2 роки тому

    Great tutorial video, well done.

  • @mud956
    @mud956 2 роки тому +1

    legit - super easy and you can add a bit more flare if you're a bit familiar with AE. 👍👍 thumbs up!

  • @Vari_Jaantje
    @Vari_Jaantje 2 роки тому

    Thank you so much! My stream just got an upgrade

  • @justelionel
    @justelionel Рік тому

    Hello I'm a little French guy who was looking for a nice transition for his future streams, very good video really keep it up and thank you for all.

  • @softwareronin
    @softwareronin Рік тому +2

    Really useful tutorial, didn't have too much trouble following despite never touching after effects before. A couple tweaks I tried to get better results: (1) Don't increase the scale of the logo circle in the track matte composition. If you do, it'll show a sliver of the wrong scene around the moving logo. The ring of white on the track matte doesn't actually matter because it's covered by the colored ring from the stinger, and the track matte is only relevant for areas that are transparent in the stinger. (2) Instead of sending to Adobe Media Encoder, add to render queue and use the "High Quality with Alpha" preset. The webm output was noticeably degraded with aliasing around the circles and I couldn't figure out how to get better quality with any of the settings I tried.

  • @KabehKop
    @KabehKop 2 роки тому

    Hey, thanks for your effort of making this 🥇

  • @zexton8487
    @zexton8487 2 роки тому

    awesome vid cant lie i followed it and it was so easy and looks really nice on my streams thanks (:

  • @SitepuRehan
    @SitepuRehan 9 місяців тому

    Love it

  • @dwoinktv
    @dwoinktv 2 роки тому

    Very Very useful and really clean, thanks very much GC, love you work!!!

  • @kazu1k
    @kazu1k 2 роки тому

    thanks so much!

  • @kirigayakazuto1087
    @kirigayakazuto1087 Рік тому

    Thank you so much dude that so helpfull

  • @ArdyIRL
    @ArdyIRL 2 роки тому +1

    Phenomenal

  • @PlatinumTrophyWife
    @PlatinumTrophyWife 2 роки тому +1

    Thanks!

    • @PlatinumTrophyWife
      @PlatinumTrophyWife 2 роки тому

      This was really easy to follow and solved the "popping" in problem (dang that El Gato source) that a regular stinger transition couldn't hide. I cannot wait to make this my own and something really special and professional.
      Thank you!

  • @moletrap
    @moletrap 2 роки тому +1

    Eyyyy my comment popped up in the video it was asking for! Does this mean I'm an influencer now? Thanks so much for the tutorial!

  • @jollypopkid4953
    @jollypopkid4953 2 роки тому

    Amazing job making something complicated easy to do for a beginner like me.

  • @notdequ6527
    @notdequ6527 2 роки тому

    OMG So much thank i love it and is will be usefull for me

  • @OldCdnGamer
    @OldCdnGamer 2 роки тому +2

    Another high quality video and I just want to get on my computer right now and create this for my stream. Would you be able to make this and explain how to do it in DaVinci Resolve? Thanks.

  • @nintandao64
    @nintandao64 2 роки тому

    Thank you so much for this. Very easy to follow, and appreciated the precise values you used for all of the scaling/position/effects. I felt like I was barely in After Effects and now I have a beautiful new stinger to use!

  • @Lovemyyoda
    @Lovemyyoda 2 роки тому

    Thank you so much

  • @MachineDaena
    @MachineDaena 2 роки тому

    Christ on a stick. I need to get better at AE.
    Great vid dude! So many effects in such a short amount of time.

  • @HerZoMan
    @HerZoMan 2 роки тому

    damn it feels good to be done after over an hour :D

  • @LexiAzure
    @LexiAzure 2 роки тому

    Thank you very much :D

  • @mustacheok
    @mustacheok 2 роки тому

    This is awesome.. I love you

  • @leedawson7512
    @leedawson7512 2 роки тому

    Hey Pete really enjoyed this and soon as I get home from work I’ll be trying this. Is there any chance you could do one for creating custom alerts for subs/bits/followers?

  • @AlphaPyxis
    @AlphaPyxis Рік тому

    I followed along and it turned out absolutely great. Two things I'd love answers on. 1. How would I change the colours of the circles etc once they have been done if I change my mind on which ones from my brand I would prefer to use. And 2. Is there a way to have the transition blur the background of the first scene and second scene to fade in and out as the scene changes to make the stinger logo stand out more. I'd love if someone could answer this. Thanks so much though this was an amazing tutorial.👍👍👍