How to make a gui with pixelated (screen) effect?

So, I want to make a gui which looks like the one on the image below. Image was taken from another game.

pixels2

I really don’t know how to do this, I am new in design stuff. Is it possible to do it in Roblox Studio or should I design it in designer programs and upload it as ImageLabel?

I looked on the internet for a solution and couldn’t find any. If you find any, it would be helpful to link them in the discussion.

3 Likes

I could be very wrong but isnt part with texture of circle and TextLabel work here?

I’ve made something which is not exactly like on the image above, but it looks like it is pixelated. I only couldn’t make that the text is perfectly aligned with the pixels. I just applied a texture over a TextLabel. By texture, I mean ImageLabel with SliceType set to Tile. I know this is not the best solution because pixels are able to change their size if the part changes its size. Is it possible somehow to make size of one pixel constant?

After I looked and compared fonts of the text, I think that the text in the image was not made in studio and the creator used ImageLabel.

I think you can make Image for each number then with calculation of width just put them together? the numbers could be made in any photo editor