Text on tiles in Photoshop

You, probably, saw the inscriptions scratched on a tile somewhere on the Internet. They are all very different, but not always easy to create.

This lesson will show you how to create your own text, scratched on a tile with a blank background so that you can use it at any time with any background that you like. It’s really simple and fun, so let’s get started.
Final result:

– The author used Adobe Photoshop CS5 Extended
– the final image size is 1152×864 pixels
– Photoshop tutorial

Materials for the lesson:

Step 1

Create a new document with dimensions of 1152 × 864 pixels. Then fill the background with one of the textures of floral patterns. The tutorial uses a texture called “Textures-WhiteFlorals-01_inspyretash-stock.jpg”.

Place the texture D on top of the background layer, and then change the layer blending mode to Multiply.

Step 2

Set the primary color # ead89f, select instrument Rounded rectangle tool (rounded rectangle). Make sure the radius value in the options bar is 5. Then create a tile of the size that you like. In this case, the size is 65 x 75 pixels.

Double-click on the shape layer and apply the layer styles.

Drop shadow (Shadow): Change the color to # 3f2823 and uncheck the box in the Use Global Lighting window, the angle of the shadow is 147. Then change the offset to 13, span 15, and size 13.

BevelandEmboss (Embossed): Resize to 3px. and uncheck the box in Use Global Lighting. Then change the angle to 140 and the height to 21. Also, change the backlight mode to # fdf8e8, and the shadow mode to # dcd5bf.

Contour (Outline): Change the outline to “Half Circle” and check the check box in the “Smoothing” window. This will improve the effect of embossing.

Gradient overlay (Gradient overlay): Change the blending mode to Soft Light and opacity to 10%. Then select a standard black and white gradient, check the box in the Invert window, and also change the angle to 0. This will make the right side of the tile (where the shadow is) slightly darker than on the left side.

This is how our tile should look like.

Step 3

Now add a letter to the tile using the tool. Text (Text). Use black color and font that you like. It uses the font Code Bold – Code Free Font, size 50 pt.

Double-click on the text layer to apply the layer style. Drop shadow (Shadow). Change the blending mode to Normal, the color is # e9dfc0, the opacity is 100, Offset 2, and size 0.

It will appear that the text is really engraved on the tile. Once you are done, create a group with a letter and a tile. Rename it depending on what type of letter you have.

Duplicate the group and enter a new letter, and then rename the group according to your letter. After that, select the group and take Move Tool(Move) (V) and then move your tile to another part of the document as needed.

Continue to duplicate and place tiles until you write the entire word. You can also create a complete set of tiles (all letters of the alphabet and numbers) and save them in a separate PSD file, so that you can use them at any time.

Step 4

Duplicate the tile group again and delete the text layer. Choose a tool Custom shape tool(Freehand shape) and set the foreground color to # d5593d.

Select a heart shape and draw it in the middle of an empty tile inside the group. Then apply the same layer style as the letters (right-click on any text layer, select Copy Layer Style “Copy layer style”, then right-click on the shape layer and select Paste Layer Style (Paste layer style).

Step 5

Click icon Create a new adjustment or fill layer at the bottom of the layers palette and select Gradient map.

Change the blending mode to Multiply (Multiplication) and set the opacity to 40%. Then click on the gradient field to open the gradient editor.

Create a gradient using colors. # b7a781 and # f9f2ea.

Select all the layers that you have, including the background layer, and duplicate them. Then go to Layer -> Merge Layers (Layers> Merge Layers) or click Ctrl + E, to merge duplicate (duplicate) layers. Change the blending mode of the new layer to Soft light (Soft light), and the opacity set at 30%.

Navigate Filter -> Other -> High Pass (Filter> Other> Color Contrast) and set a radius of 8.0, and then click OK. This will increase the edges a bit to make them look clearer.

Now you have your own “Photoshop tiles” that you can easily use to create any text in a few minutes. Hope you enjoyed the tutorial.

Author: textuts.
PSD file

Like this post? Please share to your friends: