---
title: "Create neon signs"
url: /docs/en-us/tutorials/use-case-tutorials/modeling/create-neon-signs
last_updated: 2026-06-23T22:00:28Z
description: "Explains how to create neon signage to draw attention to something in an experience."
---

# Create neon signs

**Neon signs** are bright and colorful electric signage that draws attention to something within an experience, such as where users can enter a building or purchase an item. By combining modeling and lighting techniques, you can create and use neon signs to elevate the immersion within your environments.

As with all 3D creation, there are many ways to achieve any particular goal. In this guide, you can quickly create your own neon sign using tools and methods available only within Studio with only a few basic assets, including a [`.obj`](../../../assets/tutorials/creating-neon-signs/open-text.obj) file for the 3D text of the sign model.

In the following method to create a neon sign, follow each section to learn how to:

- Create the signage's backboard and border with basic parts.
- Shape the sign using Studio's solid modeling tools.
- Incorporate 3D text with your sign and save the sign as a model.

> **Info:** You can create your own assets in third-party modeling tools and follow along with your own design. For information on exporting models for use in Studio, see [Exporting Requirements](/docs/en-us/art/modeling/export-requirements.md).
## Create the backboard and border

A `Class.Part` is Roblox's primary building block that you can move, resize, rotate, and customize to change their appearance, such as their color and material. Using [basic parts](/docs/en-us/parts.md) to create the foundation of neon signs is useful because the signage's backboard and border only require basic shapes.

To create the backboard and border:

1. Navigate to Studio's **Home** or **Model** tab toolbar.
2. Click the dropdown arrow on the **Part** button and select **Block**. A block part displays in the workspace that's about to become the backboard of your neon sign.
3. In the **Explorer** window, select the block, then in the **Properties** window,
  1. Set **BrickColor** to **Black**.
  2. Set **Size** to `8,4,1`.
  3. Set **Name** to **Backboard**.
  4. Enable the **Anchored** property.
4. In the **Explorer** window, select **Backboard**, then press `Ctrl``D` (`⌘``D`) to duplicate the part.
5. In the toolbar, select the **Move** tool and use one of the axis arrows to pull the duplicate backboard part away from the original position so you can see each object.
6. In the **Explorer** window, select the duplicate backboard part that's about to become the border of your neon sign, then in the **Properties** window,
  1. Set **BrickColor** to **Lime Green**.
  2. Set **Size** to `7.75, 3.75, 0.25`.
  3. Set **Name** to **Border**.
7. In the **Explorer** window, select **Border**, then press `Ctrl``D` (`⌘``D`) to duplicate the part. **Do not move this new part** because it needs to be in its current position for the next sculpting step.

Now that you have three parts that make up the basic shapes of your neon sign, you can sculpt the border's shape.

## Shape the neon border

Using [solid modeling](/docs/en-us/parts/solid-modeling.md), you can join and separate parts in unique ways to form more complex shapes known as **unions**. This process enables you to resize and modify the duplicate border part to become the neon border.

To create the neon border shape:

1. In the **Explorer** window, select the duplicate border part, then in the **Properties** window, set the **Size** to `7.5, 3.5, 1.0`.
2. With the duplicate border part still selected, click the **Negate** button in the toolbar. The border part turns translucent and its **Name** property automatically changes to **NegativePart**.
3. With **NegativePart** still selected, hold `Ctrl`/`⌘` and click on the original border part to select both parts at the same time.
4. In the toolbar, select **Union** to fuse both parts together. A border-shaped part displays, and the **Name** property automatically changes to **Union**.
5. In the **Explorer** window, select the union, then in the **Properties** window,
  1. Set **Name** to **Border**. This helps organize all objects within the workspace.
  2. Set **Material** to **Neon**. This allows the part to glow.
6. In the toolbar, select the **Move** tool and use one of the axis arrows to pull **Border** in front of **Backboard**.

Now that you have a complete backboard and a glowing neon border, you can create extruding neon 3D text for the words of the sign.

## Incorporate neon 3D text

Since Studio doesn't natively support 3D text, this guide provides an open-text.obj file for you to import into your scene that contains a 3D model of text that spells the word "OPEN". You can also use other methods to create 3D texts or custom designs for this process, such as using your own models from third-part modeling software, working with community plugins, or creating your own text manually in Studio through solid modeling.

To incorporate neon 3D text from the [open-text](../../../assets/tutorials/creating-neon-signs/open-text.obj) `.obj` file:

1. Import the **open-text** `.obj` file.
  1. From Studio's **File** menu, select **Import**. A file browser displays.
  2. Select the **open-text** `.obj` file, then click the **Open** button. The **Import Preview** window displays.
  3. Keep the default import settings, then click the **Import** button. The open text models display within the viewport.
2. In the toolbar, select the Move tool and use one of the axis arrows to center the text on the sign.
3. In the **Properties** window,
  1. Set **Color** to `170,0,0`.
  2. Set **Material** to **Neon**.
4. In the **Explorer** window, select the text models, **Border**, and **Backboard**, then press `Ctrl``G` (`⌘``G`) to group them into a single `Class.Model` object.
  > **Info:** For a reference of what this neon sign looks like within Studio, you can download the [base project file](../../../assets/tutorials/creating-neon-signs/neon-sign-baseplate.rbxl) and compare it to your model.
5. Rename the new model to **NeonSign**.
6. In the **Explorer** window, right-click **NeonSign**. A contextual menu displays.
7. Select **Save to Roblox**.

After you save the asset in your [Toolbox](/docs/en-us/projects/assets/toolbox.md), you can use it within any of your experiences. In addition, you can [distribute your asset to the Creator Store](/docs/en-us/production/creator-store.md) to make it publicly available to all creators to use within their experiences too.