Link Search Menu Expand Document

Radial Gradient

The Radial Gradient fill style option is located in the bottom of the Fill Window. This attribute transitions the fill from the specified start color to the specified end color by starting from the center of a selected or created figure(s) and then moving outward in a circular manner. This attribute 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 in the Top Toolbar.

    Then tap on the Fill option to open the popover window shown below.

The Fill option must be enabled for a style change to be applied to any currently selected or new figures. Tap on the On/Off toggle slider in the upper right hand corner of the Fill Window to enable this option. The slider will appear with a green background when this option is enabled.

To change the Fill Type to Radial Gradient:

  1. Press on the Gradient Button at the bottom of the Fill Window (if not already selected).

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

  3. The expanded Fill Window automatically defaults to a Linear Gradient Type unless another option has previously been chosen. Press on the Radial Gradient Type Button to select this option.

  4. Next, press on the desired color selection method (Wheel, List, or Favorites). In this example, the wheel is chosen.

  5. Tap on a color range within the outside of the wheel view.

  6. Tap on the desired lightness or darkness of the selected color in the center (saturation) square.

  7. Perform a Touch/Drag gesture combination or Press on any additional options (opacity, etc.) within the popover window to make further attribute changes.

  8. Tap anywhere within the Drawing Editor to close the window The following example shows a rectangle with the Fill Style set to radial gradient and Color set to blue:

Working with Radial Gradients

The angle and gradient handles located in the bottom right corner of the Fill Window can be used to insert multiple colors at varying angles within a figure. Perform a Touch/Drag gesture combination to move a gradient handle to a different position on the slider. Tap on the slider to add another gradient handle for additional color variations.

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.

Gradient Handles Option

You may also enable the Gradient Locations option to view the handles for adjusting the angle and color progression attributes of a figure within the Drawing Canvas. To do so, tap on the Settings Button in the Top Toolbar and then tap on the Handles Submenu.

The Gradient Locations option resides in the Handles Submenu as shown below. It will have a gray background when disabled. To enable this option, tap on the On/Off toggle slider and it will move to the right and change to a green background to show that the option has been enabled.

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 radial 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 top gradient handle is selected in the example below. It is moved downward and to the right within the figure.

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.


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