Create neon text in Photoshop

In this lesson we will create a simple illustration with neon numbers in Photoshop CS5. I hope you enjoy this tutorial, and it will inspire you to create your own images.

Let’s start by creating a new document (Ctrl + N) in Adobe Photoshop with a size of 1900px by 1200px (RGB color mode) with a resolution of 72. Click on the icon Add layer style (Add a layer style) at the bottom of the layers panel and select Gradient overlay (Gradient Overlay).

Click on the color bar to open. Gradient editor (Gradient Editor) and set the colors as in the picture below. Click OK to close the Gradient Editor dialog box.

This is the background that should work.

Create a new layer (Ctrl + Shift + N) and select Soft Round (Soft Round) Brush (Brush).

Use this brush to paint in the center of the document, the foreground color is # 03334C.

Choose a tool Horizontal text (Horizontal Type Tool) (T). Select the font, size and color in the Character panel.

Write something like “2012”. Press Enter to apply the text.

Install Fill (Fill) up to 0% for this layer and click on the icon Add layer style (Add a layer style) at the bottom of the layers panel to select External glow (Outer Glow):

To add Internal glow (Inner Glow):

To apply Stroke (Stroke):

We get the following result.

Rasterize (Rasterize) a text layer, to do this, create a new layer (Ctrl + Shift + N) above the layer with numbers, then select both layers in the layers palette while holding the Ctrl key. And press the key combination CTRL + E to Merge layers (Merge Down).

Add a mask to the layer by clicking on the icon Add layer mask (Add layer mask) at the bottom of the layers panel and select Soft Round (Soft Round) Brush (Brush) in black (set the Opacity to 80% in the options bar).

We draw on the mask using this brush, changing the opacity of the numbers, as shown in the picture below.

We draw using the same Soft Round (Soft Round) Brushes (Brush) on the mask, but smaller, and this time we use white to return the brightness in several areas of the figures, and get the same result as in the picture below.

We get the following result.

Create a new layer (Ctrl + Shift + N) and activate Soft Round Brush (Brush) white (Brush Opacity -10%).

Use this brush to paint in certain places on the numbers.

Create a new layer (Ctrl + Shift + N) and select Soft Round again. Brush (Brush).

Use this brush to create a point at the bottom of the edge of the numbers.

Using the command Free transform (Free Transform) (Ctrl + T), we can stretch the point horizontally to get the same result as in the next picture. Install Fill (Fill) up to 50% for this layer.

Click on the icon Add layer style (Add a layer style) at the bottom of the layers panel and select External glow (Outer Glow):

We get the following result.

Apply the above method again on a new layer (Create a new layer (Ctrl + Shift + N)) and create a line by stretching it from a point. Brush (Brush) remains the same.

Set the Fill to 46% for this layer and change Blend mode (Blend Mode) on Overlap (Overlay).

Make a copy of the last layer (Ctrl + J) and select the command Free transform (Free Transform) (Ctrl + T) to stretch the copy layer down.

Make a copy of the last layer (Ctrl + J).

Make a copy of the last created layer (Ctrl + J) and select the command Free transform (Free Transform) (Ctrl + T) to move the copy layer between the top horizontal line and the bottom.

Create a new layer (Ctrl + Shift + N) and select Soft Round (Soft Round) Brush (Brush) white (Brush Opacity -10%).

Use this brush to create a radiant effect on the numbers in the center of the document.

Install Blend mode (Blend Mode) of this layer Lighter (Lighter Color).

Create a new layer (Ctrl + Shift + N) and select Soft Round again. Brush (Brush) white.

Use this brush to draw a point on the right side of the numbers.

Using the command Free transform (Free Transform) (Ctrl + T), you can stretch the point horizontally to get the same result, as shown in the picture below.

Set the Fill to 25% for this layer and change Blend mode (Blend Mode) on Overlap (Overlay).

Make a copy of the layer made (Ctrl + J) and select the command Free transform (Free Transform) (Ctrl + T) to move the copy layer to the numbers on the left side, as shown in the image below.

Click on the icon Create a new adjustment layer or fill layer(Create new fill or adjustment layer) at the bottom of the layers panel and select, Curves (Curves) to adjust the shape of the curve, as shown, to make small color adjustments.

We get the following result.

Let’s create now a few numbers inside the already created ones. They will create
internal stroke, which gives more volume to our original figure. Choose a tool Pen (Pen Tool) (P), set the drawing mode to Layer – Figure (Shape Layers) in the settings panel and make the following form, as shown in the picture.

Set the Fill to 0% for this layer and click on the icon Add layer style (Add a layer style) at the bottom of the layers panel to select Stroke (Stroke):

We get the following result.

Click on the icon Add layer style (Add a layer style) at the bottom of the layers panel and select Overlay options (Blending Option). Check if the check mark is worth it Layer maskhides the effects (Layer Mask Hides Effects).

Add a mask to the layer by clicking on the icon Add layer mask (Add layer mask) at the bottom of the layers panel and select Soft Round (Soft Round) Brush (Brush) black.

We draw on the mask using this brush to hide unnecessary elements.

Applying the last described method, we make a stroke inside other numbers using the same tool. Pen (Pen Tool) (P). Layer style Stroke (Stroke):

We will group together all the layers that make up the inner stroke of the numbers (hold down CTRL to select the required layers and hold the left mouse button while dragging the selected layers to the icon Create a new group (Create a new group) at the bottom of the layers panel. A new group must be rasterized. To do this, select the group in the layers panel and press CTRL + E to Merge layers (Merge Down).

Click on the icon Add layer style (Add a layer style) at the bottom of the layers panel and select External glow (Outer Glow):

We get the following result.

Paste the mask on the layer by clicking on the icon Add layer mask (Add layer mask) at the bottom of the layers panel and select Soft Round (Soft Round) Brush (Brush) in black (set the Opacity to 60% in the options bar).

We draw on the mask using this brush to hide the edges of the inner stroke.

Make a copy of the last layer and apply the following filter: Filter-> Blur-> Blur by Gauss (Filter-> Blur-> Gaussan Blur).

We get the following result.

Create a new layer (Ctrl + Shift + N) and select Soft Round again. Brush (Brush).

Use this brush to paint in white on the surface of numbers. In some places, change the Opacity Brushes (Brush) by 20%.

Paste the mask on the layer by clicking on the icon Add layer mask (Add layer mask) at the bottom of the layers panel, press CTRL + I on the mask to invert the colors and select Soft Round Brush (Brush) white (set the Opacity to 20% in the options bar).

Draw on the mask using this brush to hide the bottom of the numbers.

Install Blend mode (Blend Mode) of this layer on Overlap (Overlay).

Create another new layer with numbers. Choose a tool Horizontal text (Horizontal Type Tool) (T). Choose font, size and color Character bars (Character panel).

Place it just like the first layer.

Install Fill (Fill) up to 0% for this layer and click on the icon Add layer style (Add a layer style) at the bottom of the layers panel to select Stamping (Bevel and Emboss):

To add Gloss (Satin):

We get the following result.

Right-click on the layer effect and select Create layers (Create Layers) in the layers panel.

We created Clipping mask (Clipping mask) for Layer styles (layer style):

Add the following filter: Filter-> Blur-> Gaussian Blur (Filter-> Blur-> Gaussan Blur).

We get the following result.

Make a copy of the layer on which we created the inverse mask and painted over the numbers. Place a copy layer on top of all layers.

Let’s apply on a mask Soft round (Soft Round) Brush (Brush) white color (Opacity of the brush – 15%), we have to hide the specified zones in numbers.

We get the following result.

Our neon effect is ready! I hope you enjoyed this tutorial.

Author: adobetutorialz

Like this post? Please share to your friends: