Create sparkling glass text in Photoshop

In this tutorial we will work with filters to create a glass texture. Then add some styles to the text to create a sparkling text effect.

Lesson resources:

Step 1

Create a new document. File-Create (File-New) Width: 1000 Height: 837 Resolution: 200. Create a new layer, and position it above the background layer. In the color palette, set the default colors (the background color is white and the foreground color is black) go to: Filter-Rendering-Clouds (Filter> Render> Clouds).

Then go to Filter-Gallery Filter-Distortion-Glass (Filter> (Filter Gallery)> Distort> Glass) and configure the following parameters:

Distortion: 15 (Distortion)
Smoothing: 3 (Smoothness)
Texture: Small lenses (Tiny Lens)
Scale: 100 (Scaling)
And click OK

Next we need to save this image as a texture or pattern, go to: Editing-Define a pattern (Edit> Define Pattern). In the window that appears, enter the name of the texture, for example, “Glass Pattern”. That’s it, you can now delete this layer or make it invisible.

Step 2

Set the following colors in the color palette, background color (1e1e20) and foreground color (# 7e7e88). Select the tool “Gradient (Gradient Tool). Gradient Type: Radial (Radial) left-click on the center of the canvas and draw a straight line to one of the corners.

Open the original image “Metal rollgate“And with the tool”Move (Moove Tool) move the image to our document and transform it (CTRL + T) as in the screenshot below:

Change the blend mode for the metal texture layer to “Multiplication”(Multiply).

Step 3

Select the tool “HorizontalText“( Horizontal Text Tool) The font “Oleo Script” text color is black. And write any text in English, if you have written the text more in one line, then you will have to divide it into layers.

Duplicate the text layer twice (CTRL + J) if you have text length in more than one line, then you will have to separate its two text layers (like the author’s), then you need to duplicate and the second text layer twice.

Step 4

Double-click the original text layer with the left mouse button and set the following parameters:

Stroke (Stroke)
Size: 7 pixels. (Size)
Color: Black (# 000000)

You should apply this layer style to the rest of the original text layers (if you have them). To do this, on the already finished original text layer, right-click and select “To copystylelayer”(Copy Layer Style) go to another original text layer and select“To pastestylelayer“(Paste Layer Style). And so back to our original text layer (to which we added the “Stroke” style) go to Layers — Rasterize — Layers (Layer> Rasterize> Layer Style) If you use an earlier version of the program, then you need to group each layer separately Layers – Group Layers (CTRL + G) (Layer> Group Layers)

Step 5

Double-click the 1st copy of the text layer with the left mouse button and apply the following parameters:

Stamping (BevelandEmboss)
Style: “Emboss” (Stroke Emboss)
Size: 10 pixels. (Size)
Gloss Contour: “Double Ring” (Ring – Double)
Backlight mode: “Bright Light” (Vivid Light)
Check the box “Anti-aliased box”
Color classification: (# d5d5d5) (Color)

Circuit (Contour)
Contour: “Notched Slope”
Check the box “Anti-aliased box”

Stroke (Stroke)
Size: 7 pixels. (Size)
Stroke type: “Gradient” (Gradient)
Style: Reflected
Angle: 45 degrees (Angle)
Scale 150% (Scale)

The name “Gradient” (stove pipe 60 from Gradient CHROMES.grd)

Shadow (Drop Shadow)
Offset: 10 pixels. (Distance)
Swipe: 10% (Spread)
Size: 15 pixels. (Size)

And here we have created just such a metal stroke, do not forget to apply this effect to the rest of the duplicated layers.

Step 6

Now let’s change the color of our text, double-click with the left mouse button on the second copy of the text layer and in the “Overlaycolors”(Color overlay) change the color to your taste, the lesson uses color (# 0a4752). Also apply the “Overlaycolors”(Color overlay) for the remaining copies.

If you left the style window for the third copy of the text layer, then again double click on the second copy of the text layer and apply the following parameters:

Stamping (Bevel and Emboss)
Size: 7 pixels. (Size)
Gloss contour: “Ring” (Ring) Check the box “Smoothing” (Anti-aliased box)
Backlight mode: “Bright Light” (Vivid Light)
Shadow Mode: “Dimming Base” (Color Burn) Color: (# 595959) (Color)

Circuit (Contour)
Contour: “Cone – Inverted” (Cone – Inverted)
Check the box “Anti-aliased box”

Texture (Texture)
Pattern: Select the texture we created at the beginning of this tutorial.
Scale: 50% (Scale)

Internalglow (Inner Glow)
Blend Mode: Lighter Color
Color: (# e1e1e1) (Color)

And so we’ve finished working with layer styles, copy this layer style and apply it to the rest of the layer copies.

Go to the original (rasterized) and we need to blur the shadow, go to Filter-Blur-Blur in Motion (Filter> Blur> Motion Blur). And set the following parameters:

Angle: -50 (Angle)
Offset: 90px (Distance)

Next, change the level “Opacity”(Opacity) up to 50% for this layer. And also you can with the tool “Moves”(Move Tool) and arrows on the keyboard move the shadow so that the shadow starts from the edges of the text and touches the lower parts of the text.

And at the end add a correction layer. ”Mapgradient”(Gradient Map) this adjustment layer should be located above all layers.

Click on the gradient bar and set the following colors: from (# 507fb4) to (#ffffff) blending mode “Chromaticity“(Color) change level”Opacity“(Opacity) up to 10%.

And here we have completed this lesson, I hope you liked it.

Author: Rose

Like this post? Please share to your friends: