Learn how to position, transform, and organize layers visually in a composition.

What you'll need

This sample file is an Adobe Stock asset you can use to practice what you learn in this tutorial. If you want to use the sample file beyond this tutorial, you can purchase a license on Adobe Stock. Check out the ReadMe file in the folder for the terms that apply to your use of this sample file.

What you learned: Different methods for positioning and distributing layers evenly in a composition

Use settings and panels that help with positioning layers in a composition

Enabling Snapping helps you reposition layers in relation to other layers in a composition. Using the Align panel can help distribute layers evenly when multiple layers are selected.

Shape layers have settings for each shape on that layer you can use to position the shape within the composition

  • Select the Blue Bar shape layer and press UU on your keyboard to reveal only the changed properties for a shape.
  • Set the X parameter setting for the Transform: Rectangle 1 Position to a value of 0 to center the shape horizontally in the Composition panel.

Layers selected in the timeline have control handles that you can use to transform the layer directly in the Composition panel.

  • Drag any handle to distort the layer. Shift-drag a handle to keep the layer’s proportions as it is transformed.
  • Drag inside the handles to reposition a layer in the composition.

Use layer labels to select layers

  • Click the yellow label in the timeline for Layer 2 and choose Select Label Group to select all layers with the same label color.

The Align panel helps organize selected layers

  1. Go to Window > Align to open the Align panel.
  2. Click the bottom align button in the Align Layers To section of the Align panel.
  3. Click the Center Horizontally button in the Distribute Layers section of the Align panel.

Enabling Snapping helps align layers in relation to other layers in a composition

  1. Enable Snapping by checking the Snapping box in the top center of the interface.
  2. Drag near the center axis point of the Left layer icon to drag all the layers and to use the center of the Left layer as the snapping point.
  3. Drag the layers until the middle of the Left layer snaps vertically to the center of the Blue Bar shape layer.

Scrubbing a parameter with multiple layers selected will adjust all selected layers

  1. Press S on your keyboard to open the Scale properties for all of the selected Illustrator layers.
  2. Scrub the scale value down on any of the selected layers to resize all of the layers to fit within the Blue Bar shape layer.

Use the arrow keys on your keyboard to fine-tune the position of any selected layer

  1. Click near the lower left corner of the Travel text layer and drag it to the upper left corner of the Left icon so it snaps into position.
  2. Use the Up Arrow key to nudge the Travel text layer up vertically in the Composition panel one pixel at a time. Position the Travel text layer so its baseline lines up just on the edge of the Blue Bar shape layer.

Tip: Holding down Shift on your keyboard while using the arrow keys moves selected layers 10 pixels at a time.  

 

Back to: Add layers | Up next: Work with 3D layers

 

11/21/2018

Adobe Stock contributor: CleverStock

Presenter: Ian Robinson

Was this page helpful?