Minimalist In-Game Overlay (MSI Afterburner Tutorial)

Поделиться
HTML-код
  • Опубликовано: 28 окт 2024

Комментарии • 488

  • @devyn.johnston
    @devyn.johnston  Месяц назад +106

    How to fix some common issues
    Default overlay still showing:
    in Afterburner (not Rivatuner) go to the monitoring tab, for each of the options showing in the default overlay, turn off "Show in On-Screen Display".
    If FPS isn’t updating( I.e. stuck at “62 fps”):
    Create a new layer and manually type %Framerate%
    A second FPS counter is showing in the overlay:
    Make sure to turn off “Show own statistics” in Rivatuner
    If the “More” button is greyed out:
    Click the up arrow in your windows taskbar to see if RivaTuner has launched. If its not, then you may need to manually launch it in windows.

    • @TheSeanMacGuire
      @TheSeanMacGuire Месяц назад

      When I go to Afterburner and stop everything from showing in OSD then the overlay disappears and I need to have at least one thing in OSD for it to work

    • @MrGeforceElite
      @MrGeforceElite Месяц назад

      very thankful for ur video, sadly i have some questionmarks: when i uncheck the opions in afterburner "show in on-screen display" nothing will show ingame when i toggle on/off, because i have also the thing that the default overlay is showing besides the pill shaped one.

    • @MrGeforceElite
      @MrGeforceElite Месяц назад

      plus: there is no overlay unless i open riva tuner and go to setup and open the overlay.dll

    • @TheSeanMacGuire
      @TheSeanMacGuire Месяц назад +1

      Same problem I’m having

    • @MrGeforceElite
      @MrGeforceElite Месяц назад +2

      @@TheSeanMacGuireNvm, I just fixed it. U need to click the ticks besides the overlay.dll and the hotkeys.dll in riva tuner/setup/plug-ins. They were light grey like the unchecked ticks in msi afterburner. After that it worked for me without having opened the editing space of the overlay.

  • @Goshin07
    @Goshin07 Месяц назад +742

    Came here from ZTT, love the look!

  • @ljcool17
    @ljcool17 Месяц назад +127

    Thank you to ZTT for pointing us all here! And Thank you for that very nice in depth tutorial. All I wanna do now is create a translucent background.

    • @devyn.johnston
      @devyn.johnston  Месяц назад +20

      Open the background box layer, open the color picker to the right of the "use custom background color" checkbox. There is an opacity slider in that dialogue. For the circle image (or any image that you import) you will have to add the transparency in your photo editing app.

    • @Judah_Gaming
      @Judah_Gaming 15 дней назад

      can you do that for me please 😭😭😭

  • @Notional2006
    @Notional2006 2 месяца назад +84

    Oooh actual aesthetics for gaming. Love it. Uploading it for ease of use is a great idea.

  • @petermadar235
    @petermadar235 2 месяца назад +40

    Thank you Devy! Really appreciate your work! ❤

  • @wildstyla85
    @wildstyla85 Месяц назад +3

    I also came here from ZTT. Great Job Devyn and thank you so much for sharing this. It looks so clean, I love it 😍

  • @coMa2003
    @coMa2003 Месяц назад +27

    If you can't get rid of the default graphs:
    In Afterburner. Open Settings -> Monitoring -> Disable "Show in On-Screen Display" for all options.

    • @Totti17
      @Totti17 Месяц назад +1

      still doesnt work for me tho. i dont know why. did it exactly like you said

    • @abd03sy2
      @abd03sy2 Месяц назад +1

      Click apply

    • @ghitaandrei2990
      @ghitaandrei2990 Месяц назад

      Thank you!

    • @SakataSamig
      @SakataSamig 27 дней назад

      Legend, thanks

    • @riangambhir
      @riangambhir 25 дней назад

      Thanks a lot

  • @betterjustice6697
    @betterjustice6697 Месяц назад +46

    ZachsTechTurf just made a video on this, super useful as I always use Afterburner 👍

  • @toffuuu
    @toffuuu Месяц назад +16

    For those not seeing the imported layout try to full screen the Overlay Editor. I found mine on a little bit outside of the screen.

    • @eclipse-3812
      @eclipse-3812 Месяц назад +1

      thank you! worked.

    • @SssNiTroGeN
      @SssNiTroGeN Месяц назад +1

      @@eclipse-3812 hello mine still shows both layers
      the old msi afterburner and this new one

    • @xyzNubb
      @xyzNubb 23 дня назад

      w

    • @therock005
      @therock005 21 день назад

      Oh my god this was drug Bg crazy. Still I can't get them all to drag them in a normal position. What can I do...

    • @toffuuu
      @toffuuu 19 дней назад

      @@therock005 what i did was just put it in place 1 by 1

  • @henvius666
    @henvius666 Месяц назад +23

    For adding time: add a layer and write in the hypertext "%Time24%" for 24 hour clock

    • @Angelss27
      @Angelss27 24 дня назад +1

      Thank you so much!

    • @mhrussell4264
      @mhrussell4264 12 дней назад +1

      Thanku! Cant it be 12h system btw? & How long am I running an application?

  • @CoolerC94
    @CoolerC94 Месяц назад +4

    This cheered me up after a extremely hot and exhausting day! Thank you!

  • @emmanuelrodriguez1043
    @emmanuelrodriguez1043 2 месяца назад +1

    I came across this channel a while ago, and I love it more every time. Thanks for the great content. Super Clean Production. 🙌🏼

  • @NorweenBanayoWinonymous
    @NorweenBanayoWinonymous 5 дней назад

    Saw a reel from ZTT. This is so helpful and looks clean. Thank you!

  • @thegamerboy1000
    @thegamerboy1000 11 дней назад +1

    Sharing this with my buddies as I didn’t know you could do all that with it, thanks!

  • @unwinder
    @unwinder 3 дня назад

    Good job! To simplify the process of creating similar overlay layouts with OverlayEditor I'll slightly modify hypertext tag format (solid filled ar rendering) to allow you to embed bars with rounded corners directly and much easier than before. So you won't need to implement such rounded background with embedding additional ball sprites.

  • @premnaidu4254
    @premnaidu4254 2 месяца назад +1

    Thank you so much for making this detailed video. I really love this video, it was very thoughtful of you to make a video that would make our OSD look way better. Keep up your amazing content.

  • @mahdysinan_
    @mahdysinan_ Месяц назад

    this actually looks so good and the guide is so simple 10/10

  • @Amanandhispeace
    @Amanandhispeace Месяц назад +1

    Thanks, took a little work getting it up and running for me, I had some old version that was running the default once in the background while I was trying to configure it the way you described it, but I reinstalled everything and it worked.

  • @Allineus
    @Allineus Месяц назад

    Ahh finally, an upload about that sweet custom overlay! Very helpful for someone like me who wants data and design to look great together!

  • @OwnedARG
    @OwnedARG Месяц назад

    I wanted to thank you for this straight to the point and informative video. You are the reason I made my first overlay. Thank you!

  • @RoyHuang1
    @RoyHuang1 2 месяца назад +1

    Exactly what I was hoping you’d do a video on. Thanks!

  • @davidcampbell6146
    @davidcampbell6146 2 месяца назад

    Awesome !!!
    This makes that "clunky" looking MSI/Riva Tuner standard overlay look soooo much better.
    THANK YOU for sharing and giving the tutorial.

  • @roxsnk
    @roxsnk 2 месяца назад

    You always give people what they want and I really respect that!

  • @EnergeticTK
    @EnergeticTK 2 месяца назад

    This looks great, I've been using afterburning/RTSS for ages and I never knew this existed, thanks a ton!

  • @krakentortoise7531
    @krakentortoise7531 2 месяца назад

    Finally it's here, been waiting for this. Thanks DJ!

  • @FGSTH
    @FGSTH 2 месяца назад +2

    I was waiting for this video ! THANK YOU !

  • @topgeneralfaith9983
    @topgeneralfaith9983 Месяц назад +2

    This looks so clean

  • @mendyc158
    @mendyc158 2 месяца назад +14

    Damnnn not me using Afterburner/RivaTuner for like 8 years and not knowing you could customise the overlay and use the classic orange/green text
    Couldn’t be me…. lol thanks

  • @dinoman22
    @dinoman22 2 месяца назад

    Love the overlay and the science behind it. Thank You!

  • @i_like_Peanuts
    @i_like_Peanuts Месяц назад

    Here from the ZTT shout-out. Subbed and keep posting mate♥️

  • @ericnguyen0419
    @ericnguyen0419 2 месяца назад +1

    thanks for this, am late since i just saw this on my feed even though i watch all your videos

  • @therock005
    @therock005 26 дней назад

    While i watched the video i dropped a like, but as soon as you said you included the customization file i subscribed

  • @trungvu9217
    @trungvu9217 Месяц назад +1

    So clean, love it

  • @CatWachristmashat
    @CatWachristmashat 2 месяца назад

    Been waiting a long time to see this, thanks.

  • @NicolasSilvaVasault
    @NicolasSilvaVasault День назад

    looks fucking badass, i had no idea there was an editor for the overlay

  • @marcingawlicki
    @marcingawlicki Месяц назад

    ZTT was right, awesome work, your settings looks really great, I'm gonna try it. Thank you.

  • @judz567
    @judz567 11 дней назад

    Finally, a tutorial that's worthy. N1

  • @nahrizulashraf
    @nahrizulashraf 2 месяца назад

    Thanks for the tutorial Devyn!

  • @asifariyan
    @asifariyan Месяц назад

    Man you deserve million subscriber

  • @beershifter
    @beershifter 2 месяца назад +2

    I have commented this on one of your videos because it is the best design I've ever seen and now you've finally uploaded it. Thank you!

  • @cakeisalie
    @cakeisalie 2 месяца назад

    damn, I was not aware RivaTuner was this customizeable, thanks Devyn!!

  • @stormeagle71
    @stormeagle71 2 дня назад

    I should have checked the description first so I could download the overlay and use that instead of being a creative myself. Anyways, I liked this a lot. Thanks

  • @FahmiGZ28
    @FahmiGZ28 День назад +1

    very nice, good job

  • @Deadeye8731
    @Deadeye8731 28 дней назад

    Thx for this guide dude and I came from ZTT too btw

  • @benedictfernandez9069
    @benedictfernandez9069 Месяц назад

    i was here coz zack mention you in his channel good thing to know that msi afterburner that you can customize the overlay

  • @Youpi_GG
    @Youpi_GG Месяц назад

    Thanks bro I always wanted to make the overlay like you thank you devyn

  • @AndrewC89
    @AndrewC89 2 месяца назад +1

    Thanks for providing the file!

  • @tech_evolved
    @tech_evolved 2 месяца назад

    Thanks for the tutorial, been waiting on this

  • @jopppsss
    @jopppsss 23 дня назад

    Thank you for the layout!

  • @qubitx64
    @qubitx64 Месяц назад

    Love it . Super to the point.

  • @mesut7825
    @mesut7825 2 месяца назад

    Finally dude! Thanks🙏🏻

  • @martian2
    @martian2 2 месяца назад +1

    Appreciate your work 😊

  • @tongoso
    @tongoso Месяц назад

    Thank you so much for this one man!

  • @Purpical
    @Purpical Месяц назад +6

    If you superscript text and don't see any changes change it to text example

    • @kilianbalter
      @kilianbalter 28 дней назад

      Thank you very much!

    • @an_anonymous_potato
      @an_anonymous_potato 16 дней назад

      tysm! btw is there any way to change the colour of only the superscript text?

    • @omff6329
      @omff6329 10 дней назад

      If this only works on either GPU or CPU, format the script this way
      %CPU1 temperature% °C

  • @ttoroie
    @ttoroie 2 дня назад

    Jeeeez bro
    you are faster than the program itself lol
    had to watch this on 0.75 speed
    great stuf thanks for the info

  • @denisnatera3633
    @denisnatera3633 2 месяца назад

    Pretty sweet thanks for the overlay

  • @Xxav88
    @Xxav88 2 месяца назад +1

    When there’s a will, there’s a way

  • @kennynguyen4142
    @kennynguyen4142 Месяц назад +1

    ZTT got me here!

  • @annoyed-intern
    @annoyed-intern 2 месяца назад

    Thanks a bunch. I had been trying to customize through afterburner... and well it was a pain. Never knew RTSS itself can handle it. Had to disable OSD settings for the afterburner values.

  • @EduardoMendesmaluzin
    @EduardoMendesmaluzin 5 дней назад

    awesome brohhh🎉🎉🎉

  • @AneeketJMuna
    @AneeketJMuna Месяц назад

    A very informative and amazing video thanks a lot.

  • @zS39SBT4fe5Zp8Q
    @zS39SBT4fe5Zp8Q Месяц назад

    Thank you for this!!!

  • @_Jadewolf_
    @_Jadewolf_ Месяц назад

    Wow, that's really cool, thanks a lot for making this tutorial, that's a lot of work! 😊 I think I will play around with the colors, and maybe keep the original and well known color scheme, to help me better recognize the CPU/GPU info 🟧🟩

  • @boredsoul6949
    @boredsoul6949 Месяц назад

    My respect bro, thank you so much ur awesome dude

  • @ShadowlessWolf69
    @ShadowlessWolf69 Месяц назад

    Brilliant, ins subbed!

  • @QuietClawss
    @QuietClawss 10 дней назад

    Earned a sub

  • @nanonym3
    @nanonym3 2 месяца назад +1

    Very nice dude

  • @lolilander52
    @lolilander52 Месяц назад

    came here from ZTT video
    ty for custom overlay

  • @Shortsfunny-pp1uo
    @Shortsfunny-pp1uo Месяц назад

    Thank u so much for sharing Cool 😎 After burner Costume Layout ❤

  • @LuciaGTAVI665
    @LuciaGTAVI665 2 месяца назад

    Yes! THANK YOU!

  • @herrausragend4537
    @herrausragend4537 2 месяца назад

    i´m trying it in germany. because this looks way better than original afterburner. THANKS!

  • @alexandroshel8453
    @alexandroshel8453 Месяц назад

    I love your videos

  • @le_nirnoy
    @le_nirnoy 2 месяца назад +1

    This is the video the people really needed! Thank you!

    • @leo-ub6nb
      @leo-ub6nb 2 месяца назад

      Did you skip the first couple of seconds of the video? 🙃

    • @le_nirnoy
      @le_nirnoy 2 месяца назад

      @@leo-ub6nb oh shit yeah, my bad 😅 I was listening without sound, just saw the title and put a comment. I'll edit my comment real quick

  • @Asce8888
    @Asce8888 Месяц назад

    Thanks for this its amazing, any chance on uploading a few more premade ones? maybe with added memory usage..
    2 Questions if you don't mind:
    1- the onscreen display zoom, doesn't change the size at all, it doesn't do anything (for me anyway), any work around to make your overlay a little smaller?
    2- I've tried highlighting your overlay in the editor and moving it around so i can center it, but it will only move up and down in my game no matter what i do, any advice?

  • @Steve-Cam
    @Steve-Cam 2 месяца назад

    Thanks man! Looks clean. Just so you are aware I tried using your template but you left the GPU name to GPU1 so it wasn't displaying correctly. It was an easy fix. I just renamed it to GPU2 and it displayed correctly.

  • @yawarazamoka7358
    @yawarazamoka7358 Месяц назад

    ayos aesthetics patiw tiw

  • @JasonJtran
    @JasonJtran 2 месяца назад

    THANK YOU SO MUCH!!!

  • @nomanhossain5580
    @nomanhossain5580 2 месяца назад +6

    my overlay editor is showing my old overlay that i created long ago using stuff from hwinfo as well, even if i click create new overaly the previous infos still remain there, how do i create a blank canvas like you showed in your video? i tried reinstalling rivatuner didn't seem to work, still showing old overlay

    • @ibrahimkhalilullah6482
      @ibrahimkhalilullah6482 Месяц назад +1

      In the monitoring tab click on the options in graph i.e GPU Temp and on the right side it would be showing in OSD, Click on that particular item and uncheck Show in On-Screen Display from below for that particular option , I hope it solves your problem.

  • @doanhxd5098
    @doanhxd5098 Месяц назад

    Thank you so much 🥰🥰🥰

  • @KallyFurry
    @KallyFurry Месяц назад

    Thank you a lot!

  • @fara.r.8181
    @fara.r.8181 2 дня назад

    Thank you very much

  • @dreamwalkeer
    @dreamwalkeer 26 дней назад

    dud. you r best

  • @FatCannon
    @FatCannon Месяц назад

    Thank you it's really help

  • @jwdynamite
    @jwdynamite Месяц назад

    Cool video. I’ll follow

  • @RichmanRaylight
    @RichmanRaylight Месяц назад

    Thank You brother 🫂

  • @wendyguevarapupo902
    @wendyguevarapupo902 Месяц назад

    Awesome

  • @sayacee5813
    @sayacee5813 Месяц назад

    so good

  • @ashiqurrahmanabir
    @ashiqurrahmanabir 16 дней назад

    Thanks ❤

  • @keikun6579
    @keikun6579 11 дней назад

    Thank you so much for sharing this I really love it. I have some question is it possible to use a different custom overlay in every application? TIA.

  • @JoyFlicks640
    @JoyFlicks640 Месяц назад

    amazing

  • @Jerhyn7
    @Jerhyn7 Месяц назад

    Seven words that make algorithms love You.","
    알고리즘이 당신을 사랑하게 만드는 일곱 단어.

  • @badass_beast8631
    @badass_beast8631 Месяц назад

    Due to ZTT I am just loving afterburner

  • @mykeviper
    @mykeviper 27 дней назад

    nice!!!

  • @therealmarv619
    @therealmarv619 20 дней назад

    man I did it, thanks alot it was fun, thank you mate
    PS: your explaining & summarizing is at point, you're good man.
    Forgot this out of exitmenet: I can't center the final result in middle of the game, the most I set in riva tuner it doesn't center in-game
    how to fix that?

  • @diptangshuman3265
    @diptangshuman3265 20 дней назад

    Hello man, came here from a ZTT short. Really helpful tutorial! Could you do one for a rounded taskbar layout without using any paid software?

  • @DogeGaming6912
    @DogeGaming6912 Месяц назад

    This is great. I was able to build it and also a separate one using your import. May I ask if there's a way to quickly select all of the elements on the overlay editor and make everything smaller at once? It's too big for my monitor lol

  • @lpdsyck
    @lpdsyck Месяц назад

    you are a f$cking god bro

  • @VOLTROX1
    @VOLTROX1 Месяц назад

    thanks def subbing

  • @Malik3th
    @Malik3th 28 дней назад

    great video 👍👍 but i have a question instead of having CPU then the temps is it possible to have the name of the CPU or The name of the GPU ? was sent by ZTT

  • @TexugoFTW
    @TexugoFTW 2 месяца назад

    Thanks, it looks great! Just one question: at the moment, to use the overlay, I must keep the "overlay editor" open. Otherwise, nothing happens when I press the MSI "toggle on screen display" hotkey. Is there a way to toggle it without having the riva overlay editor opened? Thanks again!