Create neon text with stars in Photoshop

Layer styles and patterns are very powerful tools in Photoshop, with which you can create interesting effects. In this tutorial, we will create a glossy neon text effect on a background of stars, using patterns, layer styles with the addition of a few highlights.

Final image

Step 1. Create a background

Open Photoshop and create a new document (Ctrl + N) with dimensions of 2560 x 1440 px with a transparent background. Fill this layer with dark color # 1е1е1е. To do this, go to the menu Edit> Fill> Color (Edit – Fill – Color). Rename the layer to Background. Put the layer in a group (Ctrl + G) and also rename the group to Background.

For this layer, add a layer style. Gradient overlay (Gradient overlay) with the parameters shown below. Gradient colors from # 161626 to # 010101.

Create a new layer (Shift + Ctrl + N) and fill with white by going to Edit> Fill> White (Edit – Run Fill – White). Add a layer style Gradient overlay (Gradient overlay) with the parameters shown below. Gradient colors from # E93080 to #902985.

Put this layer in a new group (Ctrl + G). Change the group’s blending mode to Overlay (Overlap) and rename the layer and group to Background 2.

Step 2. Starry Background

In this step, we will create a starry background using the star patterns that you will find in the lesson materials. Load the file with patterns in Photoshop. Then create a new layer – fill, after passing in Layers> New Fill Layer> Pattern (Layers – New Layer – Fill – Pattern) and select one of the patterns from this set. Set the blending mode of this layer to Color dodge (Lightening the basics).

Put this layer in a group (Ctrl + G) and rename it to Star patterns. Inside this group, create another 3 – 4 layers – fill, using other patterns of the set. Change Scale (Scale) patterns, as well as for all layers, set the blending mode to Color dodge (Lightening the basics).

Download in Photoshop Dirt Pattern, which you will find in the lesson materials. Create a new layer (Shift + Ctrl + N) and fill it with black color by going to Edit> Fill> Black (Edit – Run Fill – Black). Add a layer style Pattern overlay (Pattern overlay) and select an established pattern. Install Fill (Fill) layer at 0%.

Step 3. Create a pattern

Now we will create our own pattern and then add it to our background. Create a new document (Ctrl + N) with dimensions 500 x 500 px with a transparent background. Choose a tool Rectangle tool (U) (Rectangle) and create 4 white rectangles around the perimeter of a 500 x 10 px document. For ease of viewing in my example, the rectangles are black.

Create 2 more rectangles through the center of the document – vertical and horizontal.

Translator’s Note: for easy center search, use the guides (Ctrl + R).

Create two more diagonal lines as shown below.

Choose a tool Ellipse tool (U) (Oval) and create a circle measuring 40 x 40 px in the center of the document.

Select the entire document by going to the menu. Select> All (Selection – All) or Ctrl + A, then go to Edit> Define Pattern (Editing – Define a pattern) to save the created pattern.

Return to the working paper. Create a new layer (Shift + Ctrl + N) and fill it with white color – Edit> Fill> White (Edit – Run Fill – White). Apply a layer style to this layer. Pattern overlay (Pattern overlay) with parameters shown below. Select the pattern you just created. Ensure that the parameter Fill The (fill) layer is set to 0%, and the style blend mode to Overlay (Overlap).

At this stage we will add some color spots for our background. Choose a tool Brush tool (B) (Brush). Create a new layer (Shift + Ctrl + N) and use a large soft brush to draw a spot with a bright color.

Continue adding other colors, creating a new layer for each color.

Merge all layers with color spots into one layer. To do this, select all color layers in the layers panel, right-click and select Merge layers (Merge layers) or Ctrl + E. Apply a filter to this merged layer. Filter> Blur> Motion Blur (Filter – Blur – Blur in motion) with the following parameters: Angle (angle) 0 °, Distance (Offset) 2000 px.

Change the blending mode of this layer to Overlay (Overlap), install Fill (Fill) at 50% and rename to Color Blur. Place all the layers you created from the beginning into the Background group.

Step 5. Neon text

So, our background is ready. Now let’s create a text with lots of colors and highlights. Select a font and write the word or phrase in white. In this tutorial, I used the font Bello and wrote in the center “Supercolor”, and below Tuts ”.

Duplicate the text layer (Ctrl + J). Turn off the visibility of the original layer by clicking on the eye to the left of the layer icon. Apply layer styles to the copy with the parameters shown below. Install Fill (fill) at 0%.

Translator’s Note: in the window Blending options (Overlay Settings) tab Advanced blending (Advanced options) pay attention to the placement of checkmarks. Otherwise you will not get the desired effect.

Duplicate the original text layer again (Ctrl + J) and place it above all layers. Apply layer styles to the copy with the following options. Install Fill (fill) at 0%.

Duplicate the top text layer with the styles (Ctrl + J), it should be above all layers. Rasterize the layer. To do this, in the layers panel, right-click on the layer and select Rasterize Text (Rasterize the text). Then apply a filter to this layer by going to Filter> Blur> Gaussian Blur (Filter – Blur – Gaussian Blur). Change the blending mode to Screen (Screen) and set the Opacity to 50%.

Duplicate the original text layer again (Ctrl + J). Place it above all layers and apply the following layer styles with the parameters shown below. Install Fill (fill) at 0%.

Translator’s Note: in the Embossing style of this contour in the Photoshop set is not. Create it yourself. To do this, click on the contour window, the editor window will open. Set for the left point – (input) 0, output (output) 100, for the middle one – 50, 50 and for the right point – 100, 100.

Duplicate the original text layer one last time (Ctrl + J). Place it above all layers and apply the following layer styles with the parameters shown below. InstallFill (fill) at 0%.

Now that we’ve added a lot of styles, let’s apply some filters to the text to add more effects to our text. Select all text layers except the original one and merge them into one layer. To do this, press the key combination Ctrl + Alt + E. Duplicate the resulting layer twice. (Ctrl+J).

On the first copy, apply the filter, passing in Filter> Other> High Pass (Filter – Other – Color Contrast) Radius (radius) 5 px. Change the layer’s overlay mode to Overlay (Overlap).

For the second copy, apply the filter, passing in Filter> Filter Gallery> Artistic> Plastic Wrap (Filter – Filter Gallery – Imitation – Cellophane packaging).

Change the layer’s overlay mode to Soft light (Soft light).

Select the third copy and apply the filter by going to Filter> Stylize> Emboss (Filter – Styling – Emboss) Angle (Angle) 90 °, Height (Height) 1 px, Amount (Effect) 235%. Change the layer’s overlay mode to Overlay (Overlap).

Step 6. Light effects for text

In this step, we will add some highlights to and around the text. Create a new layer (Shift + Ctrl + N). Choose a tool Brush tool (B) (Brush) and soft white brush paint over the text, as shown in the example below.

Load the selection of the original layer. To do this, right-click on the layer thumbnail and select Select pixels (Select pixels). Go back to the layer that you just created, and with the active selection of the text, add a layer mask by going to Layer> Layer Mask> Reveal Selection (Layer – Layer – Mask – Show Selected Area). Change the layer’s overlay mode to Overlay (Overlap).

Place this layer and all layers created in step 5 into a new group (Ctrl + G) and rename it to Text.

Before you continue, press the D key on your keyboard to reset the main and background colors to black and white. Create a new layer. (Shift + Ctrl + N). Choose a tool Lasso Tool (L) (Lasso) with Feather (blending) 50px and create an oval selection, as shown below.

Apply filter, passing in Filter> Render> Clouds (Filter – Rendering – Clouds). Put this layer in the new Cloud group (Ctrl + G). Place this group in the Text group below all text layers.

Download the selection of the original text layer, as you did above, and for the Cloud group, add a layer mask – Layer> Layer Mask> Reveal Selection (Layer – Layer – Mask – Show Selected Area). Change the group’s blending mode to Color dodge (Lightening the basics).

Add some more highlights to the text. Create a new layer. (Shift+Ctrl+N). Choose a tool Brush tool (B) (Brush) and a soft white brush paint over the text as shown below.

Download the text selection in a way you already know and add a layer mask – Layer> Layer Mask> Reveal Selection (Layer – Layer – Mask – Show Selected Area). Change the blending mode of the layer to Color Dodge and set Fill (Fill) by 35%. Place this layer in the Background group above all layers.

Select the group Background and press the key combination Ctrl + Alt + E. This action will merge all the layers in the group into one new layer. Apply a filter to this layer by going to Filter> Distort> Spherize (Filter – Distortion – Spherization) with Amount (Quantity) 25%.

Load the selection of the original text layer, as you did earlier, and add a layer mask – Layer> Layer Mask> Reveal Selection (Layer – Layer – Mask – Show Selected Area).

Step 7. Light effects for the background

Duplicate the original text layer (Ctrl + J). Place this layer in the Highlights group (Ctrl + G). This group must be under the Text group. Add a layer style to this text with the parameters shown below. Install Fill (Fill) by 0%.

Right click on this layer and select Rasterize Layer Styles (Rasterize the layer style). Rename the layer to Highlights 1. Then apply a filter to this layer. Filter> Blur> Motion Blur (Filter – Blur – Blur in motion) with Angle 90 ° and Distance (Offset) 200 px.

Duplicate the layer (Ctrl + J) and rename Highlights 2. Apply a filter to the layer Filter> Blur> Motion Blur (Filter – Blur – Blur in motion) with Angle 90 and Distance 750 px. Change the group’s blending mode to Color dodge (Lightening the basics).

Above the Highlights group create a new layer (Shift + Ctrl + N). Choose a tool Brush tool (B) (Brush) and a large soft pink brush, paint a spot in the bottom left of the canvas as shown below. Change the layer’s overlay mode to Screen (Screen) and set the Fill to 75%.

Create a new layer (Shift + Ctrl + N) and draw more spots with a different color. I have a little blurred layers with colored spots, you can also blur them. Change the layer’s overlay mode to Screen (Screen). Place both layers in the Colors group (Ctrl + G) and place it under the Text group. Change the group’s blending mode to Lighten (Replace with light) and set the Fill to 20%.

Step 8. Noise and color correction

Let’s add some noise to our effect. Above all layers create a new layer (Shift + Ctrl + N) and fill it with black. To this layer, apply a filter, passing in Filter> Noise> Add Noise (Filter – Noise – Add Noise) with the following settings: Amount (Effect) 30% and Gaussian for the Distribution (Distribution according to Gauss).

Then apply the filter Filter> Blur> Gaussian Blur (Filter – Blur – Gaussian Blur) with Radius 2 px Change the layer’s overlay mode to Screen (Screen).

Add a correction layer above the noise layer. Levels (Levels) by going to Layer> New Adjustment Layer> Levels (Layer – New Adjustment Layer – Levels). Apply the settings shown below.

Convert the adjustment layer to a clipping mask. To do this, right-click on the layer and select Create Clipping Mask (Create clipping mask). Place both layers in the new group Noise (Ctrl + G).

At the end of the lesson we will add two adjustment layers. The first adjustment layer is Photo filter (Photo Filter). Go to Layer> New Adjustment Layer> Photo Filter (Layer – New Adjustment Layer – Photo Filter) and set the settings shown below.

Change Fill (Fill) layer at 50%.

The second adjustment layer is Color balance (Color balance). Go to Layer> New Adjustment Layer> Color Balance (Layer – New Adjustment Layer – Color Balance) and set the parameters shown below.

Final result

Here we are done! I hope you enjoyed the lesson. As you could replace, layer styles are a powerful tool in Photoshop. Try playing with the options and colors to get interesting results.

Like this post? Please share to your friends: