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!
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.
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.
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
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...
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.
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!
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.
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.
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".
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.
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.
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! 🙂
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.
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.
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.
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 👍👍👍
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.
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.
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.
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!
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.
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?
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! 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!
Just turn on the bloom pass, export with openEXRMultilayer, then just use an 'add' operation to add the bloom pass over the image. If you want to stick with exporting in png, you can use the compositor and connect the bloom pass to a file output node.
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.
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.
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.
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
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!
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?
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.
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.
This is the closest to the real solution, but it's not the ultimate solution. PNG is not the good format for this issue. Open-EXR is. Photoshop removes data from the RGB channels when they are transparent, but with the Exr-IO plugin, you can activate “Fix Transparent light Emitters" when importing the image. You'll get a single image that has the transparency and the color information of emission without using the "Linear dodge (add)" mode, or any mask. It works right off the bat. If you want to have the passes and compose things manually, then yes. the "Add" Blend mode is the right one. simply activate the "Bloom" pass in Blender (Eevee) then render to have the bloom pass (instead of having to render twice).
Hi! Can u make a video on how to convert png image sequencers made from Blender to apng and then to gif. Apng is better than gif. Also what all softwares to use for that. I need an animated image to be used in Microsoft Word. Unfortunately apng file isn't compatible with Microsoft Word Thank You so much
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
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 RUclips recommended your video))
@@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
I am quite shocked, this is presented as some form of secret nobody knows about. It you have ever used the Glare node in Fog glow (which is how you did bloom effects before Eevee), you clearly see how this works. If you have ever used the Mix RGB node in any way, you know how you can get the exact same result. The issue is always and has always been people trying to use transparency as a way to make data any time transparency is only the perceived final result instead of thinking about how digital colors works.
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!
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.
Thank you! I was struggling for weeks with this! Quick question: so how can I actually get a png with a transparent background? Ok I have now there layers in photoshop, it works perfectly, but how do I save it w/o background image? Sorry I feel that it is a very stupid question. Wondering how you do a transparent png sequence which you mentioned at the beginning of your tutorial
This may solve your situation maybe. On Properties window / Render Properties / Film / Check Transparent checkbox. This renders the world as transparency. You still need to save image as PNG with transparency option enabled to not lose the alpha channel data.
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
Unfortunately this isn't a universal fix. If you render animations that have motion blur, then this causes a lot of issues. The moving object with bloom adds a blur around the edge for motion blur, and when you create an ADD blend mode in a compositor, the motion blur brightens up along with the bloom and doesn't look right. And if you use the black/white render as a mask to fix the motion blur, then you lose the bloom. And the top layer doesn't look right either, because you dont' have the premultiplication on the matte for the motion blur, so the motion blurred portions appear dark on a mid-tone background
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!
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
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!
can u pls explain how did you manage the layers with divinci resolve. i mean i cant just find the how to change the layer color black, and after exporting png image sequence, clip still has no transparency.
You can try it out for yourself and compare the two. It comes close to the original look but when using a bloom pass instead of the method I devised the edges become fuzzy and harder to distinguish (Especially with higher bloom values). I spent weeks making sure I had my facts straight and that I had every method I could possibly think of covered before making this video so that I knew for a fact I wasn't wrong. I tried to use the bloom pass a few times and in a few different ways and gathered information on it but for some reason It slipped my mind to put what I'd found in the video... I guess it's because I directed it towards people doing it wrong instead of towards making it work. this video could have been so much better in so many ways, but I was really eager to post it😅
You mention that most editing software out there have the ADD feature. Where is it in the GIMP program? In the "Edit Layers Attributes" with the "mode" drop list, there is a selection called "Addition" listed. But when I selected it, it didn't make the text brighter.
Nice tutorial :) But could you maybe show how you make a animation from this like in 14:04? You mentioned Davinci Resolve in the end but I dont know how to get it in there and set it up properly. In the end I need my animation as a video file which is transparent and can just be dragged into any editing software.. Can you help me? :(
I also found a solution, not the best, but for me worked. I added a green screen background that didn't affect the scene lighting and then i removed the greenscreen in After Effect. As long as the glow is not green it works fine and can be exported as a transparent png or video.
first of all, thank you for your video and introducing another way to save us all. btw. the first part of video was so frustrating to watch that my smart watch warned me of high heart rate. jk. anyways, we or just I, still have problem. what if we want to have it rendered separate from a BG, like having a Gif with transparent background. I have some wage Ideas but haven't figured it out yet. is there anything to do about this?
Yeah, sorry about all that drug out stuff😅. Getting straight to the point is one of my biggest downfalls... Anyway to try and answer your question. Because of the way that Add works, anything being used with it (The image with bloom) will draw the values that you want gone onto the transparency and block it from being transparent. unfortunately that means when using add there needs to be a background to add the values to and then if the bloom's values are not pure white you need a black silhouette of the part you want to be solid in between the image layer containing the bloom and the background layer in order to block the background layer from leaking through the added values, so unfortunately this method wont work with .GIF unless there's a background. However, there's a comment that I pinned by a user named Tallyman. Their method is the best option I know of right now to get bloom+transparency without the multiple images. The only thing different about it is that it will not add emissive light to images below it. the option they speak of in Gimp is under the color dropdown menu near the bottom of that list There's another problem though. GIF format apparently doesn't support partial transparency. it can only be fully transparent or fully opaque like an on off switch. So it will cut the bloom off at a set threshold and show whatever color was present there instead of being transparent I hope this helps, at least a little bit. but feel free to get back with me if you have more questions, I'll do a deep dive and see what I can find if I have to.
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 😊
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
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! :)
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.
I just want to say I really love the part that you literally clicked through EVERY SINGLE PAGE in the search results.
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!
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.
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.
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.
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! 🙂
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.
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
you're literally a lifesaver!! couldn't imagine where would i be hadn't i watched this tutorial
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
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.
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 👍👍👍
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.
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.
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.
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!
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.
My man just went all game theory on this one
your everything is perfect for this wth
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
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!
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! 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!
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 RUclips and I'm trying to get away from doing that.
I watched this a year ago, but I completely forgot about this trick... now it's like a lifesaver ;)
Your my life saver. Imagine the world without me with jedi lightsaber...Now im the faking jedi :P
Just turn on the bloom pass, export with openEXRMultilayer, then just use an 'add' operation to add the bloom pass over the image. If you want to stick with exporting in png, you can use the compositor and connect the bloom pass to a file output node.
Search for this solution for a whole night, thank you so much!
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.
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.
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.
@Game Abuse Studios can you please post image of how to setup nodes and compositing so I get bloom + transparency in .png final render ?
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
Please give this guy a researcher award
Thank you so much. The deadline today, last minute changes from client... you pulled me out of a whole i was many hours into 😂
Dude your videos make me laugh so damn hard keep up the amazing work
This yt channel is underrated af. Your vids are really entertaining
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.
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?
This guy blooms. Seriously, you saved us all a ton of time and effort. Also thank you to Tallyman for the GIMP shortcut.
With all my heart, thank you very much!!! OuO, I've spent a lot of time searching for a solution and this is it
I liked this video so hard. Been spending hours on this
Thank you
I'm sorry but i just can't understand how i should use those 2 images when i render in cycles. I'm stupid I know but i can't figure that out
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.
Please do one for animation, this is top notch research
This is still the best video ever holy shit
Thanks!
I was yelling "Glare node!" the whole time lol
You are a true researcher! Thanks for sharing
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.
i dont understand why blender dont fix this problem like make it an easy function...
damn you were really mad about bloom. glad im a beginner and your video was the first one I saw THNX
This is the closest to the real solution, but it's not the ultimate solution.
PNG is not the good format for this issue. Open-EXR is.
Photoshop removes data from the RGB channels when they are transparent, but with the Exr-IO plugin, you can activate “Fix Transparent light Emitters" when importing the image. You'll get a single image that has the transparency and the color information of emission without using the "Linear dodge (add)" mode, or any mask. It works right off the bat.
If you want to have the passes and compose things manually, then yes. the "Add" Blend mode is the right one. simply activate the "Bloom" pass in Blender (Eevee) then render to have the bloom pass (instead of having to render twice).
This should have more likes. Its a good solution for images with transaprent background🤟
oh god I finally found this. really thanks for sharing your solution. god bless you
Hi! Can u make a video on how to convert png image sequencers made from Blender to apng and then to gif. Apng is better than gif. Also what all softwares to use for that.
I need an animated image to be used in Microsoft Word. Unfortunately apng file isn't compatible with Microsoft Word
Thank You so much
The amount of edging in this video is extraordinary XD
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
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 RUclips 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
I am quite shocked, this is presented as some form of secret nobody knows about. It you have ever used the Glare node in Fog glow (which is how you did bloom effects before Eevee), you clearly see how this works.
If you have ever used the Mix RGB node in any way, you know how you can get the exact same result.
The issue is always and has always been people trying to use transparency as a way to make data any time transparency is only the perceived final result instead of thinking about how digital colors works.
I was thinking wtf is this. Bloom is not that hard to add. So I guess I already knew.
thanks for the great tutorial, I've tried it with fire on cycles, it got very bright and the other objects as well
man you really should do more vids, you got some really good info .
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!
That was the most educational rant. vertices of the mind merged
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.
Thankyou for this video!!! Very helpful! Can you please make a video about the same topic but for animation importing it in Premiere Pro?
Brilliant! Brilliant! Brilliant! At last after all these years the problem is finally solved! THANK YOU!!!
This is insane. Great tutorial
My smooth brain doesn't understand why this works but it works.
Thank you! I was struggling for weeks with this! Quick question: so how can I actually get a png with a transparent background? Ok I have now there layers in photoshop, it works perfectly, but how do I save it w/o background image? Sorry I feel that it is a very stupid question. Wondering how you do a transparent png sequence which you mentioned at the beginning of your tutorial
This may solve your situation maybe. On Properties window / Render Properties / Film / Check Transparent checkbox. This renders the world as transparency. You still need to save image as PNG with transparency option enabled to not lose the alpha channel data.
did you find a solution?
I have same issue, did you find the solution?
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
Unfortunately this isn't a universal fix. If you render animations that have motion blur, then this causes a lot of issues. The moving object with bloom adds a blur around the edge for motion blur, and when you create an ADD blend mode in a compositor, the motion blur brightens up along with the bloom and doesn't look right. And if you use the black/white render as a mask to fix the motion blur, then you lose the bloom. And the top layer doesn't look right either, because you dont' have the premultiplication on the matte for the motion blur, so the motion blurred portions appear dark on a mid-tone background
I sure as hell am going to hit that like button. And subscribe, damn it.
Thank you, this is genius.
how would i go about exporting an animated 3D logo with bloom and transparent background? do i need to do this to every frame?
Thank you so much for this video!!
Truly a time saver to get the best results
You video has captured my interest and has introduced many cool ideas.
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!
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
11:38 to see the solution. Thank you for making a great explanation, but you're kinda dragging it out. Maybe put the solution at the start?
Thanks, Big G. You just saved my latest render.
thank you for your kindness.however the black is always present around object in stead of transparency.
for example when the background is yellow
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!
can u pls explain how did you manage the layers with divinci resolve. i mean i cant just find the how to change the layer color black, and after exporting png image sequence, clip still has no transparency.
wow! i had this exact problem 2 months ago, THANKS!
but why don't you just use the bloom pass instead of the black + bloom image? it has a black background too and you can add it on top of your image.
You can try it out for yourself and compare the two. It comes close to the original look but when using a bloom pass instead of the method I devised the edges become fuzzy and harder to distinguish (Especially with higher bloom values). I spent weeks making sure I had my facts straight and that I had every method I could possibly think of covered before making this video so that I knew for a fact I wasn't wrong. I tried to use the bloom pass a few times and in a few different ways and gathered information on it but for some reason It slipped my mind to put what I'd found in the video... I guess it's because I directed it towards people doing it wrong instead of towards making it work. this video could have been so much better in so many ways, but I was really eager to post it😅
Not even halfway through the tutorial and already subscribed. Love the craft and the way you managed the narrative!
You mention that most editing software out there have the ADD feature. Where is it in the GIMP program? In the "Edit Layers Attributes" with the "mode" drop list, there is a selection called "Addition" listed. But when I selected it, it didn't make the text brighter.
Nice tutorial :) But could you maybe show how you make a animation from this like in 14:04? You mentioned Davinci Resolve in the end but I dont know how to get it in there and set it up properly. In the end I need my animation as a video file which is transparent and can just be dragged into any editing software.. Can you help me? :(
Or how can I send this to my client so he can easily use it in AE for example?
same here /:
wtf bro, you arae genious! been using Add since years never thought it could be done this way!!
thanks a lot for this, almost every method i could find ignores completely the existence of cycles
I also found a solution, not the best, but for me worked.
I added a green screen background that didn't affect the scene lighting and then i removed the greenscreen in After Effect. As long as the glow is not green it works fine and can be exported as a transparent png or video.
first of all, thank you for your video and introducing another way to save us all. btw. the first part of video was so frustrating to watch that my smart watch warned me of high heart rate. jk.
anyways, we or just I, still have problem. what if we want to have it rendered separate from a BG, like having a Gif with transparent background.
I have some wage Ideas but haven't figured it out yet. is there anything to do about this?
Yeah, sorry about all that drug out stuff😅. Getting straight to the point is one of my biggest downfalls...
Anyway to try and answer your question.
Because of the way that Add works, anything being used with it (The image with bloom) will draw the values that you want gone onto the transparency and block it from being transparent. unfortunately that means when using add there needs to be a background to add the values to and then if the bloom's values are not pure white you need a black silhouette of the part you want to be solid in between the image layer containing the bloom and the background layer in order to block the background layer from leaking through the added values, so unfortunately this method wont work with .GIF unless there's a background. However, there's a comment that I pinned by a user named Tallyman. Their method is the best option I know of right now to get bloom+transparency without the multiple images. The only thing different about it is that it will not add emissive light to images below it. the option they speak of in Gimp is under the color dropdown menu near the bottom of that list
There's another problem though. GIF format apparently doesn't support partial transparency. it can only be fully transparent or fully opaque like an on off switch. So it will cut the bloom off at a set threshold and show whatever color was present there instead of being transparent
I hope this helps, at least a little bit. but feel free to get back with me if you have more questions, I'll do a deep dive and see what I can find if I have to.
That was cool! Thank you so much. This really helps. Thanks for taking the time to figure this out!
I saw 99 subs and made it a 100. Great video!
lol, I watched it go up.😁
I’ve never wanted to hit the like button so badly like I did for this video :)