3D text with textural effect in Photoshop

This tutorial will show how to create a beautiful frosted glass effect for text using Photoshop filters and layer styles.

Here is the image we get at the end of the lesson

Materials used for the lesson:

Step 1

Create a new document size 1152? 864 pixels, set the foreground color to # 006d68, and background color # 004e49 and go menu Filter -> Render -> Clouds (Filter> Rendering> Clouds).

Place the “Fire Texture” above the background layer and change its layer blending mode to Multiply (Multiplication), and opacity to 50%.

Place the “Weathered Texture” above the layers and change its layer blending mode to Soft light (Soft light).

Step 2

Write text using color # 7b7b7b. The author used the font “Atrox” size 330 pt.

Duplicate the text layer and change the Fill value for the copy to 0%.

Step 3

Double-click on the original text layer and apply the following layer styles.
Drop shadow (Shadow): Just change the color to # 686868.

Inner shadow (Inner shadow): Change the color to # 737373, offset to 0, and size 10.

Bevel and Emboss (Emboss): Change the method to Hard Cut, depth to 150, size 27, and Soften 5. Uncheck Global Lighting, and change the angle to 90, height to 30, select the gloss contour, and Check the checkbox on the item “Smoothing”. Also, change the backlight mode to Overlap, the color to # ded9c6 and the color of the shadow mode to # 7b7b7b.

This is what you should get after applying the step above:

Step 4

Hold down Ctrl and click on the icon with the text layer to create a selection.

Create a new layer between the two layers with text and name it “Texture”. Fill the selection with color # 005954. Then go to Select -> Deselect (Select> Unselect) (or press Ctrl + D) to get rid of the selection.

Set the primary color # 006d68 and background color # 004e49.

Step 5

It’s time to apply filters to create a texture; to do this, change the values, as shown in the pictures below for each filter. First go to the menu Filter-> Texture -> Mosaic Tiles (Filter> Texture> Mosaic Fragments):

Then go to Filter -> Artistic -> Dry Brush (Filter> Imitation> Dry Brush):

Now change the blending mode of the “Texture” layer to Hard light (Hard light).

Step 6

Double-click on the copy of the (top) text layer and apply the following layer styles.
Outer glow (Outer Glow): Change the blending mode to Overlap and the color to # 00a49d.

Inner glow (Inner Glow): Change the blending mode to Overlap, opacity to 50%, noise to 50%, and also color # 8df4f2, exact method, source From Center, and size 20.

Bevel and Emboss (Emboss): Change the method to Hard Cut, depth to 150, and size 10. Uncheck Global Lighting, change the angle to 110, and height to 15, Gloss Contour to Deep Notch, and check to paragraph “smoothing”. Also, change the backlight mode to “Bright Light” and the color of the shadow mode to # 7b7b7b.

Contour (Contour): Select the Wavy Downward Contour Contour, and check the checkbox on the Smoothing option.

Texture (Texture): Select the Metallic Snake Skin pattern, and also change the depth to 20.

This will give a nice glossy effect to our text.

Step 7

Right-click on the text layer and select the command Create Work Path (Create a work path).

Create a new layer right below the original text layer and name it “Stroke”, then select a round brush of 7 pixels.

Set the primary color # 159282. Then select the tool Direct selection tool(Arrow), right-click on the outline you just created, and select Stroke path (Run the outline of the contour).

Select a brush from the tools in the drop-down menu, and make sure that the checkbox Simulate pressure (Simulate pressure) is not installed.

Press Enter / Return to get rid of the contour.

Step 8

Double-click on the “Stroke” layer and apply the following layer styles:

Drop shadow (Shadow): Just resize to 2.

Bevel and Emboss (Emboss): Modify the contour of the “Inverted Cone” gloss and check the checkbox on the “Smoothing” item. Also, change the backlight mode to “bright light”, and the color of the shadow mode to # 009d9e.

Contour (Contour): Select the contour “Inverted Cone” and check the checkbox on the “Smoothing” item.

Texture (Texture): Just select the cloud texture.

This is what you should get.

Step 9

Ctrl + click on the image with the text layer again to create a selection, and then press the Delete key to get rid of the inside of the selection.

With active text selection, create a new layer on top of all layers and name it “Soft Brush”, and then change its blending mode to Overlay (overlap) and opacity up to 50%. Set the primary color # 90eadc, and also use a fairly large soft round brush (about 100 pixels) to add a few bright dots above some parts of the text. Try not to add too many points, as this will destroy the original effect.

Create a new layer on top of all layers and name it “Color Brush”, and then change its blend mode to Hue (Color tone) and its opacity to 20%. Set the primary color # eaddd6, and also use a slightly larger soft round brush (about 150 pixels) to add a few colored dots. The color is very dull, but it adds a good depth effect. Try not to overdo it.

Step 10

Next we are going to apply the same effect using different colors in the shape of a star. So choose a tool Polygon tool (Polygon) and make sure that the icon “Shape Layers” (Figure-layer) on the options bar is clicked, then enter 5 in the “Sides” menu.

Also in the options bar, check the options Star box (Star) and set the value “Indente Sides By” (Smooth inner corners) up to 50%. Then set the foreground color to # 7b7b7b.

Create a star shape where you want, then duplicate the resulting layer and set the copy to Fill (Fill) 0%.

Step 11

Double-click on the original star layer and apply the following layer styles:
Drop shadow (Shadow): Change the color to # 686868, offset to 3, and size to 3.

Inner shadow (Inner shadow): Change the color to # 737373, offset to 0 and size 5.

Bevel and Emboss (Emboss): Change the method to Hard Cut, depth up to 150, size 14, and Soften 3. Uncheck the box Global illumination and change the angle to 90, height to 30, gloss contour, select Gaussian, and check checkbox on the item “Smoothing”. Also, change the backlight mode to Overlap, the color to # ded96c and the color of the shadow mode to # 7b7b7b.

This is almost the same layer style that we applied to the original text layer, but with different size values ​​according to the shape. So you can change the values ​​depending on the shape you created and its size compared to the text.

Step 12

Now double-click on the layer with a copy of the form, apply the following layer styles:
Outer glow (Outer Glow): Change the blend mode to Overlap, the color to # a46000, and the size to 3.

Inner glow (Inner Glow): Change the blending mode to Overlap, opacity to 50%, noise to 50%, and also to # cfad7b, exact method, From center source, and size 10.

Bevel and Emboss (Embossed): Change the method to Hard Cut, depth to 150. Uncheck Global Lighting, and change the angle to 110, height to 15. Gloss contour to Deep Cut, and check the checkbox on Smoothing. . Also, change the backlight mode to “Bright Light” and the color of the shadow mode to # 7b7b7b.

Contour (Contour): Select the Wavy Downward Contour Contour, and check the checkbox on the Smoothing option.

Texture (Texture): Select the Metallic Snake Skin pattern, change the scale to 50%, and change the depth to 20.

Again, this is similar to the styles for a layer with a copy of the text, but with a different size and color.

Step 13

Create a new layer on top of the original star layer and name it “Star Texture” and change the blending mode to Hard light (Hard light). Then press Ctrl + Click on the shape’s vector mask to create a selection.

Fill the selection with color # 8f7708, and then press Ctrl + D to get rid of the selection.

Set the primary color # 4e4400 and background color # 8f7708. It’s time to apply the filters to create the texture (as we did in step 5), change the values ​​as shown in the pictures below for each filter. First go to the menu Filter-> Texture -> Mosaic Tiles (Filter> Texture> Mosaic Fragments):

Then go to Filter -> Artistic -> Dry Brush (Filter> Imitation> Dry Brush):

Step 14

Create an outline to add a slightly different stroke, since this is a shape. You need to choose Direct selection tool (Arrow), select the star shape, and then create a selection around the star to activate the anchor points. After that go to menu Edit -> Copy (Edit> Copy) to copy the outline.

Create a new layer below the original shape layer and name it “Star Stroke”, then go to the menu Edit -> Paste (Edit> Paste) to paste the contour onto a new layer.
Set the primary color # 958938 and select a round brush of 7 pixels.

Choose a tool Direct selection tool (Arrow) again to make a stroke just like you did before. Right-click on the contour you just created and select Stroke path (Run the outline of the contour). Select a brush from the tools in the drop-down menu, and make sure that the checkbox Simulate pressure (Simulate pressure) is not installed. Press Enter / Return to get rid of the contour. Ctrl + Click on the vector mask of the shape layer, and then press the Delete key to get rid of the inside of the stroke. And press Ctrl + D to get rid of the selection.

Step 15

Double-click on the “Star Stroke” layer and apply the following layer styles:
Drop shadow (Shadow): Just resize to 2.

Bevel and Emboss (Emboss): Modify the contour of the “Inverted Cone” gloss and check the checkbox on the “Smoothing” item. In addition, change the backlight mode to “bright light”, and the color of the shadow mode to # 9e8e00.

Contour (Contour): Select the contour “Inverted Cone” and check the checkbox on the “Smoothing” item.

Texture (Texture): Just select the cloud texture.

This is what you should get.

Final image

And one more thing! You can use different shades of colors, if you want, the effect will look amazing for all colors.

I hope you enjoyed the lesson and you found a lot of useful things in it.

Like this post? Please share to your friends: