Including glow effects on buttons

Adding glow effects to buttons is a good way of calling attention to them and differentiating them from other buttons on your app's interface.

How to do it...

To include glow effects, perform the following steps:

1. Drag a button to your card.

2. Right-click on the button and select Property Inspector.

3. On the property inspector, select Graphic Effects from the pull-down menu (Basic Properties is the default selection).

4. Select the type of glow you desire (inner or outer).

5. Set the properties associated with the outer glow as detailed in the following table:

   Property name	Property reference	Options
   Color	color	Color palette
   Blend Mode	blendMode	Normal, Multiply, or Color dodge
   Opacity	opacity	0 – 255
   Filter	filter	Gaussian, Box (1, 2, or 3 passes)
   Spread	spread	0 – 255
   Size	size	0 – 255

   The following screenshot gives you an overview of these properties:

   

6. Set the properties associated with the inner glow as detailed in the following...