# Transform Controls
Scale, rotate, and skew layers using transform controls.
When a layer is selected, transform controls appear around it.

## Bounding Box

The rectangle surrounding your selected layer(s) with 8 handles:

**Corner Handles:**

<List type="bullet">
  <ListItem>**Drag** to scale from center</ListItem>
</List>

**Edge Handles:**

<List type="bullet">
  <ListItem>**Drag** to scale in one dimension (width or height)</ListItem>
  <ListItem>Useful for stretching shapes</ListItem>
</List>

## Rotation Handle

**Curved pointer arrow when hovering near a corner handle:**

<List type="bullet">
  <ListItem>**Drag** to rotate around anchor point</ListItem>
  <ListItem>**Shift + Drag** to snap to 15° increments (0°, 15°, 30°, 45°, etc.)</ListItem>
</List>

**Rotation Center:**

<List type="bullet">
  <ListItem>Rotation happens around the layer's anchor point</ListItem>
  <ListItem>Move anchor point to change rotation center (see Properties)</ListItem>
</List>

## Snapping

Transform controls snap to:

<List type="bullet">
  <ListItem>**Grid intersections** (if grid enabled)</ListItem>
  <ListItem>**Guides** (if guides enabled)</ListItem>
  <ListItem>**Artboard edges** - Canvas boundaries</ListItem>
</List>

Enable/disable snapping in View menu or with snap settings.

## Multi-Layer Transforms

### Transform Multiple Layers Together

**Same Transform for All:**

1. Select multiple layers (Shift+Click or marquee)
2. Transform controls appear around all layers
3. Drag any handle to transform all together
4. All layers maintain relative positions and sizes

**Group Transform:**

<List type="bullet">
  <ListItem>Scales/rotates all layers as a unit</ListItem>
  <ListItem>Maintains spacing between layers</ListItem>
  <ListItem>Useful for moving entire compositions</ListItem>
</List>

## Bounding Box Behavior

### Content-Based Bounds

By default, bounding box fits the layer's content:

<List type="bullet">
  <ListItem>Includes all visible shapes, strokes, and effects</ListItem>
  <ListItem>Updates when content changes</ListItem>
  <ListItem>Tight fit around actual pixels</ListItem>
</List>

### Precomp Bounds

For precompositions:

<List type="bullet">
  <ListItem>Can show content bounds or precomp dimensions</ListItem>
  <ListItem>Toggle in property panel or View menu</ListItem>
  <ListItem>Affects how transforms are calculated</ListItem>
</List>

### Alignment

Use alignment tools in property panel:

<List type="bullet">
  <ListItem>**Horizontal alignment** - Left, center, right</ListItem>
  <ListItem>**Vertical alignment** - Top, middle, bottom</ListItem>
  <ListItem>**Distribution** - Space evenly</ListItem>
</List>