GUI Basics

[[File:Starterguiclicked.png]] In Roblox Studio, select the StarterGui object in your Explorer.
====Next, click Insert -> Object, you will see a menu like the image to the left, keep hitting 's' on your keyboard until you come across an Object called 'ScreenGui'. Select ScreenGui and press OK to insert the Object.====

When you click on the Frame Object, take a look at the properties panel, You can use this as a reference throughout the tutorial.
{| border="1" cellpadding="1" cellspacing="1" style="width: 100%;"

Here is an example of how UDim2 works:
UDim2.new(XScale,XOffset,YScale,YOffset)

UDim2 can take something called 'Scale' and something called 'Offset'.
==== Scale: ====

If you expand the Size property of the GUI, you will see the X and Y properties, if you expand X or Y, you will see Scale and Offset.
Lets make our UDim2.new(1,0,1,0)

If I did this to the Frame instead:
UDim2.new(0.5,0,1,0)

The Position property of GUI Objects also take a UDim2, here is an example to fill the right side of the screen:
UDim2.new(
 * }
 * }
 * }
 * }