Photoshop Text Effects

How to Create a Scrabble Letter Text Effect

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:

Scrabble Letter Text Effect

To create a scrabble letter text effect, you’ll need:

Step 1

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.

Scrabble Letter Text Effect Pattern

Now, place the Texture D image on top of the pattern and change its blending mode to Multiply.

Scrabble Letter Text Effect Texture

Step 2

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.

Scrabble Letter Text Effect Tile

Now, double-click on the tile and apply the layer styles shown below.

Scrabble Letter Text Effect Drop Shadow

Scrabble Letter Text Effect Bevel and Emboss

Scrabble Letter Text Effect Contour

Scrabble Letter Text Effect Gradient Overlay

 

Scrabble Letter Text Effect Layer Style Result

Step 3

Write a letter inside the tile with the Code font, 50pt size and black color.

Scrabble Letter Text Effect Letter

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.

Scrabble Letter Text Effect Drop Shadow Letter

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”.

Scrabble Letter Text Effect Group

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.

Scrabble Letter Text Effect Duplicate

Continue duplicating the group, changing the letter and moving the tile to write the entire word.

Scrabble Letter Text Effect Final

Step 4

Duplicate the group again and delete the text layer. Next, set the color #d5593d as the foreground color and grab the Custom Shape Tool.

Scrabble Letter Text Effect 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.

Scrabble Letter Text Effect Heart

Step 5

Click on the Create New Fill or Adjustment Layer option and select Gradient Map from the list that appears.

Scrabble Letter Text Effect Adjustment Layer

Set the adjustment layer’s opacity to 40% and change its blending mode to Multiply.

Scrabble Letter Text Effect Gradient Map

Now, click on the gradient preview area and use the settings shown below.

Scrabble Letter Text Effect Gradient Editor

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.

Scrabble Letter Text Effect Merge Layers

Finally, we’ll intensify the edges a bit by going to Filter > Other > High Pass and using the settings shown below.

Scrabble Letter Text Effect High Pass

And we’re done! The scrabble letter text effect is complete!

Scrabble Letter 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


*