What is the correct way to cut a GUI?

Most GUI’s come in one .png file with many UI elements, what is the best programme to separate them ? Just all I can think of is to cut each one individually, but maybe there are more convenient solutions ?

Example:

gui_free
GUI Author: Butter Milk (https://butterymilk.itch.io/)

You can either split up the sheet into individual PNG files and place them in an atlas or rework the tiles into a tilesource and use slice 9 to size them in your GUI. Either way is valid

2 Likes

Hello, I may have phrased my question wrong, I am interested in software to split into separate files.

But anyway thanks for the reply !

Are you looking for some kind of tool to automatically identify the individual piece of graphics and automatically create individual images? I am not really familiar with any such tool, but I bet there is a way to get ImageMagick to do it for you.

If you are up for some manual work you can use something as simple as Aseprite to create individual images of each area you select.

I’m not really interested in automation, but in simplifying the process. Perhaps there is a programme where you can just select a GUI element and by clicking on a button it is immediately converted into a separate png file.

I think it it unlikely.
I’d recommend using something like Krita or similar software to do it if it’s only reauired to be done a few times.

1 Like

All right, thank you.

I just thought that since there are programs for slicing sprites, there might be some for GUI, I just don’t know about them. Apparently it’s not so common that there are separate programmes for it.

To all: Thank you very much for the replies under this question, even though there is no such programme, but I am very pleased that people tried to help me with the consultation.

Well, I think it is an interesting idea to be honest. I could definitely see someone create such a program or a script or plugin for existing software (such as Aseprite).

3 Likes