Photoshop Text Effects

How to Create a Shiny Mosaic Text Effect

In this tutorial, we’ll learn how to create shiny mosaic text effect in Photoshop just by applying a few layer styles. We’ll also be creating some background elements to complete the effect.

shiny mosaic text effect

To create a shiny mosaic text effect, you’ll need:

Step 1

You may need to load the contours used in later steps by going to Edit > Preset Manager, opening the Preset Type menu and selecting Contours.

 shiny mosaic text effect preset manager

Click on the arrow shown below and select Contours.

 shiny mosaic text effect contours

Choose Append and the new contours will be added.

 shiny mosaic text effect append

Step 2

Create a new document with width 1150px and height 825px. Set #535353 as the foreground color and #020202 as the background color, grab the Gradient Tool, and select the Foreground to Background gradient. In the Options Bar, select Radial Gradient and click and drag from the center to any corner.

 shiny mosaic text effect gradient

Place the wood texture on a layer above the background layer, resize it to fit the document and change its blending mode to Overlay.

 shiny mosaic text effect wood texture

Step 3

Now, write your text with the color #e0e0e0, Kavoon font and 300pt font size.

 shiny mosaic text effect type

The first letter seems closer to the next one than the other letters. To fix that, click between the two letters with the Type Tool still selected and set the Kerning value at 50.

 shiny mosaic text effect kerning

Now, duplicate the text layer and change its Fill value to 0%.

 shiny mosaic text effect duplicate text layer

Step 4

Open the Layer Style window by double-clicking on the original text layer and make the following changes.

Set Cove – Deep as the Gloss Contour.

 shiny mosaic text effect bevel and emboss

Set Cove – Deep as the Contour.

 shiny mosaic text effect contour

Set Green Fibers as the Pattern.

 shiny mosaic text effect texture

Set #5e0f0f as the color.

 shiny mosaic text effect stroke

 shiny mosaic text effect drop shadow

 shiny mosaic text effect layer style result

Step 5

Now, double-click the duplicate text layer to apply some Layer Styles.

 shiny mosaic text effect duplicate text layer bevel and emboss

 shiny mosaic text effect duplicate text layer contour

 shiny mosaic text effect duplicate text layer style

Step 6

Between the two text layers, create a new layer and name it “Texture”.

 shiny mosaic text effect texture layer

Set #a6851e as the foreground color and #780001 as the background color. Now, go to Filter > Render > Clouds.

 shiny mosaic text effect clouds

Set #780001 as the foreground color and #000000 as the background color, go to Filter > Pixelate > Pointillize and use the settings shown.

 shiny mosaic text effect pointillize

Now, duplicate the Texture layer.

 shiny mosaic text effect duplicate texture

Step 7

Go to Filter > Stylize > Find Edges.

 shiny mosaic text effect find edges

Zoom in till you see a white area distinctly. Then, grab the Magic Wand Tool, uncheck the Contiguous option and create a selection by clicking on any white area.

shiny mosaic text effect magic wand

Delete the duplicate Texture layer, select the original Texture layer, duplicate the selection onto a new layer by pressing Command+J (Macs) / Ctrl+J (Windows) and name the new layer “Texture copy”.

 shiny mosaic text effect texture copy

Step 8

To create the shiny mosaic effect, open the Layer Style window by double-clicking on the Texture copy layer and make the changes shown.

Set Gaussian as the Gloss Contour.

 shiny mosaic text effect mosaic bevel and emboss

Set Gaussian as the Contour.

 shiny mosaic text effect mosaic contour

shiny mosaic text effect mosaic inner glow

Set #898989 as the color.

 shiny mosaic text effect mosaic color overlay

Use the default settings for the drop shadow.

 shiny mosaic text effect mosaic drop shadow

 shiny mosaic text effect mosaic

To clip the mosaic tile effect to the text, select the Texture layer and choose Layer > Create Clipping Mask. Do the same for the duplicate Texture layer.

 shiny mosaic text effect clipping mask

Step 9

Set #721919 as the foreground color and grab the Rounded Rectangle Tool. In the Options Bar, select the Shape option and set 10px as the Radius. Then, create a new layer above Layer 1 (the wood layer) and draw the rectangle shape over the lower part of the text as shown below.

 rectangle

Double-click the rectangle layer and apply the Layer Styles shown below.

Set Cove – Inverted as the Gloss Contour and #ffe7e7 as the color.

 rectangle bevel and emboss

Set Cove – Deep as the Contour.

rectangle contour

Set #d4563e as the color and Gaussian – Inverse as the Contour.

 rectangle inner glow

Set #ff9a9a as the color.

 rectangle outer glow

 rectangle drop shadow

 rectangle result

Finally, duplicate the rectangle layer and move the shape near the top of the text using the Move Tool.

 rectangle duplicate

And we’re done! The shiny mosaic text effect tutorial is complete!

 shiny mosaic text effect

About the author

Tabish Shaikh

Website designer, website developer, blogger and a writer. These are the things I like, love and live for. Having years of experience in each field. Developing sites since childhood. Getting the most complicated things done is my specialty. Providing each and everything of top most quality to each and every client.

Leave a Comment


*