Design Tip
This design tip shows you how to color an icon with a gradient, and then add a drop shadow.
Step 1 - Add Icon
Add an icon using the plugin.
Step 2 - Add The Gradient
- Add a UIGradient element as a child of the ImageLabel.
- Select the UIGradient, then in the Color property, press the three dots button on the right side of the field. This opens the ColorSequence dialog window.
- Press the small triangle icon on the left side, then press the color swatch and enter a color. Then press the small triangle icon on the right side, then press the color swatch and enter a color.
Step 3 - Add A Drop Shadow
- Duplicate the ImageLabel, and delete the UIGradient from the duplicate.
- Optionally, rename the duplicate.
- In the duplicate, set the Zindex to zero, which will move this duplicate under the original.
- In the duplicate, set the ImageColor3 field to a black color.
- Edit the Position property of the duplicate so that it is a few pixels below and to the right of the original.