Version: 2017.3 (switch to 2017.4)
Sprite Editor
Sprite Packer
Other Versions

Sprite Editor: Edit Outline

Use the Sprite Editor’s Edit Outline option to edit the generated Mesh for a Sprite, effectively editing its outline.

Transparent areas in a Sprite can negatively affect your project’s performance. This feature is useful for fine-tuning the bounds of a Sprite, ensuring there are fewer transparent areas in the shape.

To access this option, select the Sprite and open the Sprite Editor (click Sprite Editor in the Inspector window). Click the Sprite Editor drop-down in the top left, and select Edit Outline.

Use the Sprite Editor’s drop-down to access Edit Outline
Use the Sprite Editor’s drop-down to access Edit Outline

With Edit Outline selected, click a Sprite. The Sprite Editor displays the outline and control points of the Sprite. The outline is indicated by a white line. The control points are areas you can use to move and manipulate the outline. Control points are indicated by small squares. Click and drag a white square outline control point to change its position.

The white squares represent the outline control points - click and drag to change their positions
The white squares represent the outline control points - click and drag to change their positions

When you hover the mouse over a white square outline control point, a blue square appears on the outline. Drag this to reposition the control point and the blue square becomes a new white square outline control point, as shown below

Hover over a white square control point, then drag the blue square to the position you want the new control point
Hover over a white square control point, then drag the blue square to the position you want the new control point

To create new outlines, drag in an empty space within the Sprite. This creates a new rectangular outline with four control points. Do this multiple times to create multiple outlines on one Sprite (for example, a donut Sprite which has gaps inside the outline).

Create new outlines by dragging in an empty space within the Sprite - you can use multiple outlines in one Sprite
Create new outlines by dragging in an empty space within the Sprite - you can use multiple outlines in one Sprite

To move the outline instead of the control points, hold Ctrl while you click and drag the outline.

Hold Ctrl to drag the line (here shown in yellow) rather than the control points.
Hold Ctrl to drag the line (here shown in yellow) rather than the control points.

Outline Tolerance

Use the Outline Tolerance slider to increase and decrease the number of outline control points available, between 0 (the minimum number of control points) and 1 (the maximum number of control points). A higher Outline Tolerance creates more outline control points, while a lower Outline Tolerance creates a tighter Mesh (that is, a Mesh with a smaller border of transparent pixels between the Sprite and the Mesh edges). Click Update to apply the change.

Use the Outline Tolerance slider to determine the number of control points
Use the Outline Tolerance slider to determine the number of control points
The Sprite on the left has a low Outline Tolerance, and the Sprite on the right has a high Outline Tolerance
The Sprite on the left has a low Outline Tolerance, and the Sprite on the right has a high Outline Tolerance
对文档有任何疑问,请移步至开发者社区提问,我们将尽快为您解答