Storyline 360 has several tools for formatting pictures, screenshots, and characters to complement your course design.

Accessing the Formatting Tools

Select the image, screenshot, or character you want to customize, then go to the Format tab on the Storyline ribbon. (See below for a description of each formatting tool.)

Tip: Another way to format an object is to right-click it, then choose Format Picture or Size and Position.

Adjusting Brightness, Contrast, and Color

Brightness

Use this drop-down to change the brightness of the image.

Select one of the preset brightness levels or click Picture Correction Options to specify an exact value.

Contrast

Use this drop-down to adjust the contrast of the image.

Select one of the preset contrast levels or click Picture Correction Options to specify an exact value.

Recolor

Use this drop-down to recolor the image with a specific color.

Select one of the preset colors or click More Variations to choose a custom color.

You can also make part of your image transparent by choosing Set Transparent Color and clicking the area (color) that should be transparent.

Change Picture

Use this option to swap out the current picture for a different one. All picture effects, animations, and triggers you applied to the original picture will be applied to the new picture automatically.

You can choose a Picture from File or browse royalty-free Content Library Photos.

This button is grayed out for characters. To swap out one character for another, right-click the character and choose Change Character. For additional character style options, see this user guide.

Reset Picture

Click this option to revert to the picture's original appearance.

To revert to its original appearance and original size, click the drop-down arrow and choose Reset Picture & Size. (Resetting picture and size also restores areas that were previously cropped.)

Adding Borders and Effects

Picture Styles

Click a preset picture style to quickly change the appearance of an image or character.

Picture Shape

Use this drop-down to change the shape of your image or character. It'll be cropped to the shape you choose.

Picture Border

Use this drop-down to add a border to your image or character.

If you don’t see the color you want, click More Outline Colors to define a custom color or use the Eyedropper to choose a color that’s visible on your screen. (Preset color choices come from your theme colors.)

You can also change the border's thickness (Weight) and pattern (Dashes).

Picture Effects

Use this drop-down to apply a shadow, reflection, glow, or soft edges to your image. (The preset color choices for the glow effect come from your theme colors.)

Arranging, Aligning, and Rotating Objects

Bring Forward

Click this option to bring the object forward one layer on the slide.

To move the object to the top layer, click the drop-down arrow and choose Bring to Front.

Send Backward

Click this option to send the object back one layer on the slide.

To move the object to the bottom layer, click the drop-down arrow and choose Send to Back.

Align

Use this drop-down to align the object with the slide or with other objects on the slide.

Group

Grouping is a handy feature for moving, resizing, rotating, flipping, or changing other attributes of several objects at the same time.

To group objects, Shift-click two or more objects, click the Group drop-down, and choose Group.

You’ll also see options for ungrouping and regrouping objects.

Rotate

Use this drop-down to rotate the object. Choose one of the listed values or click More Rotation Options to open the following window where you can enter a specific rotation value.

Tip: You can also rotate an object just by dragging its rotation handle.

Zooming, Cropping, and Sizing Objects

Zoom Picture

When you resize an image in Storyline so it's smaller than the original, you can add a zoom icon to it, which lets learners see the original (larger) version of the image.

For example, if you insert an image that's 500 pixels by 500 pixels and you resize it to 250 pixels by 250 pixels, the zoom icon lets learners see the image at its original size of 500 pixels by 500 pixels.

Crop

Click this button to crop your image or character.

Drag the cropping handles on the image to change its dimensions.

To save your changes, click the Crop button again or click anywhere outside the image.

Height

Enter a pixel value to specify an exact height for your image or character.

Tip: By default, the aspect ratio is locked for pictures, screenshots, and characters. As a result, when you change the height, the width will automatically adjust to maintain the same aspect ratio. If you want to unlock the aspect ratio in order to change the dimensions independently, see this user guide.

Width

Enter a pixel value to specify an exact width for your image or character.

Tip: By default, the aspect ratio is locked for pictures, screenshots, and characters. As a result, when you change the width, the height will automatically adjust to maintain the same aspect ratio. If you want to unlock the aspect ratio in order to change the dimensions independently, see this user guide.