Create an elegant textural text in Photoshop

The use of textures always adds interesting detail to the effects, as well as gives depth to the flat design. This lesson will show you how to create a simple metallic effect for text using layer styles. Then, in this tutorial, you will see how to make the text look more interesting by adding a simple texture to it. Let’s get started!

Note: The archive contains a set of gradients. To complete the lesson you need to upload files RS_Chrome.grd and CSP True SkyGradients.grd files.

1. Create a background

Step 1

Create a new document with a size of 1024 * 1024 pixels. Install foreground color (main color) (Foreground color) # 7d7d7d, and background color (background color) (Background color) # 434343. Choosing a tool Gradient (Gradient Tool), select the type of gradient fill from main color to background color (Foreground to Background), view gradient set radial (Radial Gradient).

Then, click on the center of the document and drag the cursor to one of the corners of our document, thereby creating a background layer with a gradient fill. Next, duplicate this layer.

Step 2

Double-click on the duplicated layer and apply the effect. Pattern overlay (Pattern Overlay) using the following values:

  • Blend mode (Blend Mode): Multiplication (Multiply)
  • Opacity (Opacity): 100%
  • Pattern (Pattern): paper_2

Step 3

This will add a light pattern to our background.

Step 4

Duplicate the background layer copy, right click on the duplicate and select Rasterize Layer Style (Rasterize Layer Style). If you are working in the Photoshop version below CS6, group the layer copies and then merge the group.

Change Blend mode (Blend Mode) rasterized layer on Overlap (Overlay). This will make the pattern more pronounced and darken the background.

2. Create text

Step 1

Create the text in full capital letters, use the font spinweradC Bold, set the font color # 454646, size 300 points (300 pt). If you create your text in more than one line, change the value Line spacing (leading) (Leading) at 250 pt.

Step 2

Duplicate the text layer and then change its value. Fillings (Fill) to 0.

Step 3

Double click on the original text layer and apply the effect. Shadow (Drop Shadow) with the following parameters:

  • Bias (Distance): 35
  • The size (Size): 50

Step 4

This operation will create a shadow for the bottom text layer.

3. Stylize the text.

Double click on the copy of the text layer opens the dialog box and apply the following layer style (layer style).

Step 1

Add Stamping (Bevel and Emboss) with the following parameters:

  • The size (Size): 10
  • Uncheck checkbox Use global illumination (Use Global Light)
  • Angle (Angle): -169
  • Height (Altitude): 64
  • Put a tick in the checkbox Smoothing (Anti-aliased)
  • Backlight mode (Highlight Mode): bright light (Vivid Light)

Step 2

For property Circuit (Contour) just tick the checkbox Smoothing (Anti-aliased).

Step 3

Add a texture by applying Pattern (Pattern) with a tile of 3 * 3 pixels (3px-tile)

Step 4

Add a Stroke (Stroke) with the following parameters:

  • Stroke Type (Fill Type): Gradient (Gradient)
  • Style (Style): Mirror (Reflected)
  • Angle (Angle): 45
  • Use gradient: Chrome Bar 135

Step 5

Add effect Internal glow (Inner Glow) with the following parameters:

  • Blend mode (Blend Mode): Overlap (Overlay)
  • Noise (Noise): 100%:
  • Colour (Color): # f6f6f6
  • The size (Size): 10

Step 6

Add Gradient overlay (Gradient Overlay) with the following parameters:

  • Blend mode (Blend Mode): Soft light (Soft Light)
  • Opacity (Opacity): 35%
  • Style (Style): Mirror (Reflected)
  • Angle (Angle): 45
  • Check the checkbox Inversion (Reverse)
  • Use a gradient: stove pipe 10

Step 7

Add effect Shadow (Drop Shadow) with the following parameters:

  • Opacity (Opacity): 62%
  • Bias (Distance): 8
  • The size (Size): 8

Step 8

This stylizes the main text. But, since the text still looks pretty flat and some interesting details are missing, we use texture to correct these flaws.

4. Add texture

Step 1

Place the NYC Stock image on top of all layers, then go to Filters – Blur – Gaussian Blur (Filter> Blur> Gaussian Blur) and change the radius to 1.5.

Step 2

Change Blend mode (Blend Mode) Textured Layer Overlap (Overlay), and reduce it opacity (Opacity) up to 20%, well, or another value that you like more, it will depend on whether you want the effect to appear weakly or strongly. You can also change the size of the texture and move it to see the text behind it, do it until you get a result that suits you.

Step 3

Hold the Ctrl key and click on the text layer icon on the layers palette to create a selection.

Step 4

Now click on the icon Add layer mask (Add layer mask) at the bottom of the palette Layers (Layers) to remove the image of our texture outside the text itself.

An interesting feature of using a layer mask instead of deleting is that it can be reused to any other text you create, without having to work with the texture itself again.

5. Adding Glare

Step 1

Set color foreground (Foreground color) #ebebeb, take the tool Brush (Brush Tool), open the palette Brushes (Window> Brush).

Choose a soft round brush of 35 pixels and change the value roundness (Roundness) brush up to 30%.

Step 2

Create a new layer on top of all layers, name it. Glare (Flares), and change for it Blend mode (Blend Mode) on bright light (Vivid Light). Then add a few highlights on a pair of horizontal edges of the text.

Step 3

To add more highlights throughout our text, we can change the parameter Angle (Angle) the tip of the brush by clicking and pulling the arrow in the preview window next to the cell Angle (Angle) in the Brushes palette or simply by entering the angle values ​​manually.

6. Customize the lighting and color scheme of our project

Step 1

Click on the icon Create a new adjustment layer (Create new fill or adjustment layer) at the bottom of the palette Layers (Layers) and select Levels (Levels).

Step 2

Change value Sveta (Highlights) to 245 to give a slight lightening effect.

Step 3

Click on the icon Create a new adjustment layer (Create new fill or adjustment layer) again, and this time select Gradient map (Gradient Map).

Step 4

Choose the same gradient as in the screenshot, from the CSP True Sky Gradients.grd file.

Change Blend mode (Blend Mode) on bright light (Vivid Light) for this adjustment layer, as well as lower it opacity (Opacity) up to 30%. This will improve the color characteristics of the final result.

Congratulations! You did it!

In this lesson, we created and styled a piece of text using a couple of different layer effects to achieve a metallic look.

We then used the stock image as a texture to add some detail to our metallic text and make it look less flat and more interesting. After that, we modified the brush and added a couple of highlights along the edges of the text. And at the end we added several adjustment layers to improve the characteristics of light and color in our project.

Like this post? Please share to your friends: