Create A Fragmented Tiles Text Effect In Photoshop

Step 4: Rasterize The Text Layer

We're going to be applying one of Photoshop's filters to the text, but we can't do that without first converting the text into pixels, which is known as "rasterizing" it. To do that, with the text layer selected in the Layers palette, go up to the Layer menu at the top of the screen, choose Rasterize, and then choose Type. Nothing will seem to have happened in the document, but if you look in your Layers palette, you'll see that the text layer is now a normal layer:

Step 5: Duplicate The Text Layer

We need to create a duplicate of the layer with our text on it, so to do that, with the text layer selected, use the keyboard shortcut Ctrl+J (Win) / Command+J (Mac). You'll now have a duplicate of the text layer in the Layers palette:

Step 6: Hide The Original Text Layer

With the copy of our text layer created, we're going to hide the original text layer from view by clicking on its Layer Visibility icon (the "eyeball" icon) on the far left of the layer in the Layers palette:

You won't see any change in the document since the copy of the text layer is blocking the original text layer from view, but if you look back in the Layers palette, you'll see that the eyeball icon has disappeared, indicating that the layer is now hidden.

Step 7: Apply Photoshop's "Tiles" Filter Twice To The Text Copy Layer

With the text copy layer selected in the Layers palette, go up to the Filter menu at the top of the screen, choose Stylize, and then choose Tiles. This brings up Photoshop's Tiles filter dialog box:

No need to change any of the options. Simply click OK to exit out of the dialog box and apply the filter to the text. Then use the keyboard shortcut Ctrl+F (Win) / Command+F (Mac) to apply the same filter a second time. Your text will now look something like this:

Step 8: Select And Delete The White Areas In The Text

Grab the Magic Wand tool from the Tools palette, or press the letter W to quickly select it:

Up in the Options Bar, make sure Contiguous is not checked, otherwise we'd have to select each white area separately. Then click with the Magic Wand on any white area in the text and Photoshop will select all of the white areas at once:

With all the white selected, press Delete on your keyboard to delete those areas. Press Ctrl+D (Win) / Command+D (Mac) to deselect your selection. Your text will now look something like this:

Want an easier way to follow along with our tutorials? Download them as printable PDFs!

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