Overview
After adding an image to a scene, you can add one or more shapes to the image, including rectangles, circles, and arrows. The shapes themselves can be customized according to your creative needs using a wide selection of powerful tools.
The following are some common use cases for adding shapes to an image:
| Use a low-opacity rectangle to highlight an object. | Use a line to underline and emphasize text. |
| Use a rectangle to focus attention on a specific element. | Use an arrow to direct focus on a specific area. |
Note:
For general guidelines on using the Media Editor and editing media assets, see Editing Media Assets—General Guidelines.
Adding a Shape
| 1. | Select the image that you want to add a shape to. |
| 2. | Click the Edit media icon on the toolbar. |
| 3. | Click the Edit icon. |
| The image is opened in the Media Editor. | |
| 4. | Click Shapes. |
| 5. | Click the shape that you want to add. |
| The shape is added to the image. ▶ The default fill color of the shape is black. ▶ The toolbar is contextual and displays options according to the shape that was selected. |
|
| 6. |
Edit the shape according to your preferences. ▶ In the example below, a rectangle was used to create a highlight over two dishes next to the cutting board. After the shape was added to the image, the fill color was changed to green and the opacity set to 20. |
| 7. | Click Apply in the top right corner of the Media Editor to save the edits and return to the Studio. ▶ Clicking Apply applies all the edits (if any) made to the media asset and not only those related to shapes. |
Shape Editing Options
Note:
Many of the shape editing options are relevant only if the fill color of the shape has a low level of opacity. Refer to the Color expander below to learn how to set the opacity of a fill color.
Applies to: Rectangle, Line, Star, Polygon
Use the Shape option to configure attributes specific to a shape as detailed below:
| Shape | Attributes |
| Rectangle | Degree of corner roundness |
| Line | Line width |
| Star | Number of points in star; inner diameter of star |
| Polygon | Number of polygon sides; degree of corner roundness |
Applies to: all shapes
By default, the fill color is black.
Select a fill color from the Brand Palette or click Edit to use the color picker to create a custom color.
After selecting a fill color, you can change the opacity to make the color more transparent.
Click Edit and then use the opacity slider to control the percentage of transparency.
Applies to: all shapes except Line
The stroke is the visible outline (border) of a shape.
By default, this option is disabled. After selecting Stroke in the toolbar, you will also need to enable the option (by clicking the eye icon) to access all its settings.
After enabling the Stroke option, you can define the following settings:
| a. | Color: the color of the stroke (border) |
| b. | Stroke width: the width of the stroke, in pixels |
| c. | Stroke style |
| d. | Position: the position of the stroke relative to the shape edge (inside, outside, or center) |
| e. | Join: the style that defines how two strokes are joined (miter, bevel, round); in most cases, these will be the shape corners. |
Applies to: all shapes
Use the adjustment settings to optimize the fill color of the shape.
Applies to: all shapes
Apply a filter to the fill color selected for the shape. After selecting a filter, you can use the slider beneath the selected filter to define the intensity.
Note that some filters will only have an effect if the fill color of the shape has a low level of opacity.
Applies to: all shapes
Apply a special effect to the fill color selected for the shape. Each effect can be finetuned by configuring the settings beneath each effect.
Note that some special effects will only be visible if the fill color of the shape has a low level of opacity.
Applies to: all shapes
Apply a blur to the fill color selected for the shape. Each blur can be finetuned by configuring the settings beneath each blur option.
Note that if the fill color of the shape is fully opaque, the blur will not have any effect.
Applies to: all shapes
Use this option to create a shadow along the edges of the shape.
By default, this option is disabled. After selecting Shadow in the toolbar, you will also need to enable the option (by clicking the eye icon) to access all its settings.
After enabling the Shadow option, you can define the following settings:
| a. | Color: the color of the shadow |
| b. | Angle: the angle of the shadow in relation to the shape |
| c. | Distance: the start and end point of the shadow in relation to the position of the shape. The larger the distance, the larger the shadow. |
| d. | Blur: the degree to which the edges of the shadow are feathered |
Applies to: all shapes
If you have added more than one shape to the image, you can use the Move settings to change the layer order of the stack.
Use the Align to Page settings to align the shape on the image.