Link Search Menu Expand Document

Linear Gradient

The Linear Gradientfill style option is located in the Fill Panel. This attribute transitions the fill from a specific start color to the specified end color at a designated angle within a selected or created figure(s) and can be accessed in one of the following ways:

  1. Press on the Fill Button located in the Drawing Toolbar.

  2. Press on the Info Button to open the Info Menu.

    Then press on the Filloption to open the Fill Panel.

The Fill option must be enabled for a style change to be applied to any currently selected or new figures. Once the Fill Panel has opened, perform a Tap on the On/Off toggle to enable the Fill option.

To change the Fill Type to Linear Gradient:

  1. Press on the Fill Type Button and then press on the Linear Gradient option(if not already selected).

  2. The Fill Panel will expand, as shown below.

  3. Double Tap on either Gradient Handle to open the Color Picker and choose a hue.

  4. The following example shows a rectangle with the Fill Style set to linear gradient and Color set to blue:

  5. To close the Fill Panel, tap on the Hide Sidebar Button located at the bottom of the sidebar panel.

Note: A style change will be seen instantaneously when a figure is selected. If figures have not been selected, the style change will apply to all subsequently created figures.

Working with Linear Gradients

Gradient Handles can be added by tapping on any location underneath the transition bar. Once a new handle has been added, Double Tap on the handle to open the Color Picker and add an additional color. A Touch/Drag gesture combination can be used to move either Gradient Handle to alter the color transition of the fill.

More than one color can be added by setting each individual gradient handle to one of the desired colors. In the example below, three gradient handles are used with these colors: white, blue, and green.

Angle

Perform a Touch/Drag gesture combination on the Angle Slider or Press on the “Up” and “Down” arrow buttons to change the angle value of a linear fill.

In the example below, the Angle has been set to 75.

Reset Button

Use the Reset Button to reset the angle back to zero and the gradient handles on the figure back to their original position.

The Reset Button can also be used to reset the gradient handles on a figure(s) after they have been moved to another location. In order for this to be seen, you must have the Gradient Locations option enabled. To enable this option, tap on the Overflow Button in the Top Toolbar and then tap on the Handles Submenu.

Then tap on the Gradient Locations option to enable it. When enabled, it will show a blue checkmark.

Once this option is enabled, you will see two additional handles on each selected figure. These may be used to adjust the angle and progression of colors for the linear gradient. Below you will see what a figure looks like when this option has not been enabled and then after it is enabled.

The two handles may be moved to any location within or outside of a figure to change the angle or fill pattern. To do so, press and hold on the handle. Then drag the handle in any desired direction without lifting your finger. The left gradient handle is selected in the example below. It is moved upward and to the right within the figure.

After one or both gradient handles has been moved, click on the Reset Button to set the linear gradient handles back to their original location.

Swap Button

Use the Swap Button to reverse the current angle and color slider settings.


Copyright © 2010-2020 Elevenworks LLC. All rights reserved.