Add glow effect around UI Layout

I have a simple white Layout above a pink background and I just want to add a glow effect around this white layout :

80559-glow.png

This is the properties of my layout :

Do you know how to achieve this ?

2 Answers

2

Easiest way is to make an image for the glow. Just in photoshop add outer glow. Forget what it’s called in GIMP, but I’m sure there is similar.

I added a sliced Image and it works well. Thx.

A quick but semi-expensive solution is to add an Outline component in your graphics.
Then use the Blur/Quick Blur image effect from Unity Standard assets. You may need to render it in a different camera though.

Advantages - you can control the size, color, amount of the blur just in the inspector. You can also use other sprites as well, other than a white rectangle.
Disadvantages - image effects uses more resources to render.

The outline component is pretty awful, maybe with the quick blur it's not so bad... Much easier to simply design your images correctly.

now is good