Custom Animated Stream Graphics in DaVinci Resolve - [Fusion & OBS Motion Graphics Tutorial]
HTML-код
- Опубликовано: 11 сен 2024
- Need some neat animated graphics for your stream? Well I got you covered! Today we look at how to make custom animated graphics for any stream, right in Davinci Resolve 17's Fusion page. And spoilers, you can do all of this for FREE! I have some handy download links below if you want to follow along!
Download Davinci Resolve 17:
www.blackmagic...
OBS Studio: obsproject.com/
FREE Fusion Mini Course: www.groundcont...
The 9 Nodes You Need to Make (Almost) Anything in Fusion: www.groundcont...
-
FUSION: ZERO TO HERO - The Ultimate Blackmagic Fusion Course (Great for Beginners!)
- Learn to make motion graphics and visual effects in DaVinci Resolve!
www.groundcont...
-MORE RESOLVE COURSES-
Pro Compositing & VFX in Fusion Course:
www.groundcont...
Artgrid (VIDEO): bit.ly/31gT2ju
Artlist (MUSIC/SFX): bit.ly/3ayH9oL
![HOW TO CLONE OUT ANYTHING IN FUSION [FREE VERSION TOO!]- DaVinci Resolve Paint Out Tutorial](http://i.ytimg.com/vi/lGq3KVWbDZ8/mqdefault.jpg)
![HOW TO CLONE OUT ANYTHING IN FUSION [FREE VERSION TOO!]- DaVinci Resolve Paint Out Tutorial](/img/tr.png)
To make it play easier in OBS you can convert the QuickTime file to a Webm file. There’s codecs for programs. There are also online converters. It should be possible to retain the alpha transparency! Converting to webm will make the file much smaller & will be a breeze to play in OBS.
Was about to comment the same thing
I tried it but it wouldnt let me copy the codec, and when I choose one of the options it gives me an error and tells me it isnt supported>c
@@alangodinez5487 I use Shutter Encoder to convert to .webm (In drop down in that program you select VP9, then in advanced features there is a check box to Enable Alpha Channel). You can probably use other programs as well.
I've learned so much from you, it helps make my video passable LOL!!
Have you done a video about zooming and highlighting on text? If so, I can't find it.
Keep up the great work!
I just laughed loud when angle was applied. So awesome
I love it when you surprise yourself.
I really love how I can come here for a rundown on Fusion, and then take off to make all sorts of stuff and things. Thanks for your help!
Always laughed and learn at the same time. Youre the best
Fusion is an amazing piece of software. Not long ago one had to shell out huge fees for something of this quality.
My favorite tutorials on YT
So I went Green and I added a BLUR effect for maximum awesomeness on the white layer!!!! ALWAYS GO GREEN!!! p.s. you are my hero...
Casey you are everything my world right now lol. Your help has inspired me to also help small content creators !
Thank you Casey. Recently started streaming so this is perfect timing!
Same here actually! and just started trying to learn resolve
@@xeonXAssault Casey is hands down the best Resolve teacher out there.
Thanks for the quick totorials, :)
AHAH MAN i really like your way to explain the things, its smart, funny and pretty useful!
You should make shirts that say, save to somewhere pro like desktop. I swear every time you say it it makes me laugh so hard 😆
Dude! You are the best, I love your silly humour as well, you make my day!
Thanks for showing the green screen option! Could not get the QuickTime/alpha channel to work, so used MP4/green screen...SUCCESS!!!
Another job well done, Casey. Cheers. Dave
Thanks Casey ! You are saviour! Your videos are comprehensive, now I could make some basic video editing from zero knowledge after watched your video. Your videos are easy to understand for totally beginner, which is so great! Unlike any other tutorial that expecting us do have some editing background, so hard for us to learn. Hope to see your great videos again and again !
This is really nice. I was wondering especially how you'd export it with the alpha layer. Really useful!
Wow this is so cool gives me so many ideas!
Great! Many thanks!
Thanks for the great tutorials. I've used some of the fusion goodies I've learned into the introductions of a few of my recent videos! Kudos for the great content you've been putting out! Thank you once again!
Beautiful tutorial.....Thnx kid,,,you are awsome....from philippines
Bro your legit the goat perfect timing man 🤣🤣
Cassie, I literally just did this! I have learned much from you sir, thank you! I made a neon flashing light of my name and a scroller for all my socials. 😊
Excellent tutorial. Keep it up! :)
Thank you Casey
I was literally planning on doing something like this this weekend! Thanks for the video!
Omfg best video ever I'm starting a ty channel and I've been pained on finding a coll border this is going to save me soooooo so much
Thanks for the awesome tutorial just what I was looking for 😊🤗
I love your content! Thank you for spreading our knowledge with everyone! I really appreciate it!
Gummy bear. Bouncing here and there and everywhere
I'm getting a new laptop (replacing my 2014) so that I can edit videos better, and now thanks to you I'll be spending way too much time trying stuff like this 😂 but thankfully you explain this so well! Thank you!
I love ur style
thanks for video
Convert your file to webm, and it will run a lot smoother.
Thanks Kyle. This made a world of difference to me. I'm trying to do editing/creating on a laptop. Converting to webm stopped my fans running as though they were trying to lift the laptop off the desk 😮 Seriously folks, you should give this a try. Thanks again, Kyle. To all, I hope you are well and staying safe. Cheers. Dave
What are you using for conversion? Handbrake doesn't seem to preserve the alpha.
@@MattHeere Hi Matt. First I must tell you I am strictly an amateur so I don't know if this is the sort of method you want but I simply used www.aconvert.com/video/. There is a check box to save with transparency. Whilst it took a while to convert it the result seemed to be great. However, like I say, I'm no professional user so you may need a 'better' solution. Anyway, I hope this helps a bit. I hope you and yours are well and keeping safe. Cheers. Dave
I convert to webm after rendering using ffmpeg... and then also use StreamElements for displaying overlay graphics ☺
Thanks this is awesome. By the way the variant with the green background consumes A LOT less CPU performance
Casey this was really useful thank you! can I do something similar with text? or a picture instead of a solid background?
Hi Casey can you please do a tutorial on how to highlight a certain part of a paragraph, or blur out a paragraph leaving just a sentence unblurred so that part of the sentence can be focused on
Amazing !!!! Can you do a tututrial on how to make a anime moving lines background ? Please it will be awesome !!!
Thank you.
To sort the filesize out, you may be able to also convert it to .webm, which keeps the transparency, but makes the filesize like 1/8th of it's original.. (random guess on the actual size, but it's smaller)
Thank you very much
Would you change those settings for the video file for stream labs or keep them the same? Great video thanks
Hey Casey, this give me so much ideas what I can do for my streams. I have one question. Is there an option to render an overlay with sound and transperentcy? For an example the subscribe button. So I can use it as a clip and the "clicking sound" is always within.
Thx for your great tutorials.
Best Regards, Patrick
great, thanks
Dude your tutorials are so fun and make struggling with editing a blast. I'm struggling with trying to move a title from one project to another. In the new project it says my media is offline, but I basically pointed to the same source folder. I think it's the effects I have on the clip that weren't transferred over. Do I need to merge them into a VFX connect clip or whatever? I still want to be able to edit the text in the new project. Been trying to scour youtube for answers... if it's something you've covered before I'd love to know.
how to export this animation to streamelements?
Thank you very much, you are the man. I don't care what I think about you lol.
There's a script that makes overlays you use with OBS lighter, I don't remember the name or where I saw it but it works fantastically
maybe its ffmpeg? you can convert a mov to webm - those should be a lot smaller. Or something like shutterencoder should also work
@@GerritKPunkt Yeah, it used FFmpeg and of course you can mess with it and do it yourself, but I remember there was a script somewhere that people would use, saw many videos where people would show it
I noticed, you used quite a difficult format for a video with green screen. There is a cool way to make a very lightweight video with a transparent background in DaVinci Resolve for OBS and completely forget about green screens for such overlays. The solution is the VP9 format. VP9 uses WebM video container. It was created by Google. It is not very popular in video editing software, but it is very popular in web technologies, because it allows to create super lightweight video files, it supports alpha channel and it uses lossless compression. This format is widely used by Google and RUclips.
Just a few facts to understand. Overlay videos using H.264 format can weigh several megabytes while VP9-encoded overlays can weigh about 100 kilobytes. The difference in size may be 10, 20 or even 50 times. Moreover, VP9 animation, just like the old PNG image format, uses lossless compression. This makes WebM movies portable and reusable in future. Lossless technologies are the future.
To make a VP9 WebM video in DaVinci Resolve you need to export your project as a sequence of images using a format which supports transparency. The best format is TIFF with alpha channel, PNG format with alpha channel can also be used. After you export your animation as a sequence of images, you need to assemble a WebM movie from them. For this purpose you can use the free and open-source FFmpeg tool with a very simple script. More information about converting TIFF images into the WebM can be found in Google's search.
The simpliest command to convert TIFF images into a WebM video would be following:
ffmpeg -framerate 60 -i frame_%05d.tif -pix_fmt yuva420p -an output.webm
Love this video, been very helpful. Is there any way to add a chrome or blinn effect to the rectangle at all?
for anyone else having trouble after adding the 3rd mask to create the spinning highlight affect, but the colours are the wrong way around, open the inspector for that third mask and click invert
I do not understand, when I apply rectangle mask on merge 2.. the mask is inverted by default.. i understand it's supposed to only show the white background.. but mine shows the blue background.. so i need to click "invert" so that I could produce the white highlight.. problem is, when i decrease blend in merge 2.. it decreases the blend of the blue border instead because the mask is inverted.. is this some sort of bug?
these look awesome I have however noticed it does affect cpu usage makes it very high I have a 5800x so my cpu shouldn't be an issue when using it streaming
I downloaded Davinci Resolve, tried to follow along, but my Davinci screen isn't the same as yours. What am I doing wrong?
How do you add promotional banners for stores/websites basically the rotating logos on top of the webcam
Between you and mralextech I am learning a lot about fusion thank you very much from a person with learning difficulties yall do a monkey see monkey do type of instruction that works for me
hey man thanks it helps but im havving problep wit the export alpha im unable to find that option
today is was thinking about your intro and my mind mixed words like this
"hi my name is casey resolve"
i am like what??
You could also just convert the file to webm, which will run smoother too . Anyway I have request, could you plaease do a stinger transition for OBS using matte for the new stinger function in OBS 27? For some reason I have tried to but it gets semitransparent and both scenes shine through
"export alpha" doesn't exist for me, do you know how to fix that?
hi can u show how to make the invisible cloak from harry potter
The Export Alpha option is there for me.
Nevermind found it 👍👍
is it just me... or can you not do really kewl effects like you can on AE... i would REALLY like to see recreations of, lets say, video copilot done with resolve... i just don't see how it can be done and i really want to use this program and not have to pay a monthly subscription to adobe just to use all my saved AE projects.
Idk why but that's one cursed looking grin on the thumbnail.
Yikes! You are so good at this… But I’m telling you you could do this in after affects in half the time half the trouble half the layers. And it would be just as good if not better using shapes. Fusion is definitely an interesting animal… But it’s so convoluted. Merge this to merge that and merge this to merge that… You have to go to medical school to figure out how to do all this.
The RUclips card for Fusion tutorials appears a few seconds later than expected.
The first perron thst is happy with a blue screen
Render in .mov is the worst thing you could do, OBS gets really slow if you make transitions and stuff like the ones you are showing using .mov, the trick here is to render in webm, takes a lot less resources. webm videos look awful in any program except the streaming apps, idk why.
Bro no offense but your teeth scared me probably would put that as your thumbnail in the future
Alpha video files will usually be huge and eat processor resources. You could do the green screen key out, but a clean alpha file is FAR better. What you could do is convert the .MOV file to .WEBM and like magic your alpha video is at a manageable size. Here are 2 places your can convert your .MOV alpha video files to .WEBM:
Aconvert www.aconvert.com/video (Web Based)
Shutter Encoder www.shutterencoder.com/en/ (Install/Standalone)