Create and implement a Sprite sheet in Unity

Objective: Use Adobe Illustrator and Photoshop to make a sprite sheet for Unity.

Today we’ll look at how to get a GUI set up from FreePik.com. Today we will be using Illustrator and Photoshop.

To start let’s head to FreePik and search for GUI. Select one that you like and download it.

Now that it’s download extract the files somewhere you would like and open the .esp file in Illustrator.

Select all and right click to select ungroup.

Double click on the background and hit ‘del’ on the keyboard to delete it.

Now copy them and open Photoshop. Create new file, I set my size to 2048 by 2048 and the resolution to 72.

Once it is opened use CRTL + V to paste them into Photoshop. Select Pixels.

We can use the Slice tool in Photoshop to resize and place the Images in a better size.

Next is to use the Marquee tool and select a section and right click and select layer via cut.

Now resize them to the square.

Now Export as a PNG.

Now we can drop it into Unity and get a sprite sheet.

Open Sprite Editor and use Automatic and we can get them in multiple sprites.

It’s always good to double check. To fix sprite number 3, we can open the sprite editor and just adjust the slice. Thank you for reading and have a wonderful day!