Bloom+Transparency in Blender Eevee and Cycles +Export To .png
ฝัง
- เผยแพร่เมื่อ 2 ส.ค. 2024
- Exporting bloom from Blender seems impossible without ruining how it originally looked. In this video I'll show you exactly how to get Bloom with transparency and how everyone has been doing it wrong. Enjoy the ride!
_____________________________________________
Like! Comment! And don't forget to subscribe!
_____________________________________________
Subscribe Now!:
/ @gameabusestudios
Game Abuse Twitter:
/ abusegame
Game Abuse Discord:
/ discord
Timestamps:
0:00 Introduction
0:51 Explanation
8:28 How Add works
11:38 Working method
13:09 Getting it working with Cycles
_____________________________________________
My other channel
Fallen Exceed Gaming
/ @gameabusestudiosgaming
_____________________________________________
Download blender:
www.blender.org/
Download Unreal engine:
www.unrealengine.com/en-US/do...
Download medibang:
medibangpaint.com/en/
Download Krita:
krita.org/en/
Download Davinci resolve:
www.blackmagicdesign.com/prod...
_____________________________________________
Thread links mentioned in video
blender.stackexchange.com/que...
devtalk.blender.org/t/renderi...
www.lumpapps.com/bloom-with-e...
b3d.interplanety.org/en/bloom...
blender.stackexchange.com/que...
www.artstation.com/artwork/Oy...
blender.stackexchange.com/que...
blender.stackexchange.com/que...
blender.stackexchange.com/que...
blenderartists.org/t/bloom-po...
blenderartists.org/t/renderin...
blender.stackexchange.com/que...
_____________________________________________
Video links mentioned in video
• Bloom effect with tran...
• Bloom Eevee Transparen...
• Eevee + Alpha : Bloom
• Render 'Bloom' effect ...
• Video
I do the render with black background, open the image in GIMP and use the function 'color to alpha' (set to black). Ready. I'm totally satisfied with the result.
Just tested it out, that's pretty cool!
The only thing I see off about it is the bloom not adding brightness to the images below. I will definately keep this in mind if I don't want the additive effect, Thanks for sharing!
awesome!
Tallyman this video is trash. The only thing that still works is your workaround.
damn was about to post this.
Ii would've tried the same thing on Krita: just render on black background run Color-to-Alpha on background color. Thanks for posting so that we could hear back the video author's comparison. Thank you to the author too. One of most dedicated and problem-solving video to those who are desperate.
you took an astonishing amount of time in a lack of bloom rampage
Glad you noticed, I had corona virus.
Oh my god you actually did it, this is the correct way to do it. I cant believe this, actually saved my half year long project and it was so simple and is part of the basic color theory. Thank you for being literally the only one to get this right! This also fixed the problem where i couldnt render volume with transparent background.
Same problem , best solution 😊
Jesus, the time it takes to articulate what every PS guy knew for years: just render it on black and blend it on Screen as a layer under the transparent version...
Thanks! :)
THANK YOU SO MUCH MAN!! I didn't even search up my problem yet. I was just looking on youtube about bloom when I saw this and clicked on it. Who knew that this would fix my problem! I thought my compositor was not working, however, its just that bloom doesn't work with transparency. But you helped me fix that. You are a legend, you deserve 100 million subs!
LMAO I had read through every single artice and post you've mentioned in the video, my links were just as purple as yours. Quite funny to see someone else have the exact same experience. :D
Man! I loved your video, this humor is treasure! You almost caugth me in that fake end LOL. Thank you so much for the tutorial I wanna try this soon in one of my works. Sending you good vibes from Brazil!
the second options pleases me more as it makes the whole work in blender itself , that is what I think it should be able to do it first place without the need of opening any other editing software at all.
Thank for your BRIILLIANT insight . pun intended.
dude. This is freaking amazing. Love your process, its so methodical, and your analysis is superb. Some Sherlock Holmes level stuff! Thanks for this!
Using additive is wonderful, I use it all the time for particles that I want to have similar glow effect. The issue I run into is when a customer wants a cutout transparent image, with the bloom effects. I recently did a render of a starship for someone's book, they asked me to make it a fully transparent image so they could simply apply it onto the page. I did explain to them the issues surrounding that, and how using a black image with additive applied would work even better. They insisted on having the image already be transparent and were happier with the awful bloom I had to mix in myself through photoshop. It's unfortunate that we can only have the two options, but that's how the programming and rendering works, can't change that.
aaaaa, have you watched the solution actually? That's what this clip is about. You have to combine them in PS or something
Thank you! I tried all the other work arounds, and then started wonder why even in the multu-layer exr the bloom was still black, and came across your video. The "add" solution should have been obvious, but some how you are tge only one who figured it out!
you're literally a lifesaver!! couldn't imagine where would i be hadn't i watched this tutorial
Not even halfway through the tutorial and already subscribed. Love the craft and the way you managed the narrative!
Good video. I love it when old techniques are rediscovered. Back before using transparent PNGs for compositing, I pretty much copied the method pioneered by ILM when optically compositing shots for Star Wars. They filmed against a blue screen which was used to create background and foreground mattes. This allowed them to create footage of the object against a black background, and a background with an object-shaped black area. When these two pieces of film are combined in the optical printer, you have your composited shot. In my 3D work, I duplicated this, using an inverse of my 8-bit alpha channel set to 'multiply' against the background, before using 'screen' or 'add' to 're-expose' that area with my object rendered against a black background and saved as a 24-bit image. Your video just goes to prove that a lot of the time, the old ways are still the best! 🙂
To do this without rendering twice, just set up a separate File Output node in the compositor and feed the Alpha channel into it. Uncheck 'Use alpha' in the main composite node. Then you'll get both separate files in one render process. Then just invert the alpha pass in your compositing app to make it black-on-transparent and use this method. This resulted in some white fringe so then just set the inverted alpha layer to Multiply.
umm can you eleborate more i added another node but couldn't get two seperate pngs
The output options are over to the right side of the compositor with the output node selected, but they’re possibly (probably) hidden by default. Pressing N on your keyboard should make the options pop up, in those options you can setup multiple file outputs which will make the node grow as many yellow input pins (color data) as desired. Whatever you plug in will output to the file location you specify for each output upon rendering.
Edit: Forgot to mention that it's a node you have to add called "File output" and also after jumping into blender to make sure I'm accurate, it seems the options are in the top tab of those options (Tab called "Node") then hidden under a drop-down menu called "properties" where finally you can hit "Add input".
@@GameAbuseStudios can you please post picture of node setup, Im beginner
What I did is I plugged the Alpha in a ColorRamp, defined the values as transparent and black, and did the rest of what the vid explains. So I can use Add in there, not Multiply.
Great video! I had to rewatch a few times but got there in the end :) great result! well done!!!
Dude your videos make me laugh so damn hard keep up the amazing work
I just want to say I really love the part that you literally clicked through EVERY SINGLE PAGE in the search results.
Wow, this was something I've been trying to solve for so long but wasn't ambitious enough. Thank you so much for sharing this with us, this is really valuable knowledge.
This yt channel is underrated af. Your vids are really entertaining
I just started getting into 3d and this is Super applicable to just making artwork in general! I had this issue a long time ago and wasn't able to make effects in photoshop saved as png because of this similar issue, I'm super happy that now I'm able to do just that! Awesome Video!
THANK YOU SO MUCH! This is what I hate about these "help" forums. There's too many people there just to grind up their reply count, commenting "I found the answer in 30 seconds on Google" then linking a completely unhelpful or unrelated answer on another forum.
It's just so demotivating trying to ask for help when you know you'll get this answer 99% of the time.
I have been searching for an answer to my problem because I've been trying to render something all day and it came out wrong everytime. Seeing all the places I went to and then saw again in your video was really funny. I'm used to making things with Cycles but for this particular project I needed Eevee. I came across your comment on another video on how to fix this issue and I AM SO HAPPY I DID! Your video needs more views, man
I liked this video so hard. Been spending hours on this
Thank you
That was cool! Thank you so much. This really helps. Thanks for taking the time to figure this out!
I have a similar workflow,
The only difference is I use black layer below transparent layer so I'm not changing bright to black.
EDIT after test:
Your method is far more flexible,
My first test results in object is too dark for a bright background image.
Usually I use curve to adjust it.
By your method, adjusting the brightness of transparent layer make a fast and convenient composite!
Awesome 👍👍👍
Head's up:
I know this video is two years old, so maaaaybeee this wasn't a thing back then, but as of today, OBS Studio _can_ blend properly, the method is just slightly different. You applied an "Image Mask/Blend" filter to the background image, and set the "Path" to the bloom image. The problem is that the black render isn't present with this method, so it only adds to the background. Instead, you can add both the black render and the bloom render as independent sources and set the bloom render source to appear on top of the black render source. Then, you can right-click on the bloom render source and set the "Blending Mode" to "Add". Should work flawlessly then! Hope this helps someone or maybe it won't idk I'm not your dad
Thank you so much for this video!!
Truly a time saver to get the best results
With all my heart, thank you very much!!! OuO, I've spent a lot of time searching for a solution and this is it
You video has captured my interest and has introduced many cool ideas.
Oh wow, i knew about the "Add" method before and already used it many many times for editing images and overlaying stuff to images but i never thought of that. And once you showed that the blooms suddenly disappears once the background is white it just clicked for me to and the black background and Add method immediately came into my head. Its amazing that apparently no one has thought of this before
My man just went all game theory on this one
your everything is perfect for this wth
Brilliant! Brilliant! Brilliant! At last after all these years the problem is finally solved! THANK YOU!!!
Thats pretty freaking cool. Would love to see a video of how you got the 3D version (cube) at 6m49 (export, import, everything) since I'm pretty new to all of this and could use exactly this in a game I'm developing!
I can do a video if you want me to. there's someone here in the comments who asked me about getting it set up and I went into detail for them. not sure if it's very understandable but you can find my replies to TwistedWizardy under his comment (He's the one with the big red logo with a thumbs down). I think that should get things working for you but if you have any questions or any problems with it please feel free to let me know. I will gladly do a video.
ok so there is no way to actually save a png or exr with a transparent background with still maintaining the glare? with no backgrounds of videos or other images to composite it onto etc.
wtf bro, you arae genious! been using Add since years never thought it could be done this way!!
Alpha Add and Alpha Subtract are very common in the VFX, Film and Motion industry. I think taking a look or poking around in film and video forums you might have found the answer sooner. We use black, screens, white screens, green screens, and blue screens all for various reasons. I’m newish to 3D animation, but my training in the film industry has me default to black screening for any transparent bloom effects I need outside of blender.
This guy blooms. Seriously, you saved us all a ton of time and effort. Also thank you to Tallyman for the GIMP shortcut.
man I like the way you make your videos but GODDAMN you take your sweet time coming to the explanation
Yeah, sorry about that. I'm newish to TH-cam and I'm trying to get away from doing that.
wow! i had this exact problem 2 months ago, THANKS!
Thanks a lot, that was awesome. Unfortunately I need a transparent background too, so I need to find another method but now it's clear how eevee works!
You literally save my job, thanks u so much
man you really should do more vids, you got some really good info .
This is insane. Great tutorial
Welp. That was the answer I was looking for a bit.
Thank you buddy.
You made my day!!! Thank you so so much!!
I really appreciate your thoroughness and the fact that you provided all of the necessary context and reasoning behind your decisions, so we can actually learn the process, why it works, and how we can expand upon it instead of us mindlessly copying your solution.
Great humor, amazing narrative arc, and an extremely triumphant denouement to the Renderer's Struggle. 🙏🏽👏🏽
Seconded.
Getting everything clearly defined in an engaging way which still gets to the point without guessing?
Excellent. 🙂
Please keep digging up more of these "mysteries" .
Although, I think someone already did a thorough video on why pinches and puckers often show up on geometry
and why this happens with tri's , quads and n-gons.
YOU ARE FREKIN UNDERRATED !!!
The way you make tutorials is actually very creative ,I really want you to have more than a Million subscribers !!!!!!
Thanks!
I watched this a year ago, but I completely forgot about this trick... now it's like a lifesaver ;)
I went through the same stages of rage seeing all other solutions just copying one flawed solution. This works great with two images layered. But there has to be a way to make one single png, and have the outside bloom with alpha. Seems like a lot of work to add a bloom icon to videos or images otherwise. And now I see the pinned comment about gimp almost answers this.
I don't really know how other video editing programs handle it but Davinci Resolve is just drag and drop. To me, doing all this image or video wise is not a lot of work, but figuring it out was. I noticed yesterday that it seems to be a much harder thing to achieve than I had first thought when I saw the loading screen on Monster Hunter World using the flawed solution. I'm going to have to look into this a bit more and see what programs can handle using this method because without additive it won't add and with additive it won't look good without the second layer.
The second layer made black becomes a mask to prevent the object itself to be added twice i realised, resembling the other solutions... I hobby use blender, but was sure that creating bloomed mpegs for animated overlays would be industry standard in vfx.
Yeah probably, I just have some kind of complex that tells me I have to have the best so I steer clear of using anything with lossy compression until I have to use it😅
Edit: figured out a few days ago that blender can't export transparent video files, so exporting to Mpeg won't work at all for this.
Edit of Edit: Actually after some testing it looks like it can (Internet lied to me again) however it's forced to be in standard color space (just like how OpenEXR forces it to be standard) so the bloom is off color (Since it's standard) and it looks fuzzy.
you're a genius and. just saved my work thx a bunch 🥰
Thank you from the depth of my soul
I saw 99 subs and made it a 100. Great video!
lol, I watched it go up.😁
You are a true researcher! Thanks for sharing
I was searching for a solution and messing with nodes and cursing the gods trying to get glare/alpha to work. Apparently, I didn't understand the Add function well enough. Thanks for the explanation and solution.
Thanks, Big G. You just saved my latest render.
Your my life saver. Imagine the world without me with jedi lightsaber...Now im the faking jedi :P
I found out how to get bloom to show up in OBS studio.
Its similar to what you described. Place both videos in a group in one of your scenes. Place the one with no transparency on top and the one with transparency below. My initial mistake was to try using the Image Mask/Blend filter. Don't use this, as it won't work. What you do is right click the non transparency video that's on top, then go to Blending Mode, then choose Additive. Now to make sure both videos are in sync, in each of their properties, turn on Restart playback when source becomes active and leave both of them visible. When you want to turn them on and off, change the visibility of the group they are in. There didn't seem to be any need to apply any changes to the brightness to either video layer in OBS.
I hope that helps others who were struggling with getting bloom to show up in OBS. 🙂
Thanks so much to Game Abuse Studios for figuring out how to do this in video/image editing software in the first place and sharing it. Definitely couldn't have figured this out without your video.
thanks for the great tutorial, I've tried it with fire on cycles, it got very bright and the other objects as well
holy mother of god, it worked. Your sarcastic frustrated tone is exactly what this fucking subject needed. Thank you for really taking the time to stop the madness.
this man is einstein in blender world. i use blender for 4 years and still have no idea how to render with bloom. thank you G.A.S
That was the most educational rant. vertices of the mind merged
You're a legend for this.
Bro you are amazing!
I love you so much right now! Thank you!
Appreciate the explanation.
Regarding EXR. I noticed that there is emissive light (when you add background) but it depends on software. Gimp do not see it, but Krita does. Now I try to figure out how to export it to png.
I couldn't get OpenEXR to work in Krita. I got it to work in davinci resolve just after posting this video but the look is still off from the original in blender, it has what looks like a halo around it and the saturation is blown out. also it's not adding to the image below, it's just replacing. you might try Tallyman's fix (He posted it here in the comments) it's the closest I've seen that doesn't use addition.
Edit: The saturation becomes blown out because OpenEXR forces Filmic to Standard, that's also the cause of the odd halo around it that I mentioned. yet still it is not additive
Bloom from blender to resolve is working with the add composite mode in the video tab in editing mode. Also no need to render a separate transparent layer just pop it over your video!
Sometimes you google for a problem and find no one knows the solution. And finally, when you figure it out, you are the first one. So remarkable, man, you saved us!
Thank you, this is genius.
I sure as hell am going to hit that like button. And subscribe, damn it.
GREAT EDITING thank you
Great video, but I just have one question. So in the Medibang part, I got the black background to disappear after adding the screencap beneath all the layers just as you did. I may sound like a total noob here, but can I save/export the picture on Medibang without the screencap showing and instead have a transparent background while maintaining the bloom effect?
i have same problem, did you find a solution?
same problem, this is exactly what I need, not having a background. I need the bloom on the transparent PNG as if that was too much to ask
Please do one for animation, this is top notch research
I’ve never wanted to hit the like button so badly like I did for this video :)
Thanks for this explanation! Its frustrating there's no default way of just exporting the bloom/glow! 🙌🙌🔥🔥
Yeah, I wish there was a better way. especially since I use this a lot for effects in my videos. I also wish that I could have made the video better, but I was angry and was held back by Davinci resolves many limitations. this was a very frustrating video for me.
@@GameAbuseStudios Im glad you made it. Tbh Im doing some title animations that come off like crap when I bring them into post and for the life of me could not figure out what was going on until I saw this video.
I was yelling "Glare node!" the whole time lol
I quoted you in an article as a possible answer and the response was "this solution is far-fetched and technically incorrect". I don't care lol. It works and it's amazing solution no matter what.
Add or Linear dodge as it is called in Photoshop also works for things like smoke or volumetrics which do not render properly with transparency. None can deny your power now.
I was thinking wtf is this. Bloom is not that hard to add. So I guess I already knew.
Man you're fucking awesome! You've literally smashed all other methods on this issue! I've been searching for the answer for hours and almost lost hope... but TH-cam recommended your video))
Glad you found it helpful!
@@GameAbuseStudios well I found an issue. When I combine black and transparent shots in AE and place any image below them - everything works well. But if I disable that "any" image below and export the result in png with alpha - there's no transparency any more. Just black background. Am I missing something?
@@alexudalov-channel Exporting from after effects as a single image? I've never used after effects but the results should be the same as long as it can composite correctly, which it should be able to. just make sure to keep both files until you're done compositing them on to the other image's
4:50 this is actually correct open EXR does support storing these effects. It just depends on whether the program you are using really supports it. Which if you are using blender then all you have to do is overlay the EXR in the compositor using the alpha over node and the bloom carries properly.
EXR didn't work in After Effects tho.. or am I missing something.
nice and very helpful
my method is (since i want to transparency to comp over other footage) is use the alpha over node to comp my footage
i dont understand why blender dont fix this problem like make it an easy function...
@Game Abuse Studios can you please post image of how to setup nodes and compositing so I get bloom + transparency in .png final render ?
By following your steps, but using premier pro, I was able to to get the bloom to show over a screenshot like you did by using the additive blending effect. When I hide the screenshot background layer though, I don't see transparency through the top layer, but when the background layer is visible, there is transparency with the top layer. I'm a bit confused about how this works.
My end goal is to find a way to export this animation with bloom and transparency to a webm file so I can get the bloom effect in OBS Studio. Is there a way to do this?
I'm getting Davinci Resolve now to see if the results are any different with that software.
Thanks for any help!
Same. The real aim was having that image with an transparent background. He did not show how he exported that image in medibang.
thank you for your kindness.however the black is always present around object in stead of transparency.
for example when the background is yellow
The amount of edging in this video is extraordinary XD
Wow, I am impressed with the great CG teacher talking about bloom and alpha, that's really great!! But I have a question, how can I saw the image transparent after editing the alpha channels in my image editor? Like I did the bloom filter using the ADD method, but I still don't want to add a background, I just want to save it transparent, how can I achieve this?
Same problem here, any discovery?
I had this problem "again" yesterday, i did an object in Cinema4D, that object had some rounded cubes that i added an emmisive material, then i added the bloom post effect (All this with Arnold Render but i had this problem before with Redshift etc.), same problem, i exported the .png (I tried with .tiff too, same thing), with alpha channel and with a transparent background, opens Photoshop and the bloom is cut off by the edge when the transparency starts, so i remember i solved this before, so i did a test, i loaded the same object in After Effects with Element 3d, added emmisive material, added bloom, rendered a .png with alpha and transparent background, i loaded that last .png into Photoshop and was perfect, amazing bright bloom with transparent background, i don't undestand why After effects can generate a .png that works and Cinema 4D + Arnold and other program can't, if anyone knows why that happened or can explain what's the difference between those two .png i'll really appreciate that. Greetings.
Thanks for blooming my mind 💥
My smooth brain doesn't understand why this works but it works.
This is still the best video ever holy shit
Thanks!
Thankyou for this video!!! Very helpful! Can you please make a video about the same topic but for animation importing it in Premiere Pro?
Okay so to get what I wanted I made the transparency render and the black render like you did, used transparency render with wand tool to select where the image is meant to be transparent, hence where to apply the 'color to alpha' tool as mentioned in the pinned message!
thanks a lot for this, almost every method i could find ignores completely the existence of cycles
Please give this guy a researcher award
this is still a workaround. All of the previous versions you showed are dumb, I agree xD Yours works well (personally I like to just render out a bloom layer with black background and set that to screen mode) but I was searching for a way to directly export the finished image
Many thanks! This really is the best method! I subbed! Can you make a video on how to import it in davinci? I struggled to merge them in the fusion tab but can't figure it out.