How To Make ANIMATED Overlays For Free! (inc. Downloads/Templates)

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ม.ค. 2025

ความคิดเห็น • 690

  • @nuttylmao
    @nuttylmao  4 ปีที่แล้ว +444

    Note: If you're getting a watermark when you export in HitFilm Express, make sure you sign in first before you export. Creating an account is free.
    Please stop accusing me of being a liar.

    • @Gizmo543gaming
      @Gizmo543gaming 4 ปีที่แล้ว +8

      Im lost on how to create the shape thing ;-;

    • @lachlannnnn
      @lachlannnnn 4 ปีที่แล้ว +6

      I just used a wallpaper gif and but my webcams layer on top!

    • @xd_darth2510
      @xd_darth2510 4 ปีที่แล้ว +1

      dude i´m not paying 9 dollars for a webcam :( help me D:

    • @flaxenity4497
      @flaxenity4497 4 ปีที่แล้ว

      thank you for the video

    • @BruceCarbonLakeriver
      @BruceCarbonLakeriver 4 ปีที่แล้ว +1

      Yeah DaVinci Resolve - subbed

  • @ic3xiii
    @ic3xiii 4 ปีที่แล้ว +252

    for those who are lost in "Keying" @11:35 it's an additional Effect so just click on the plus button in the Effects.

    • @lucasdasilva3279
      @lucasdasilva3279 4 ปีที่แล้ว +14

      omg thanks so much my friend.. i was LOST for half an hour

    • @besambal9378
      @besambal9378 4 ปีที่แล้ว +6

      u SIR, saved a lot of lives by now (y)

    • @jfurness72
      @jfurness72 4 ปีที่แล้ว +1

      THANK YOU!!

    • @streem754
      @streem754 4 ปีที่แล้ว +1

      thank u

    • @NoobGamer-nv7vi
      @NoobGamer-nv7vi 4 ปีที่แล้ว +1

      @@lucasdasilva3279 same :D

  • @SmokingSpoon
    @SmokingSpoon 4 ปีที่แล้ว +18

    I've animated a bunch of stuff and to be honest that rectangle idea of yours is really clever. Never thought it could be that simple!

  • @o0LavenderAndSpice0o
    @o0LavenderAndSpice0o 3 ปีที่แล้ว +2

    As a new Twitch user preparing for my first stream and wanting to look professional, learning how to do things like this myself are so important and essential IMO. I love that you have chosen free programs so anyone who is on a tight budget can still do this and have a simple yet high-quality overlay. I literally have a massive playlist of just tutorials for Twitch and this is definitely going on there. You, sir, just earned a subscriber for being immensely helpful and thorough. I thank you greatly. 😁

  • @SchwarzwolfGaming
    @SchwarzwolfGaming 4 ปีที่แล้ว +164

    After watching this multiple times to learn, I decided that I like you.

    • @kurtikopter4813
      @kurtikopter4813 4 ปีที่แล้ว +1

      lol

    • @kurtikopter4813
      @kurtikopter4813 4 ปีที่แล้ว

      omg du bist sogar deutsch ey wie cool

    • @WrinkG
      @WrinkG 4 ปีที่แล้ว

      Naw fr🤣🤣

    • @jossvalomx
      @jossvalomx 4 ปีที่แล้ว +1

      Best comment, EVER

    • @DSKincaid
      @DSKincaid 4 ปีที่แล้ว +1

      He Said Simple 🤔......Then I Was Like Wait

  • @nuttylmao
    @nuttylmao  4 ปีที่แล้ว +34

    For anyone who doesn't feel like making their own animate overlay, jump into the Discord. I've released some designs for free there. Skip to 14:18 for details on how to set that up.

    • @nutella4eva
      @nutella4eva 4 ปีที่แล้ว +7

      lmao this loser comments on his own videos smh

    • @CCLemonZ
      @CCLemonZ 4 ปีที่แล้ว +2

      @@nutella4eva k

    • @nuttylmao
      @nuttylmao  4 ปีที่แล้ว +1

      @@AJCoReTV Read it, you'll know what to do.

    • @MorrisLiveProductions
      @MorrisLiveProductions 4 ปีที่แล้ว +2

      link not working for coverter plz help

    • @stephengallagher5085
      @stephengallagher5085 4 ปีที่แล้ว

      Best animation tutorial I found to date.. honestly made it easy compared to all other videos I have watched. I have done some animation before but didn't know it was along the lines the same process ! Great video!:)

  • @JHess
    @JHess 4 ปีที่แล้ว +16

    thanks for not making yet another adobe snob video and giving open source software some love. pro tip: edit>preferences>interface>theme>check 'use dark theme' ;)

  • @ChurroWaffles
    @ChurroWaffles 3 ปีที่แล้ว +1

    This dude is what I dream to be as a content creator. Concise and brutally honest.

  • @kristiscabana
    @kristiscabana 3 ปีที่แล้ว

    Wait. Did you say "way better people than me?" I doubteth that my good sir. I have been following you for a long time and you've helped me with a LOT of things. I like to consider myself a good person, so I know a good person when I see one and you kinda, well, you rock. I think most other people here can also agree that you have helped them tons!

  • @nedwards1906
    @nedwards1906 3 ปีที่แล้ว +1

    This was absolutely awesome. I am a complete novice and I was able to follow along and complete the entire project. I want to thank you for taking the time to create this video. Now I'm going to spend hours making, adjusting and adding, making, adjusting and adding... these overlays for hours.

  • @rena4618
    @rena4618 2 ปีที่แล้ว

    this guy right here is the ultimate savior of small streamers. kudos to you!

  • @FREEFROMITALL
    @FREEFROMITALL 2 ปีที่แล้ว

    sick bro. tried to watch some one else and they basically just clicked for 30 mins and explained nothing
    this is what I needed! cheers brother!

  • @GelatinousGesticulation
    @GelatinousGesticulation 3 ปีที่แล้ว +7

    If you're confused about the box make your line with the straight line tool, then hit shift - control - f to open the Fill and Stroke menu. You can change the width of the line there. Use the "Stroke Paint" tab to change the color of the line rather than filling in the whole box with the "Fill" tab. Its sort of simple but took me a little longer than I'd like to admit.

  • @mimosasomestimes
    @mimosasomestimes 4 ปีที่แล้ว +2

    I'm about to rewatch this like 12 times to work on my stream borders. Thanks so much for these ideas and tutorials. The basic run down on how to do things in OBS and free programs to use is so helpful for this streaming newb hahaha

  • @Adolaide
    @Adolaide 4 ปีที่แล้ว +1

    Omg... I spent a whole day trying to figure this stuff out and ended up so close to doing it but couldn't get the right help..... THIS VIDEO WAS EXACTLY WHAT I NEEDED THANK YOU SO MUCH!!!

  • @konkonwah
    @konkonwah 4 ปีที่แล้ว +3

    i love how he's honest about loving the ad revenue

  • @cqlvxn1863
    @cqlvxn1863 4 ปีที่แล้ว +12

    to lazy to actually make this myself but did watch the whole vid... ty ty my guy

  • @NeurOrdnr
    @NeurOrdnr 4 ปีที่แล้ว +1

    Oi mate, just wanted to drop a thanks for your work. Your videos are a perfect jumping-off point into the materia.
    Really opened my eyes about what is achievable with not that big a budget.
    Literally no excuses to have a stream and not look into the things you highlight.
    Keep up the good work.
    On a sidenote: When you think that sharing someone's videos might actually hurt you economically, you know the content is good.

  • @AgentScruffy
    @AgentScruffy 4 ปีที่แล้ว

    I rarely ever like, and then especially subscribe from tutorials, I'm usually just lazy or stubborn, but you my sir got both, this guide is super easy to understand for someone who has never used any of these programs at all. Thank you!

  • @lucysann5833
    @lucysann5833 4 ปีที่แล้ว

    Maaaaan, your WebM converter is crazy !!!! thanks a lot for all your videos and stuff ! you're the boss !

  • @extinctnine
    @extinctnine 3 ปีที่แล้ว +1

    Dude , your down to earth. I appreciate the work you do on these tutorials. Great job, I subscribed and gave a thumbs up. These videos have been helpful thanks

  • @genetorres6634
    @genetorres6634 3 ปีที่แล้ว +3

    @nutty Great stuff! I've been looking to make my own overlays for some time now to stand out. I really love the simplicity you implement. I too love clean, concise lines, and a lot of the overlay packs seem to be way overdone. Thanks!

  • @systim30
    @systim30 4 ปีที่แล้ว

    Dude... you rock... seriously.
    First video i saw was talking about slobs.. and then i run i to this. Everything i was trying to do in Slobs.. but couldn't do... it's a good program for beginners and this just set me on the right path

  • @tristanfoss5004
    @tristanfoss5004 3 ปีที่แล้ว +1

    thank you, i spent a whole morning learning to make this but it looks awesome!

  • @CCLemonZ
    @CCLemonZ 4 ปีที่แล้ว +2

    shaping up to be a really good video, keep up the awesome work my man

  • @xAmosBoss
    @xAmosBoss 3 ปีที่แล้ว

    Was very confused at the start with the controls of inkscape but then learnt after a bit thanks for the tutorial

  • @chrisdomingo8787
    @chrisdomingo8787 4 ปีที่แล้ว +1

    You explain it so well - it feels so easy to follow and do.

  • @f2bacon
    @f2bacon 4 ปีที่แล้ว +14

    i spent around 4 hours keyframing startpoints and endpoints in after effects with the saber plugin to try and get a red-blue "chase" webcam border and man i really wish i saw this first. i couldve just done a solid color saber and then have a red-blue gradient rotating masked. i feel like a fool

  • @518freakshow
    @518freakshow 4 ปีที่แล้ว

    Dude, thank you so much for linking the converters. This has been driving me nuckin futz.

  • @aritanmaia1183
    @aritanmaia1183 4 ปีที่แล้ว

    Third time I randomly came across this nutty channel... Had to subscribe! Awesome job, mate!!!!!

  • @yourbeautiful8080
    @yourbeautiful8080 3 ปีที่แล้ว

    Thanks for taking the time to create this tutorial. My age is catching up with me as I found it confusing. Loved the final result. Nice work.

  • @LucreDenouncer
    @LucreDenouncer 3 ปีที่แล้ว +2

    4:32 that's actually the slow way to do that. The quicker way is to go to Edit > Resize Page to Selection. The quickest way is to just press Shift+Ctrl+R.
    Also, the latest version of Inkscape has a dark mode (thank goodness).

  • @abigailcolina9348
    @abigailcolina9348 2 ปีที่แล้ว

    Thanks a lot, I did not know about the masking part and it has opened a world of possibilities.

  • @highlife7899
    @highlife7899 4 ปีที่แล้ว

    Dont sell urself short. Ur as good as everyone else. Great information. Thank you

  • @KusinerongPinoyVlogs
    @KusinerongPinoyVlogs 4 ปีที่แล้ว +1

    just what im looking for!!

  • @alphacat4927
    @alphacat4927 4 ปีที่แล้ว

    I actually liked that box cut out you did I don't know if it's old and tired or not or if ever been used but I thought it made you look like you were stuck in a box.

  • @tenshichan06
    @tenshichan06 3 ปีที่แล้ว

    I cannot like this video enough. It's quite thorough yet my mind is not numb

  • @Virtual_Bacon
    @Virtual_Bacon 4 ปีที่แล้ว +56

    "FBI OPEN UP! Please I just wanted to make some animated overlays..."

  • @Kthulhut
    @Kthulhut ปีที่แล้ว

    Thank you I've watched several videos but yours actually really helped!

  • @chrismooney-singh2055
    @chrismooney-singh2055 4 ปีที่แล้ว +2

    Another good one! I have Hit Film pro and Inkscape. Gonna try it out. Thanks, Nutman.

  • @GustavoOchoa-MaNuEl_Bqto
    @GustavoOchoa-MaNuEl_Bqto 3 ปีที่แล้ว

    good video, the beauty of this, is doing it by yourself, following the stuff you did, applying the colors you want, the shape you want, and the best... you made an script that convert the avi file into a webm file, that is a nice touch, much apreciate.

  • @TetoLink
    @TetoLink 3 ปีที่แล้ว

    Your indication of applications has help me a lot. Thank you very much!

  • @Otterinheaven
    @Otterinheaven 3 ปีที่แล้ว

    Dope. It feels so obvious that the first step to creating animated overlays is to create a video. Thanks :)

  • @oplixity
    @oplixity 3 ปีที่แล้ว

    The circle one is really sick

  • @baronblackbird1705
    @baronblackbird1705 4 ปีที่แล้ว

    Have yet to give this a shot, but I really like the video. Will certainly look towards this if my current plan fails (again). Thanks for doing most of the ground work!

  • @KSZero
    @KSZero 4 ปีที่แล้ว

    i just watched 3 of your videos and WHY do you only have 17.2k subs? u deserved a fckin Gold Play brother. I'm new here and I enjoyed every single content I've watched. Great job!

  • @SE4LS
    @SE4LS 4 ปีที่แล้ว +4

    Good stuff. I'm already really familiar with After Effects, so I'll be honest and say I didn't learn much but the technique to achieve the desired effect is a good one. The main thing I got out of this vid was that webm converter. The one I've been using is kind of hit and miss when it comes to the final product, so I'll give this one a go instead! Thank you!

  • @spadesasmr
    @spadesasmr 4 ปีที่แล้ว

    Very helpful dude! Don't worry I always watch your videos till end.. 👌😁💖

  • @dravonthatcher2862
    @dravonthatcher2862 3 ปีที่แล้ว

    first video ive seen of yours, youre cool as hell and down to earth. Im using this as a webcam model lol

  • @moresinislove
    @moresinislove 4 ปีที่แล้ว

    thanks for the tips, I made my very first animated outline with success and it looks like it will go great with the new scenes I'm making!

  • @Tonskii
    @Tonskii 3 ปีที่แล้ว

    As a newbie streamer/youtuber, i learned a lot from you. Subscribed!

  • @ESHABAMBOO
    @ESHABAMBOO 4 ปีที่แล้ว +1

    Well explained, and very helpful can’t wait to make mine! Appreciate it nutty!

  • @telsnt
    @telsnt 4 ปีที่แล้ว

    This video is what I'm looking for in moths! I'm making animated overlays in Adobe Animate. It exports massive video files with alpha channel, in .mov format. Never knew how to reduce this files. The WebM Converter of NGON was the definitive solution! And you show me a great free alternative to Adobe Animate, he HitFilm. Two shots in a single tutorial, thank you so much! You have a new subscriber.

  • @Holabella
    @Holabella 2 ปีที่แล้ว

    no one's a better person than you lol thx for the straightforward video and humor

  • @SpicyDisco
    @SpicyDisco 3 ปีที่แล้ว

    I feel like im learning witch craft, Learning so much from your videos

  • @nathman65
    @nathman65 4 ปีที่แล้ว

    dude this video stepped my stream up to another level !!! thanks for the sweat tutorial

  • @miguelferrer7848
    @miguelferrer7848 4 ปีที่แล้ว

    You're so amazing and I learned a lot having two options for creating and downloading the borders. Thank you so much for doing this tutorial!

  • @midlifecrisisgamingtech5462
    @midlifecrisisgamingtech5462 4 ปีที่แล้ว

    I subbed cause you put alot of effort in your video and i only realise this after i myself tried to make videos on youtube.. keep up the good work

  • @BLuJiNX_live
    @BLuJiNX_live 4 ปีที่แล้ว

    you are amazing, finding free stuffs for us needing free

  • @silveyfam
    @silveyfam 4 ปีที่แล้ว +3

    Wonderful job! I feel inspired and educated.

  • @KG-vg5bb
    @KG-vg5bb 4 ปีที่แล้ว

    Great work. Watched the video like... a billion times and made some cool animations.

  • @bell_knight
    @bell_knight 3 ปีที่แล้ว

    i know this is a tutorial but your commentary is hilarious my dude

  • @LightThiefProductions
    @LightThiefProductions 4 ปีที่แล้ว +4

    A quick suggestion for aligning your overlays and camera: Use the "Edit>Transform>Center To Screen" command on both, and then group them or select them together
    You'll avoid having a one or two pixel difference like in some of the screenshots

  • @thevictorv
    @thevictorv 2 ปีที่แล้ว

    super great video! thanks for the fast tutorial! this was so quick and digestable, even at 2x speed!

  • @dontrelljanuary9899
    @dontrelljanuary9899 4 ปีที่แล้ว

    Welp I subbed. Great video fam, hope to see more stuff like this

  • @ovocarlos
    @ovocarlos 4 ปีที่แล้ว

    Amazing stuff right here!!

  • @NeilPho
    @NeilPho 4 ปีที่แล้ว +1

    This is great content. Thank you! You deserve more subscribers.

  • @yaksubway9254
    @yaksubway9254 4 ปีที่แล้ว

    What would we do without Nutty? I just don't know? thank you again for saving me time and money!

  • @littlevegankitchen7412
    @littlevegankitchen7412 4 ปีที่แล้ว

    Thank you for creating the video comrade!

  • @XtremePot420
    @XtremePot420 25 วันที่ผ่านมา

    Dude, thank you very much for this video. I am going to download these programs and see what I can come up with. 🙏🏼

  • @rekomaged1
    @rekomaged1 4 ปีที่แล้ว

    incredible video - props to you man

  • @Aodan
    @Aodan 4 ปีที่แล้ว +2

    I can't wait to do this, I love minimal overlays

  • @SGSavvy
    @SGSavvy 4 ปีที่แล้ว +1

    This video genuinely helped motivate me to keep content creating

  • @toms_lii2065
    @toms_lii2065 4 ปีที่แล้ว +2

    So for everyone who has problem with Hitfilm logo and piano song after rendering, you have to press activate icon in HitFilm and simply log in with your account which has free serial key.

  • @geektalkwithbrianfromearth1480
    @geektalkwithbrianfromearth1480 4 ปีที่แล้ว

    Awesome video! Thanks for sharing this!

  • @Itskinsja
    @Itskinsja ปีที่แล้ว

    Where do you make the box in the first part? You didn’t tell anyone where to make the box in, with the colors?

  • @umeisaurusrex
    @umeisaurusrex 3 ปีที่แล้ว

    Thanks so much for the easy-to-follow guide :D !

  • @MarkJosephNOng
    @MarkJosephNOng 3 ปีที่แล้ว

    BROO THANK YOU !!! I have at least achieved something for using those tips thank you again , Using those for my livestream setup soon!

  • @Glennji
    @Glennji 4 ปีที่แล้ว

    Thank youu for the tutorial! I did an irregular shape for mine with my colors and I love it! I don't think I'll ever stop geeking out about it for a couple of months :D

  • @justalfie4444
    @justalfie4444 4 ปีที่แล้ว +1

    dude!! Thansk you so godam much.your helping me so much with my streaming and i cant appreciate you enough. THANK YOU!

  • @calzgaming610
    @calzgaming610 4 ปีที่แล้ว

    Good stuff bro! Keep it up :D

  • @HenriqueWerneck
    @HenriqueWerneck 2 ปีที่แล้ว

    Mind blown indeed! Thanks!

  • @gonefishing5214
    @gonefishing5214 ปีที่แล้ว

    45 seconds in earned you an instant thumbs up lol

  • @jaybillups2063
    @jaybillups2063 4 ปีที่แล้ว +1

    Good job. Helpful info.

  • @mtxablau
    @mtxablau 3 ปีที่แล้ว

    i really love the video, explanation and the easy u make the program be i was not finding any tutorial to make a overlay like this in portuguese Brasil, so i find your, and i love it

  • @sprBEAST211
    @sprBEAST211 3 ปีที่แล้ว +1

    I'm stuck at the part where I'm supposed to delete the rest of the image around the border -.- i click on the transform tool but am unable to delete the border. even with Edit/select all/Object/ clip/ set, the mask is unaligned with the border in that all I'm seeing is a solid color block as opposed to a block with a border. I wish there were a bang your head against the wall emote, as I feel this is an elementary issue....

  • @LucasGentry
    @LucasGentry 4 ปีที่แล้ว

    This is only my 2nd or 3rd video of yours I've watched, but you are amazing :-) Such a helpful person! Opened up my eyes to a lot of possibilities that I had no idea were available. Thank you so much!

  • @jonathanclark6489
    @jonathanclark6489 2 ปีที่แล้ว

    W video bro!!! This man tells no lies!!!!!!!

  • @Gilouloum
    @Gilouloum 4 ปีที่แล้ว

    Really good video continue the hard work !!

  • @MASTERSTROKEtv
    @MASTERSTROKEtv 4 ปีที่แล้ว

    Thank you Nutty, this was a big help.

  • @shenbud3
    @shenbud3 4 ปีที่แล้ว

    love your videos man

  • @TheNosiyoung
    @TheNosiyoung 4 ปีที่แล้ว +1

    this was awesome thanks man!!!

  • @AdamCouser
    @AdamCouser 4 ปีที่แล้ว +142

    I really wish you didnt fast forward parts of this. I'm so lost after the Create a shape bit lol
    Ps. Im talking about creating the border, you fast forwarded it completely and now I've no idea, any help would be great :)

    • @Nico1300
      @Nico1300 4 ปีที่แล้ว +4

      same here

    • @Avrin
      @Avrin 4 ปีที่แล้ว +7

      He expected you to know some background knowledge. 🤷🏾‍♂️🤦🏾‍♂️

    • @ag12rb
      @ag12rb 4 ปีที่แล้ว

      Agreed.

    • @TheMorielOleander
      @TheMorielOleander 4 ปีที่แล้ว +14

      if you are still having trouble you press shift+ctrl+F trace style the on on the most right and the first one thickness i changed that to make the border thicker

    • @ItzSassi
      @ItzSassi 4 ปีที่แล้ว +3

      That part when he was making the gradient moving border what did he use for that???
      does anyone know?

  • @adnanabdull4h
    @adnanabdull4h 3 ปีที่แล้ว

    I LOLed at the FBI joke thank you brother love your content and style!

  • @lexy3754
    @lexy3754 4 ปีที่แล้ว

    very simple. thanks for explaining the fundamentals

  • @kzagaming8111
    @kzagaming8111 4 ปีที่แล้ว

    Bro your videos have helped me so much, thank you!

  • @shesothorny9892
    @shesothorny9892 4 ปีที่แล้ว +1

    your videos are the best.

  • @SirGlockNBawlz
    @SirGlockNBawlz 4 ปีที่แล้ว

    You're amazing I appreciate the videos you have put up!

  • @gabrielchann
    @gabrielchann 4 ปีที่แล้ว

    Thank you for sharing your artwork. This is a really good tutorial.

  • @lorelk8782
    @lorelk8782 3 ปีที่แล้ว

    I only needed half of this video to figure out how to make the ugly black border dissappear around an animated image I drew up - thank you so much for this~