Create electrical text in Photoshop

?In this lesson, you will learn how to create a stylized electric text.

Note: the translation is based on a lesson posted on the YouTube video portal, so we will do everything to make you understandable and easy to perform.

First, create a new file. File – New (File – New) size of 1920 x 1080 pixels. Next, unlock the background layer by double clicking on it with the left mouse button. In the window that appears, click OK.

Then press Ctrl + U to bring up the settings. Hue/ Saturation (Hue / Saturation), and decrease Lightness (Brightness) to -80.

Activate Text Tool (T) (Text) and click in the center of the working canvas. We write the text. This tutorial uses the font Aquawax, but you can use another. Place the text in the center of the document.

Change the text color to dark blue.

After this, double-click with the left button on the text layer to open the window Layer Style (Layer style). Activate Inner Glow (Internal glow). Change the blending mode to Overlay (Overlap), install Size (Size) by 21 pixels (the value depends on the size of the working canvas), opacity – 60%.

Then activate Gradient Overlay (Gradient overlay). Blend Mode – Overlay (Overlap), opacity – 50%, gradient from white to transparent.

With the preparation of the text, we have finished and now we are going to create the electric effect itself.

Hold down the Ctrl key and left-click on the thumbnail of the text layer on the layers panel to load its selection.

Create a new layer (Ctrl + Shift + N). Press the M key to activate Marquee Tool (Selection) and right-click on the text. In the context menu that appears, select Stroke (Stroke). In the window that appears, select the white color and set the width of the stroke to 3 pixels.

Remove selection (Ctrl + D). Using the Ctrl + J key combination, duplicate the stroke layer and then hide the original, later it will be useful to us. We call the copy “wave”, and the original – “border”.

Make sure that the “wave” layer is active and apply a filter to it. Filter– Distort – Ripple (Filter – Distortion – Ripples). Set the value to about 174.

Duplicate the “wave” layer (Ctrl + J) and call the copy “wave2”. Apply filter to copy Ripple (Ripple), increasing the value to about 550. Thus, we have two layers with ripples.

Hide layers with ripples and make visible the “border” layer. Double click on it to bring up a window. Layer Style (Layer style). Apply Color overlay (Overlay color) (color 7dbdf9).

Make the “wave” layer visible and reduce its opacity to about 70%. Then we make visible the “wave 2” layer and change its blending mode to Overlay (Overlap).

Next, duplicate the text layer, click on it with the right mouse button and select Rasterize Layer Style (Rasterize the layer style).

To duplicate text apply filter Filter – Distort – Ripple (Filter – Distortion – Ripples). Also a similar effect can be achieved using the filter Zigzag (Zigzag).

Apply a filter to this layer. Ripple (Ripples).

If desired, you can add more distortion, for example, using a filter Wave (Wave).

When finished, adjust the location of the copy of the text layer so that it is in the center of the original and move this layer under the original.

Double click on the copy to open the window. Layer Style (Layer style). Activate Color Overlay (Overlay color), choose white color, set blend mode to Overlay (Overlap) and reduce the opacity to about 70%.

Then apply Outer Glow (External glow).

Apply the layer style to the “wave” layer. Outer Glow (External glow).

Apply the layer style to the copy of the text layer. Gradient Overlay (Gradient overlay).

If necessary, you can remove the extra details of the effect on the text layer using the layer mask. The mask creation button is located at the bottom of the layers panel. With the help of a usual brush (B) of black color, we delete it, with the help of white – we restore it.

But I will leave everything as it is, as the resulting effect completely suits me.

We can also experiment with the settings. Hue/ Saturation (Hue / Saturation) to change the color of the background fill and get a more attractive result.

Additionally we can add a glow around the text. To do this, create a new layer immediately above the background. With a large soft brush (B) of white color we draw a horizontal line. Change the line blending mode to Overlay (Overlap). If necessary, adjust the opacity of the layer.

We are done! The resulting result can be used as a screen saver on your desktop or banner. You can add even more light effects using stock photos with lightning.

Like this post? Please share to your friends: