UI Images: Sprite Sheets

Unity Sprite Editor, Sprite Sheets

In this section we'll do a brief overview of how to use the Unity Sprite Editor to create single sprites from a sprite sheet.

GameArt2D has some free GUI Sprite Sheets.

Free Game AssetsGame Art 2D

Import Sprite Sheet

• Import a sprite sheet into your Unity Assets.

• Select the image in Assets folder

• Modify inspector values:

  • Select Sprite Mode: Multiple

  • Select Button: Sprite Editor

Sprite Editor

Instructions: Open the image in the Sprite Editor, Go to the Slice Option, Use Automatic Type, Select Slice Button. Finally, Select Apply and close the SpriteEditor window. Now each sprite should show up as an individual sprite in the project assets.

In the Sprite Editor, Slice Automatic

Select Apply - See Arrow in Image

Use Images for Button and Panel Image Component

Configure Button Component Sprite-Swap Transition

The Button's Image Component, and Button Component Show Use of Sprite -Swap