Align & Distribute Video and Image Layers in Studio

Content Designers can use the alignment and distribution tools in Studio to adjust the alignment and spacing of elements and layers in video and image designs. This tool eliminates the need for manual adjustments and helps provide consistent spacing. 

Align Image Layers

1. Navigate to Studio.
2. Either create a new design or edit an existing one. 
3. There are two methods for selecting multiple layers in the artboard
   
   • Option A: Layers sidebar
     1. Press and hold Command ⌘ ( MacOS ) or Ctrl ( Windows ) on your keyboard while selecting the layers you want to align in the Layers sidebar. 
     2. Select one of the alignment options from the Align & Distribute tool in the inspector sidebar. 

        

   • Option B: Directly on the artboard
     1. Press and hold Shift ⇧ on your keyboard while selecting the layers you want to align directly on the artboard.
     2. Select one of the alignment options from the Align & Distribute tool in the inspector sidebar.

        

Align Video Layers

1. Navigate to Studio.
2. Either create a new design or edit an existing one. 
3. There are two methods for selecting multiple layers in the artboard
   
   • Option A: Video layers on the timeline
     1. Press and hold Command ⌘ ( MacOS ) or Ctrl ( Windows ) on your keyboard while selecting the layers you want to align in the timeline.
     2. Select one of the alignment options from the Align & Distribute tool in the inspector sidebar.
   • Option B: Directly in the canvas
     1. Press and hold Shift ⇧ on your keyboard while selecting the layers you want to align directly on the canvas.
     2. Select one of the alignment options from the Align & Distribute tool in the inspector sidebar.
        

Distribute Image and Video Layers

The distribution section of the Align & Distribute tool allows you to distribute objects evenly along a horizontal or vertical axis.

Note: You must select at least three content items to use the distribute options.

Distribute Image Layers

1. Navigate to Studio.
2. Either create a new design or edit an existing one. 
3. There are two methods for selecting multiple layers in the artboard
   
   • Option A: Layers sidebar
     1. Press and hold Command ⌘ ( MacOS ) or Ctrl ( Windows ) on your keyboard while selecting the layers you want to align in the Layers sidebar.
     2. Select one of the distribution options from the Align & Distribute tool in the inspector sidebar.
   • Option B: Directly on the artboard
     1. Press and hold Shift ⇧ on your keyboard while selecting the layers you want to align directly on the artboard.
     2. Select one of the distribution options from the Align & Distribute tool in the inspector sidebar. 

Distribute Video Layers

1. Navigate to Studio.
2. Either create a new design or edit an existing one. 
3. There are two methods for selecting multiple layers in the artboard
   
   • Option A: Video layers on the timeline
     1. Press and hold Command ⌘ ( MacOS ) or Ctrl ( Windows ) on your keyboard while selecting the layers you want to align in the timeline.
     2. Select one of the distribution options from the Align & Distribute tool in the inspector sidebar.
   • Option B: Directly in the canvas
     1. Press and hold Shift ⇧ on your keyboard while selecting the layers you want to align directly on the canvas.
     2. Select one of the distribution options from the Align & Distribute tool in the inspector sidebar.

Tips

• Select multiple layers in the layers sidebar or timeline
  • This only works by holding down the ⌘ Command key while selecting the layers
• Select multiple layers directly on the canvas
  • This only works by holding down the ⇧ Shift key while selecting the layers

Updated May 13, 2024 22:03