In this tutorial, we’ll learn how to create a scrabble letter text effect in Photoshop. You have probably seen this effect many times on the internet. It is fun and simple to create. Here’s the effect we’ll be creating:
To create a scrabble letter text effect, you’ll need:
- I used Photoshop CS5 Extended, but any recent version of Photoshop should work
- Code font
- Floral fabric patterns
- Texture D
Create a new 1152 x 864 document. You can make the document bigger or smaller depending on your text. Fill the document with Textures-WhiteFlorals-01_inspyretash-stock.jpg from the floral fabric patterns file.
Now, place the Texture D image on top of the pattern and change its blending mode to Multiply.
Set the color #ead89f as the foreground color, grab the Rounded Rectangle Tool, set 5px as the Radius in the Options bar and create a scrabble tile. I made a 65 x 75 px tile.
Now, double-click on the tile and apply the layer styles shown below.
Write a letter inside the tile with the Code font, 50pt size and black color.
To make the letter look as if it has been engraved into the tile, double-click on the text layer and apply the layer style shown below.
Now, group the letter and tile layers together and name the group as the letter you used. For instance, I wrote the letter “I”, so I named my group “I”.
Duplicate this group by pressing Cmd/Ctrl + J and change the current letter to another. Rename the group to the new letter and using the Move Tool, position the tile as needed.
Continue duplicating the group, changing the letter and moving the tile to write the entire word.
Duplicate the group again and delete the text layer. Next, set the color #d5593d as the foreground color and grab the Custom Shape Tool.
Select the Heart shape and draw a heart on the tile. Then, using the Move Tool, move the tile into place. Now, apply the text layer style on the shape layer by right-clicking on any text layer, selecting Copy Layer Style, right-clicking on the shape layer and selecting Paste Layer Style.
Click on the Create New Fill or Adjustment Layer option and select Gradient Map from the list that appears.
Set the adjustment layer’s opacity to 40% and change its blending mode to Multiply.
Now, click on the gradient preview area and use the settings shown below.
Now, select all the layers, including the background layer, and press Cmd/Ctrl + J to duplicate them. Next, merge all the duplicate layers by going to Layer > Merge Layers. Set the merged layer’s opacity at 30% and change its blending mode to Soft Light.
Finally, we’ll intensify the edges a bit by going to Filter > Other > High Pass and using the settings shown below.
And we’re done! The scrabble letter text effect is complete!