In the articles/Intro to GUIs and also articles/Using photos in GUIs guides, you learned just how to placed GUIs ~ above a screen “canvas” and display that to players in her game. GUIs room not limited to just the screen, however. Making use of surface GUIs, girlfriend can include interfaces straight into her game civilization to develop shop signs, keypad panels for locked doors, or also touch screens.

You are watching: How to put text in roblox studio

Creating a straightforward Surface GUI

In this very first example, fine explore setup up a surface GUI because that a non-interactive surface ar object, favor a authorize or painting.

Create a authorize Board

Before creating the surface ar GUI, you’ll require a basic block to affix it to. The block will need to be a certain size to enhance the surface ar GUI we’re going come make.

Create a wide, thin component exactly 8 studs throughout (X) and 4 studs high (Y).
*

For this demo, it"s vital that the block is 8 studs across and 4 studs high (this will be explained more in a bit). To inspect and set the size exactly, see the Properties window and increase the PartSize tree.
Rename the component SignBoard.
*

Create the surface GUI

Now let’s produce a surface ar GUI together a straight child the the signboard part.

In the traveler window, hover over the SignBoard object and also click the circle ⊕ button.
*
Select SurfaceGui from the popup menu. This creates an empty surface ar GUI an are on the front surface ar of the part.
*

Add a message Label

Just like when you produce a new ScreenGui room on the screen, a brand-new SurfaceGui starts out together a empty canvas that spans one complete surface that the component (front, top, back, left, etc.).

Many things deserve to be added to a surface GUI, however we’ll start with a an easy text label. In the traveler window, find the new SurfaceGui object and also insert a TextLabel right into it.

*

This will include a level text label to the front surface of the part.


*

Depending on her camera view, you could be looking at the back surface the the part, not the front surface where the GUI is located. If friend don"t watch the label, move your camera roughly to the various other side.

Set the Canvas Size

As noted earlier, a surface GUI takes up one full surface the a part. In this example, it’s situated on the front surface of the component which is the default for all new surface GUIs.

Depending top top which surface ar of the component the GUI is placed on, it’s clever to collection the canvas size come the very same proportions. Because the component is 8 studs across and 4 studs high, the front surface ar (outlined in yellow) is likewise 8 studs across and 4 studs high.

*

A great starting allude is to set the canvas width and also height come 100 time the surface’s stud length in every direction.

In the traveler window, make sure the SurfaceGui thing is still selected.
*
In the nature window, expand the CanvasSize values.
*
Change the Y value to 400 because the surface ar is 4 studs high (the X value can remain in ~ 800 due to the fact that the surface is 8 studs across).
*

Great! friend won’t watch a large difference in the message label’s appearance, but setup a canvas size that’s proportional come the surface size gives you a consistent an are for creating GUIs.

Customize the Label

Now let’s change the text label nature so the text label is centered and also fills most of the front surface. If you need to review message label properties, please see the articles/Intro to GUIs guide.

Click on the message label in the traveler if that not already selected.In the nature window, uncover the AnchorPoint properties. Set both X and Y to 0.5 so that the anchor is centered.
*
Change BackgroundColor3 to your favorite color.Set BorderSizePixel to 0 to remove the label’s border.For Position, collection both XScale and YScale to 0.5. This will facility the brand within the bounds of the surface ar GUI.
*
In the Size section, set XOffset to 750 and also YOffset to 350. Due to the fact that you collection the canvas dimension to 800×400 (X×Y), the message label will now take up nearly the entire canvas.
*
Now get an imaginative with various other text properties because that the label. Because that example, adjust the Font, Text, TextColor3, TextSize, TextWrapped, and more to make a really professional signboard!
*

Light Influence

Normally, the GUI space will re-publishing the same amount that light as the surface ar it’s on — if that surface is in the dark or spanned by shadow, message or photos that you placed inside the GUI will also be in the dark.

See more: Why Is Multi Shadow Clone Jutsu Forbidden Technique? Why Is It Used Though?

To change how lot a GUI is affected by its surface light, adjust the LightInfluence property. The typical value is 1, definition the GUI room will it is in lit similar to what’s approximately it. If you collection it come 0, images inside will appear just as light (or dark) together you draft them. This have the right to be valuable if you desire to produce something like a neon sign which glows bright even if that in a dark environment.