How to make a gaussian blur effect with images labels on a SurfaceGUI?

Help and Feedback Scripting Support
#1

You can write your topic however you want, but you need to answer these questions:

  1. What do you want to achieve?
    A gaussian blur effect to blur certian gui elements on a SurfaceGui

  2. What is the issue? Include screenshots / videos if possible!
    I cannot think of a way to blur gui elements on a surfacegui. Also there’s Z fighting included as an issue when i use ImageLabels and most blur textures i found on toolbox.

  3. What solutions have you tried so far? Did you look for solutions on the Developer Hub?

First, I tried using imagelabels and spent 3 days searching for blur textures. I looked on the dev hub and devforum for solutions but they both dont have a solution on this topic. Also searchig on the toolbox is a pain due to the mass amounts of useless images that appear when you search up “Blur” or “Blur Texture”.

2 Likes
#2

Since you are only blurring specific GUI objects, it would be only reliable to search for blur textures and overlay them.
To avoid Z-fightings, you can adjust the ZOffset that should be on any GUI objects. ZIndexBehavior can also come in handy if you want to organize.