They’re not blurring the GUI, they are using blurred images. When you hover over the tile they replace the blurred image with a non-blurred one.
Basically for each tile they uploaded a non-blurred version and a version with a photoshop (or gimp or whatever) blur filter over it.
3 Likes
ViewportFrames can’t have post processing effects. Effects only work on the main viewport when parented to Lighting.
2 Likes
You’re right! It’s my bad that I didn’t check it out before, thanks again for the info!
how do they do blur the images outside like wht software does it use
They probably use software that can export transparent images (Krita, Gimp, Photoshop), as they a feature that allows users to add alpha layers to an image.
You can also use the BackgroundTransparency property that’s built-in to Roblox Studio.
2 Likes
wait so do i put a frame a layer above the image and play with its transparency?
That would change the color a bit, but not blur it. The easiest way to blur an image is to use an image editing program with a blur effect. Something like yt_a mentioned, or my preference, paint.net (not the website paint.net, the program. Its annoying that the name has .net at the end.)
1 Like
the blurred image should be on top of the unblurred version.
when you hover over the blurred image, tween the blurred version’s transparency to 1 so that it gives the illusion that the image itself has been unblurred, and when the mouse is away from the button, set the transparency back to 0
2 Likes