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.
To create a shiny mosaic text effect, you’ll need:
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.
Click on the arrow shown below and select Contours.
Choose Append and the new contours will be added.
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.
Place the wood texture on a layer above the background layer, resize it to fit the document and change its blending mode to Overlay.
Now, write your text with the color #e0e0e0, Kavoon font and 300pt font size.
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.
Now, duplicate the text layer and change its Fill value to 0%.
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.
Set Cove – Deep as the Contour.
Set Green Fibers as the Pattern.
Set #5e0f0f as the color.
Now, double-click the duplicate text layer to apply some Layer Styles.
Between the two text layers, create a new layer and name it “Texture”.
Set #a6851e as the foreground color and #780001 as the background color. Now, go to Filter > Render > Clouds.
Set #780001 as the foreground color and #000000 as the background color, go to Filter > Pixelate > Pointillize and use the settings shown.
Now, duplicate the Texture layer.
Go to Filter > Stylize > 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.
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”.
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.
Set Gaussian as the Contour.
Set #898989 as the color.
Use the default settings for the drop shadow.
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.
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.
Double-click the rectangle layer and apply the Layer Styles shown below.
Set Cove – Inverted as the Gloss Contour and #ffe7e7 as the color.
Set Cove – Deep as the Contour.
Set #d4563e as the color and Gaussian – Inverse as the Contour.
Set #ff9a9a as the color.
Finally, duplicate the rectangle layer and move the shape near the top of the text using the Move Tool.
And we’re done! The shiny mosaic text effect tutorial is complete!