Storyline 2: Line Color Formatting

Article Last Updated

This article applies to:

This tutorial covers the Line Color options on the Format Shape/Format Picture window. (See this tutorial for ways to access the formatting window.)

To change the line color of an object, click one of the options listed on the Line Color tab. Each option is described below.

No Line

This removes the outline from the object.

Solid Line

This applies a single color to the outline.

Use the Color selector to choose from the available Theme Colors and Standard Colors. (Learn how to customize theme colors.) To pick a color from anything visible on your screen, click Eyedropper, then click the color you want to match. For even more flexibility, choose More Colors. This opens the Colors window, where you can do any of the following:

  • Click the color you want (either a square color swatch or a color in the spectrum area).
  • Create a custom color by entering color values in the Hue/Sat/Lum fields, the Red/Green/Blue fields, or the Html field.
  • Use the eydropper tool to match the color of anything visible on your screen. Just click the eyedropper, then click any color on your screen.

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 corner. When you're finished, click OK to close the window.

Back on the Format Shape window, drag the Transparency slider or enter a percentage to make the outline semi-transparent.

Gradient Line

This applies a gradient of two or more colors that blend into one another.

Use the Preset colors selector to choose from several ready-made gradients, or use the other fields on the window to create a custom gradient.

  1. Type: Choose LinearRadialRectangular, or Path. (Path means that the path of the gradient follows the perimeter of the object.)
  2. Direction: Use the drop-down to choose one of the preset directions. (This field is grayed out for Path gradients.)
  3. Angle: If you're using a Linear gradient, this field lets you specify the angle of the gradient.
  4. Gradient Stops: Use a stop for each color 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.