Create A Fragmented Tiles Text Effect In Photoshop

Step 9: Duplicate The Original Text Layer And Move It To The Top Of The Layers Palette

Click back on the original text layer to select it, then duplicate it using the keyboard shortcut Ctrl+J (Win) / Command+J (Mac). Then click on the duplicate layer you just created and drag it to the top of the Layers palette. You'll see a highlight bar appear along the top as you approach it. When you see that highlight bar, release your mouse button and the layer will drop into place:

Step 10: Click The Layer's Visibility Icon So It Appears In The Document

Since the original text layer is hidden from view, this new copy of it we've made is also hidden from view. We need it to be showing in the document, so click on it's Visibility icon, which will cause the eyeball to re-appear and the layer will now be visible:

Step 11: Make The Text A Lighter Shade Of The Color

Click back on the Foreground color swatch in the Tools palette to bring the Color Picker back up, then choose a slightly lighter shade of your text color:

Click OK to exit out of the Color Picker, then use the keyboard shortcut Shift+Alt+Backspace (Win) / Shift+Option+Delete (Mac) to apply the color to the text:

Step 12: Rotate The Canvas 90° CW

Go up to the Image menu at the top of the screen, choose Rotate Canvas, then choose 90° CW to rotate the canvas 90° to the right:

Step 13: Apply The Tiles Filter Three Times To The Text

We're going to apply the Tiles filter again, this time to the new text layer. Since Tiles was the last filter we applied, there's no need to select it again from the Filter menu. We can use the same keyboard shortcut Ctrl+F (Win) / Command+F (Mac) to apply it, then press the keyboard shortcut two more times to apply the filter a total of three times. Your text will now look something like this:

Step 14: Select And Delete The White Areas

Use the Magic Wand once again to quickly select all the white areas in the text by clicking on any of the white areas. Then press Delete to delete them, just as we did before. Press Ctrl+D (Win) / Command+D (Mac) to deselect your selection. Your text will now look like this:

Still scrolling through web pages? Download our Photoshop tutorials as print-ready PDFs!

Go to page: 1 | 2 | 3 | 4 | 5 | 6 | 7