Every layer has a set of transformation controls that can be access on the layer inspector on the right side of the screen. This article outlines how each of these properties affect the selected layer.

Screenshot: Shape Layer properties panel
  1. Position - Controls the position of the layer in relation to the center point of the canvas. The X property controls the left-to-right axis, and the Y property controls the top-to-bottom axis

  2. Scale - Controls the size of the layer in relation to its original size. The horizontally oblong ellipse represents the scale-width property and the vertically oblong ellipse represents the scale-height property

    • By default, these properties are unconstrained – they can be independently adjusted. Clicking the chain-link icon on the right side of the scale-height property constrains these properties. Constrained properties maintain their relative ratio, no matter which property is adjusted.

    • The chain-link icon will be highlighted yellow if the Scale properties are constrained

  3. Skew - This transformation is a shear mapping that distorts each point within an element by a certain angle. The effect is as if you grabbed each corner of the element and pulled them along a certain angle. The Skew properties control the angle of the shear mapping transformation. The first icon represents the Horizontal Skew property that adjusts the layer as portrayed by the skewed rectangle. The icon to the right is the Vertical Skew property

  4. Opacity - Controls how transparent the the layer should appear. A value of 100% means the layer will remain 100% opaque (no transparency). A value of 0% means the layer will be non-opaque (completely transparent)

  5. Rotation - Controls the degrees to rotate the layer based on the layer's anchor point.

    • Can be a negative value

All properties can be key-framed using the key-frame controls to the right of each property.

Did this answer your question?