How to make a divider line in a GUI

Resources Community Tutorials
, ,
#1

I don’t know how to explain what I mean in words, so below is a picture of what I mean by “divider line”

image
image944×54 3.71 KB

If you can’t read the text, it says “that grey line”

Anyways, let’s get into this tutorial

Step 1: Create a Frame

Everyone should know how to do this. You can name it anything you like

Step 2: Change the Frame’s Size

Change the frame’s Y-axis size to 0,1 (scale 0; offset 1). This will make the frame one pixel thick. You may have already noticed that the frame looks like a line.

You can now change other properties to your liking. To make the line thicker, change the Y-axis size’s offset to the thickness (in pixels) to your liking.

Questions? Feel free to comment em below, I will try to answer as fast and as detailed as possible.

4 Likes
#2

Maybe change the title to something more specific, like “How to make a divider line in a GUI” to clarify since many people don’t read what Category posts are in.

2 Likes
#3

Alright. Thanks for the tip. I will do it now

1 Like
#4

Wait do you mean Y offset or X offset? Because I supposed if it’s a horizontal divider, it should be Y Offset?

1 Like
#5

Just noticed I put X…Meant to put Y

1 Like