Radial

Prev Next

The Radial fill type in Vexy Lines creates patterns with linear strokes that radiate outward from a central point.

um-tmpl-radial.svg

Fill Parameters

image.jpeg

Interval Interval (units): Defines the distance between strokes measured at the middle of the radius.

Randomization Randomization (%): Adds a touch of variation to the spacing between strokes for a more natural feel.

Shift Shift (%): Modifies the phase of the fill by rotating the strokes around the central point in a clockwise direction.

Center Center (units): Specifies the horizontal and vertical coordinates for the fill's center.

Distance Distance (units): Sets the starting point of the strokes from the fill's center.

Auto Distance Auto Distance: When enabled, automatically calculates the optimal distance between the center and each stroke to prevent overlap.

Random Distance Random Distance: When enabled, randomly varies the distance of each stroke from the center for a dynamic effect.

By adjusting these parameters, you can create intricate and unique fill patterns to enhance your vector artwork.

Create and Customize a Radial Fill

To create a new Radial fill type, follow the steps outlined in our Add a Fill guide. When the pop-up menu appears, select the "Radial" fill type.

image.jpeg

Similar to the Linear fill type, the Radial fill shares the first three parameters — Interval, Randomization, and Shift. In addition, it offers four unique controls: Center, Distance, Auto Distance, and Random Distance. These extra settings shape the radial pattern.

image.png

Interval

  1. Find the Interval Interval parameter.
  2. Adjust the distance between strokes using the slider or by entering a value directly.

image.png

interval:1 interval:2 interval:3
image.jpeg image.png image.png

Randomization

  1. Find the Randomization Randomization parameter.
  2. Adjust the slider or enter a value manually.
  3. Increasing randomness makes the spacing between strokes less uniform.

image.png

20% 50% 100%
image.jpeg image.jpeg image.jpeg

Shift

  1. Find the Shift Shift parameter.
  2. Adjust the slider or enter a value manually.
  3. The Shift parameter rotates the fill pattern around the central point, changing the starting position of the strokes.

image.png

shift:25% shift:50% shift:90%
image.jpeg image.jpeg image.jpeg

Center

  1. Look for the Center Center parameter under the RADIAL FILL section.
  2. You will see two input fields for the horizontal and vertical coordinates.
  3. Adjust these values using the drop-down slider or by typing directly.
  4. Alternatively, use the "Auto Center Detection" Auto Center Detection feature to automatically set the coordinates based on your click.

image.png

center: 40,40 center: 20,15 center: 40,80
image.png image.png image.png

Distance

  1. Locate the Distance Distance parameter under the RADIAL FILL section.
  2. Adjust its value using the slider or by manually entering your preferred number.
  3. This creates a circular gap around the center by defining the starting point of the strokes.

image.png

distance:2 distance:10 distance:30
image.png image.png image.png

Auto Distance

  1. Locate the Auto Distance option.
  2. Enable it by clicking the button.
  3. When active, the stroke distance from the center is recalculated automatically to prevent overlaps.

image.png

auto:off auto:on
image.jpeg image.jpeg

Random Distance

  1. Locate the Random Distance option.
  2. Enable it by clicking the button.
  3. This randomly adjusts the distance of each stroke from the center, helping to avoid overlaps.

image.png

random:off random:on
image.jpeg image.jpeg

Stroke Properties

Other properties apply to this fill, which you can read about in the relevant articles:

Link to Example

You can use the example file for this article UM3-Fills-Radial.lines to practice adjusting "Radial" fill parameters.