Storyline 1: Adjusting Properties for Pictures, Screenshots, and Characters

Article Last Updated

This article applies to:

Once you've inserted a picture onto a slide in Storyline, there are several Picture Tools you can use to customize it. You can use these same tools to also customize any screenshots or Storyline characters you've inserted, since these behave just like images once you insert them.

Here's how to access and use Storyline's Picture Tools:

  1. Select the image, screenshot, or character you want to customize.
  2. On the Storyline ribbon, select the Format tab.
  3. Here's what you can do with the Adjust section of the ribbon: 
    • Brightness: Click this option and select one of the brightness choices listed, or select Picture Correction Options to see all the picture formatting options available.
    • Contrast: Click this option and select one of the contrast options listed, or select Picture Correction Options to see all the picture formatting options available..
    • Recolor: Click this option and choose a new color. If you don't see the color you want, choose More Variations so that you can choose from additional theme colors or define your own custom color. You can also choose Set Transparent Color if you want to make any part of your image transparent, based on its color. (If you choose this option and then click on the picture, everything of that color will turn transparent.)
    • Change Picture: Click this option if you want to swap the current picture for a different one. Any picture effects and animations you previously applied to the original picture will stay intact; they'll be applied to the new picture automatically. (Note: If you're working with a Storyline character and want to swap in a different character, see this tutorial.)
    • Reset Picture: Click this option to revert to the picture's original appearance. To revert to its original size and original appearance, click the small triangle next to the Reset Picture option and then choose Reset Picture & Size. Note that Reset Picture & Size will also restore any areas of the picture that may have been cropped.
  4. Here's what you can do with the Picture Styles section of the ribbon: 
    • Preset picture styles: The preset picture styles in Storyline provide you with a handy way to quickly change the appearance of your image. Click one of the thumbnails in the Picture Styles section to apply a style. Or, click the small triangle in the lower-right of this section to expand the list to choose from.
    • Picture Shape: Click this option and then select a shape to change the shape of your image. Storyline crops the image to the shape you choose.
    • Picture Border: Click this option to apply a different border to your image. If you see a color you like in the list, you can click it to apply it to the image — the colors available are controlled by your project's design theme. To customize your own color, choose More Outline Colors. You can also change the border's thickness by selecting Weight, or choose a pattern for the border with the Dashes option. To remove the border, choose No Outline.
    • Picture Effects: Click this option to apply a shadow, reflection, glow, or soft edges. (The colors available for the glow option are controlled by your project's design theme.)
  5. Here's what you can do with the Arrange section of the ribbon: 
    • Bring Forward: Click this option to bring the object forward one layer on your slide. Or, to send the object to the very front layer, click the small arrow next to Bring Forward and then choose Bring to Front.
    • Send Backward: Click this option to send the object back one layer on your slide. Or, to send the object to the very back layer, click the small arrow next to Send Backward and then choose Send to Back
      Tip: In addition to the above two options, another way to change the layer order of objects is to use the timeline. Click the Timeline tab that appears below your slide. All the elements on your slide will be listed in the timeline, in the same order in which they're layered on your slide — in other words, the topmost items in the list are the items that are closest to the front, or top, layer of the slide. To change the layering order, just select an item on the timeline and drag it up or down in the list.
    • Align: Use this option to align objects with one another, or to align objects with the slide itself. Click Align and choose either Align to Slide or Align to Selected Objects. (If you've selected just one object rather than multiple, only Align to Slide will be available.) Next, click Align again and choose one of the alignment options (left, center, right, top, middle, or bottom). Or, to space items evenly, choose Distribute Horizontally or Distribute Vertically.
    • Group: Grouping is a handy feature that allows you to move, resize, rotate, flip, or change other attributes of several objects all at the same time — as if they were a single object. To group objects, use Shift-Click to select two or more objects, and then choose Group to group them. If you later wish to ungroup them, you can select the group and choose Group > Ungroup. To regroup items that were previously part of a group, choose Group > Regroup.
    • Rotate: Click this option to rotate your selected object(s). Choose one of the options listed, or choose More Rotation Options to enter a specific rotation value. If you choose More Rotation Options, you'll see the following window where you can enter a specific value in the Rotation field, or use the arrows to increase or decrease the value. Click Close when you're done.
  6. Here's what you can do with the Size section of the ribbon: 
    • Zoom Picture: Click this option to enable a zoom icon on your image, which learners can click to see a larger view. (The zoom will work only if you've resized the image on your slide to be smaller than the original — for example, if you've inserted a 500x500 pixel image and then resized it to be 250x250, the zoom icon will allow learners to see zoom the image to its original 500x500 size.)
    • Crop: Click this option to crop the image. Handles will appear on your image, and you can drag them to change the dimensions of your picture. Or, type the specific dimensions you want for the height and width in the fields next to the Crop button.

Another Way to Adjust the Properties

Another way to adjust the properties on a picture, screenshot, or character is to right-click the object and choose Format Picture or Size and Position. This opens a window where you can access many of the same formatting options described above.