Metallic Marble Text Effect

This tutorial will explain how to create a luxurious glossy metallic marble textured text effect, using Layer Styles, and a simple pattern.

The Final Result

Notes:

Tutorial Details

• Software Used : Photoshop
• Version : CS6 Extended
• Time : 0:30 – 1:00

Resources

• RiotSquad font.
• MMarble pattern, created using Filter Forge’s Sci-Fi Mega Metal 1 filter by Ronjonie.
• Concrete wall 2 pattern.
• Plastic texture 1 by Patterns-stock.
• gradient-shapes for Photoshop by ilnanny.

Step 1

Create a new 1152 x 864 px document. Set the Foreground color to #5e4a3f and the Background color to #271509. Pick the Gradient Tool, click the Linear Gradient icon in the Options bar, then click and drag from the top to the bottom of the canvas.

Go to Filter > Noise > Add Noise. Set the Amount to 1, choose the Gaussian Distribution, and check the Monochromatic box.

Step 2

Create the text in All Caps using the font RiotSquad. The font color is #c7c7c7, the font Size is 365, and if you have more than one line of text, set the Leading value to something around 310 pt.

Duplicate the text layer, and change the copy’s Fill value to 0. Then, duplicate the copy layer.

Step 3

Double click the original text layer to apply the following Layer Style:

– Bevel and Emboss

• Depth : 30
• Size : 15
• Check the Anti-aliased box
• Highlight Mode : Vivid Light
• Color : #e0e0e0
• Shadow Mode – Color : #4f3a11

– Inner Shadow

• Color : #78614b
• Distance : 0
• Size : 16

– Pattern Overlay

• Pattern : MMarble

– Drop Shadow

• Color : #804d2e
• Distance : 7
• Spread : 10
• Size : 10

This will create the marble textured part of the text.

Step 4

Double click the first copy text layer to apply the following Layer Style:

– Bevel and Emboss

• Size : 16
• Uncheck the Use Global Light box
• Angle : 45
• Altitude : 74
• Check the Anti-aliased box
• Highlight Mode : Vivid Light
• Shadow Mode – Color : #393939

– Contour

• Contour : Half Round
• Check the Anti-aliased box.

– Texture

• Pattern : MMarble

This will add a simple 3D texture based on the pattern used.

Step 5

Right click the first copy text layer, choose Copy Layer Style, then right click the second copy text layer, and choose Paste Layer Style.

Double click the second copy text layer, change the Bevel and Emboss effect’s Size value to 40, and un-check the Texture box.

This will add a glossy top layer.

Step 6

Pick the Brush Tool, and choose a hard round 15 px brush. Set the Foreground color to #a5a5a5, and create a new layer on top of all layers then call it Diamonds.

Double click the Diamonds layer to apply the following Layer Style:

– Bevel and Emboss

• Technique : Chisel Hard
• Gloss Contour : Rolling Slope – Descending
• Check the Anti-aliased box
• Highlight Mode : Linear Light
• Shadow Mode – Opacity : 35%

– Contour

• Check the Anti-aliased box.

– Texture

• Pattern : Concrete wall 2
• Depth : 508%

– Drop Shadow

• Color : #804d2e
• Opacity : 55%

Now, using the Brush Tool, start adding some dots to create small diamonds on the thin parts of the letters. Do not fill them with diamonds, just try to spread the diamonds evenly instead.

Step 7

Place the Plastic texture 1 image on top of all layers, resize it so that it fits within the canvas, then change its Blend Mode to Soft Light, and its Opacity to 50%.

Click the Create new fill or adjustment layer icon down the Layers panel and choose Gradient Map.

Change the adjustment layer’s Blend Mode to Soft Light, and it’s Opacity to 45%. Then use the Chrome C7 gradient found in the FOILS.grd file in the gradients pack.

We’re done! Very simple and quick, yet neat and elegant. Hope you liked it.