Filling objects, layout parts, or the layout background with a color gradient
1. In
Layout mode, select one or more objects, a
part label, or click anywhere in the layout background to select it.
Note To select the layout background, ensure no objects or parts are selected.
2. Click
Inspector ![Inspector button](../FMP_Help/images/objectinfo_button.png)
in the
layout bar, then click the
Appearance ![Appearance](../FMP_Help/images/ApperanceTemplate.png)
tab.
3. To change the appearance of the object or the body part when it’s in a particular state (for example, when a button is pressed), choose from the object state list (near the top of the tab).
4. In the Graphic area, for Fill, choose Gradient.
You see the gradient control.
5. Set color gradient options:
To | Do this |
Specify colors to be blended | Click the color stops ![Gradient color stop control](../FMP_Help/images/inspector_gradient_color_stop.png) on the gradient control and choose a color from the color palette. |
Add colors to the color gradient | Click anywhere on the gradient control to add more color stops. |
Reduce colors in the gradient | Drag color stops off the gradient control. |
Change the direction in which the fill is blended | Click ![Linear gradient button](../FMP_Help/images/inspector_gradient_linear.png) or ![Radial gradent button](../FMP_Help/images/inspector_gradient_radial.png) . |
Change where a linear gradient blends | •For Angle, enter a value. •OS X: Drag the angle control ![Angle control icon](../FMP_Help/images/chart-label-angle-control.png) . |
Change the start and end points of a linear color gradient or the center point and radius of a radial color gradient | On the layout, drag a blue handle of the gradient control on the image. |
Reverse gradient colors left to right or center to outside | Click ![Change gradient style button](../FMP_Help/images/inspector_gradient_switch.png) . |
Change the gradient on the object. | Use the ![Color gradient control](../FMP_Help/images/colorgradient_icon.png) control on the object. |
Notes