Working with Assets in Buttons and Drop Zones

A button’s or drop zone’s active area aspect ratio may not match the aspect ratio of the asset assigned to it. In these situations, part of the asset ends up being cropped off. You have two options for working with the asset:

Positioning Images in a Button or Drop Zone

If you want to keep the button’s or drop zone’s active area at its current aspect ratio, you can position the asset within the active area, choosing which parts of the asset are cropped off.

To position an asset in an active area
  • Shift-Option-click the asset within the active area, then drag it.

The active area remains where it is, and the asset moves within it (similar to moving a picture behind a window).

Matching the Active Area Aspect Ratio to the Asset

If you want the asset to appear without being cropped, you need to adjust the active area’s aspect ratio to match the asset’s aspect ratio.

To match the active area’s aspect ratio to the asset’s aspect ratio
  • Shift-drag a corner of the active area.

The active area snaps to match the asset’s aspect ratio, ensuring none of it is being cropped off. As long as you hold down the Shift key while changing the active area’s size, this aspect ratio is maintained.