Corners and glow

Round each corner on its own and add a glow round any element's border.

Every element has a Corners & Glow section in Properties, right under the Transform settings. It works on every component, even ones added in the future.

Corners

• Corner radius: how round the corners are. Leave it empty to keep the component's own roundness.
• Click the link button to set each corner on its own: Top left, Top right, Bottom right and Bottom left. Big top-left and bottom-right corners with small others give the "leaf" shape in the picture.
• Reset goes back to the component's own corners.

The border follows the new corners too.

Border glow

Pick a colour to add a glow round the element's border, then adjust:

• Blur: how soft the glow is.
• Spread: how far it grows before it starts to fade.
• Strength: how bright it is. Above 100 % it gets extra bright.

Click Remove to take the glow away.

Tip: A soft glow in the button's own colour (blur 20–30, spread 2–4) makes the main button of a screen stand out. Animate it with a Pulse in the Animate tab for a "tap me" effect.

In Unity

The corners and the glow come across as they look here. Unity draws the glow as a soft picture behind the element.