Storyline 1: Fill Formatting

Article Last Updated

This article applies to:

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

The fill options allow you to apply fills to shapes or captions that you've inserted on your slides. You can also apply a fill to an image, but the fill will only be visible if the image has a transparent background. Similarly, you can apply a fill to a Storyline character, but it will only affect the background area behind the character. (If you want to recolor an entire image or character, consider using the Picture options on the Format Picture window and selecting the  Recolor option.)

To choose a fill, click one of the fill options listed, and then use the other fields on the window to choose the related settings.

No Fill

This removes any fill from the object.

Solid Fill

This applies a single color to the object.

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 Format Shape window to apply the color to your object.

Gradient Fill

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

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.
    • Rotate with shape:  Mark this box to keep the gradient aligned to the object’s orientation if the object is rotated.

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

Picture or Texture Fill

This applies a texture or image as a fill on the object you’ve selected.

  • Texture: Use this selector to see the built-in texture choices available. If you see something you like, just click to apply it.
  • Insert from: If you’d prefer to use an image of your own, rather than one of the built-in texture choices, click File to browse to the image you’d like to use, or click Clipboard to use the current contents of your clipboard as the fill.
  • Tile picture as texture: This affects the way the image or texture gets tiled, or repeated, within your object. If you don’t mark this box, the image will stretch to fill your object. If you do mark this box, Storyline will tile multiple copies of the same image as a texture within the object. Depending on your choice, you’ll see some different options below the checkbox.

    If you tile the picture as a texture, you’ll see these options:If you don’t tile the picture as a texture, you’ll see the following. (Higher percentages will stretch the fill away from the indicated edge; lower numbers stretch it toward the indicated edge. For example. if you increase the Left percentage, the fill will stretch rightward, away from the left edge.)
  • Transparency: Drag the slider or enter a percentage.
  • Rotate with shape:  Mark this box to keep the fill aligned to the object’s orientation if the object is rotated.

Click Close to apply the picture or texture fill to the object you chose.

Pattern Fill

This applies a patterned fill to the object you’ve selected.

Choose one of the patterns shown on the window, and then use the Foreground Color and Background Color selectors to choose from among the available Theme Colors or Standard Colors. (The Theme Colors are controlled by your project’s design theme.) In either selection list, if you don’t see a color you want, you can choose More Colors to specify a custom color.

Slide Background Fill

This fills the object with whatever has been applied to the slide's background. For help with customizing slide backgrounds, check out this tutorial.