Storyline 1: Line Color Formatting

Article Last Updated

This article applies to:

This tutorial covers the Line Color options on the Format Shape or Format Picture window. Here’s an overview of the other formatting options you can select on that window.

This is where you can control the color of the outline on the object you’ve selected. Click one of the options listed:

No Line

This removes the line from the object.

Solid Line

This applies a single color to the line. You can use the Color selector to choose from among the available Theme Colors or Standard Colors. (The theme colors are controlled by your project’s design theme.)

Or, for more flexibility, choose More Colors. This opens the Colors window:

On this window, you can do any of the following:

  • Click on the color you want (either a square color swatch or a color in the spectrum area).
  • Or, create a custom color by entering color values in the Hue/Sat/Lum fields, the Red/Green/Blue fields, or the Html field.
  • Or, use Storyline's color picker to choose a custom color from any thing viewable on your screen. To do that, click the eyedropper button in the lower-right of the window, hover over any area of your screen, and click to choose a color.

If the color you’ve chosen is something you want to save for easy selection later, click  Add to Custom Colors. The color will get added to the bank of Custom Colors in the lower-left area of the window.

Click OK on the Custom Colors window once you've chosen a color.

Click Close on the Line Color window to apply the color to your object’s outline.

Gradient Line

This applies a gradient, which is a series of colors that blend into one another across the line.

You can use the Preset colors selector to choose from several ready-made gradients, or use the other fields on the window to set up your own gradient. If you choose to set up your own, here are the fields you’ll use:

  • Type: Choose LinearRadialRectangular, or Path. (Path means that the path of the gradient follows the perimeter shape of the object.)
  • Direction: If you chose anything but Path for the gradient type, you can use the Direction field to choose from one of the preset directions.
  • Angle: If you chose Linear for the gradient type, this selector allows you to customize the angle of the gradient.
  • Gradient Stops: You’ll use a gradient stop for each color you want to include in your gradient. You can add and remove gradient stops by clicking Add or Remove. For each gradient stop, choose:
    • Stop Position: Drag the slider or enter a percentage to indicate where you want the new color to start.
    • Color: Choose from the colors shown, or select More Colors to choose a custom color.
    • Transparency: Drag the slider or enter a percentage.

Click Close to apply your gradient to the outline of the object you chose.