The layers panel provides the ability to arrange components in ways that create the user experience. The position and arrangement of creative layers defines how users will perceive the content of the ad.
The layers are displayed in list form. When a new component is added to the stage, a new layer is added to the list. For more details, see Layers toolbox.

When manipulating layers, it can be helpful to hide layers that are getting in the way. Toggling the eye icon found on the right side of each layer will show or hide layers to provide a convenient view of the Creative Stage when building the ad.

The contextual menu gives access to a variety of actions such as deleting a layer. To display the contextual menu, right-click on a layer or group of layers.

The following table lists all the options available in the menu:
Command |
Description |
---|---|
Cut |
Cut the layer or group of layers and place it in the clipboard, ready to be pasted again. |
Copy |
Copy the layer or group of layers and place it in the clipboard, ready to be pasted. |
Paste |
Paste the layer or group of layers stored in the clipboard. |
Delete |
Delete the layer or group of layers. |
Move Forward |
Move the layer or group of layers one slot up into the list. |
Move Backward |
Move the layer or group of layers one slot down into the list. |
Move to Front |
Move the layer or group of layers to the top of the list. |
Move to Back |
Move the layer or group of layers to the bottom of the list. |
Group selection |
Group the currently selected layers. |
Ungroup |
Ungroup the currently selected group of layers. |
Commands in the menu may have an associated keyboard shortcuts that are displayed to next to it. For more details, see Keyboard shortcuts.
Multiple layers can be grouped to keep a project organized. Groups are displayed as a folder in which layers are contained. They can be expanded or collapsed to show or hide the layers listed under them respectively.
To group layers:
-
Select multiple layers by holding the Shift key and clicking on the layer names.
-
Right-click on any of the selected layers to show the contextual menu and click Group selection.
To ungroup grouped layers:
-
Right-click a group to show the contextual menu and click Ungroup.
When a new text or shape component is added into the project, the associated layer is named by default according to the component name plus the number incremented by component each time (e.g. Rectangle 1, Rectangle 2).
When a new image or video is added into the project, the associated layer is named by default after the name of the imported file with its extension (e.g. image_name.jpeg, video_name.mp4).
When the layers are grouped, the group is named by default to Group plus the number incremented each time.
All layers and groups can be renamed. There are two ways on how to rename a layer or group:
-
Double-click on the layer or group name in the list to make the name editable. Change the name and press Enter key to apply it.
-
Click a layer name and press Enter key to make the name editable. Change the name and press Enter key to apply it.
The layers or groups can be reordered in the list. This reordering is linked to the arrangement of the background (bottom of the list) and foreground (top of the list) of components in the stage.
There’s two ways to reorder a layer or group of layers:
-
Click and hold the layer or group name in the list, drag the layer upward or downward in the list, and release on the desired order. Multiple layers can be reordered at the same time by holding the Shift key and clicking on multiple layers then dragged and released on the desired order.
-
Hold the CTRL/CMD key and click on a layer to display the contextual menu then select one of the following options: Move backward or forward, bring to front, or send to back.
Comments