Designing Advanced UI

[Nekoparaiten (Phillip_Graves)]

I don’t necessarily know how I would make advanced UI animations and neither do I have the tools I need to create them. I don’t think Paint.net would do such a great job.

My UI is just basically a detailed-futuristic-like interface that involves moving almost 24/7 (An active UI).

Well yeah, there’s Photoshop, but I don’t wanna buy it neither do I want to spend time finding the cracked version of it (My previous one stopped working).

What I need to know:

1. The software to make this possible (Has to be FREE)
2. Making sprite sheet UI/Using them (There’s this one thread (I don’t remember which one), where it links you to an open source place with the loading arc UI that spins with the use of sprite sheet and not tweening and it was using RectSize/RectOffset to create that smooth animation—hopefully you know what I mean)

I think that’s all, feel free to include something important or leave any advice

[farizarps]

1. Maybe www.gravit.io (i haven’t used it my self but I have seen others recommend it)

2. You make the sprite sheet as you would normally in image editing software.
   Set the ImageRectSize of whatever ImageLable/Button you put it to the size of one sprite
   Then set the ImageRectOffset to the top left of the first sprite and change it for each sprite in the sprite sheet.

Edit: Just saw GameTapped’s answer GIMP is a good choice i forgot about it lol

[GameTapped (GTGaming)]

Well yeah, there’s Photoshop, but I don’t wanna buy it

GIMP

Even better IMO, and free - which makes it better, even if it’s not.

[RuizuKun_Dev (Kitsune)]

@NekoNYApoquelia

I don’t think Paint.net would do such a great job.

I use that all the time it’s perfect for the job you just need to learn how to use it.

Examples;

---

@NekoNYApoquelia

Making sprite sheet UI/Using them (There’s this one thread (I don’t remember which one)

These;

UI Design Starter Guide

In this guide I will be showing you some good practices for graphical user interface (GUI) design, as well as how to make GUIs in Roblox. Ultimately what you should do is up to you; I might have good advice, but there will always be exceptions. Design is a flexible discipline. Feel free to mess around or do things that are “wrong”. Just remember that you want to provide a good experience for your players, and a confusing or annoying UI will not help you in that goal. I have reached the maximum…

Radial Sprite Sheet Generator for Circular Progress Indicators

I created a web app that lets you generate radial (circular) progress indicators from any source image you give it. This is necessary because Roblox doesn’t support clipping masks for images. There are other ways to make a radial progress indicator, but nothing will match the quality of using pre-rendered images. Since UI elements are locked to integral coordinates, using dynamically rotated segments creates some pretty undesirable results. I’m not the first one to make something like this, but…

[HiroDevv (server)]

I’d recommend inkscape, it’s free and a detailed futuristic uis. And also, it supports svg file

[Nekoparaiten (Phillip_Graves)]

Sorry for a late reply, but I’ll be checking these out soon
Thank you