In Fable, there are two main controls that influence the visible size and position of your layers: Dimensions and Transform.

Dimensions

• Represent the actual size of layers.

• Controlled by pixel-based width and height.

• Exceptions: Controllers, Groups, Particles, and Scene Instances have no dimensions.

Adjusting Dimensions

• Inspector: W and H properties in the middle adjust width and height from the center.

• Canvas: Circular handles along bounding box edges enable edge resizing with modifiers.

  • Shift: Maintains proportions

  • Option: Resizes from the layer’s center point.

  • Shift Option: Maintains proportions while resizing from the layer’s center point

Dimensions can be keyframed.

Transform

• Available on every layer in Fable.

• Controls position, scale, rotation, and skew.

• Applied after layer dimensions.

• Square boxes at bounding box corners symbolize Transform controls.

When you scale a layer, Fable multiplies the layer's dimensions for the final render. For example, a 100px x 100px rectangle scaled to 200% on both axes will result in a final render of 200px x 200px.

Inspector Transform Controls

• Position: X (left-to-right) and Y (top-to-bottom) in relation to the center point of the canvas

• Scale: Ellipses for width and height control the size of the layer in relation to its original size.

  • Click the chainlink icon to constrain and maintain relative ratios regardless of scale input.

• Skew: Distorts points within an element at a certain horizontal/vertical angle.

• Rotation: Degrees of rotation around the layer's transform origin. Can be a negative value.

Canvas Transform Controls

• Position: Drag layer anywhere on canvas.

  • Modifier: Shift for limited repositioning along the same axis.

• Scale: Square handles adjust the layer's scale.

  • Modifier: Shift maintains ratio between vertical and horizontal scale.

• Rotation: Hover around corners, click and drag to rotate.

  • Modifier: Shift snaps rotation to 45º increments.