Create A Fragmented Tiles Text Effect In Photoshop
Free Adobe Photoshop Text Effects Tutorials At Photoshop Essentials.com
Written By Steve Patterson
In this Photoshop text effects tutorial, we're going to learn how to create a "fragmented tiles" effect using Photoshop's Tiles filter.
Here's the effect we're going for:
Let's get started.
Want an easier way to learn Photoshop? Download our tutorials as ready-to-print PDFs!
Looking for more Photoshop Text Effects tutorials? View our complete list here.
Step 1: Open A New Photoshop Document
Open a new Photoshop document by going up to the File menu at the top of the screen and choosing New..., which brings up the New Document dialog box. Choose any size you wish for your document. I'll use the preset 640x480 size:
Step 2: Fill The Background Layer With Black
Press D on your keyboard to quickly reset Photoshop's foreground and background colors, which sets black as your foreground color. Then use the keyboard shortcut Alt+Backspace (Win) / Option+Delete (Mac) to fill the Background layer with black:
Step 3: Set Your Foreground Color To A Dark Color And Add Your Text
Click on the Foreground color swatch in the Tools palette:
This will bring up Photoshop's Color Picker. We're going to choose a color for the text. You can choose whichever color you like for your text, but whatever color that is, choose a dark shade of it to start with. I want to use green for my color, so I'll choose a dark shade of green:
Once you've chosen your color, click OK to exit out of the Color Picker.
Select your Type tool from the Tools palette, or press the letter T on your keyboard to quickly select it:
Then, with the Type tool selected, go up to the Options Bar at the top of the screen and choose your font and font size. This effect will work best with a large, thick font, so I'll use "Impact" for the tutorial. Then click inside your document and enter your text. I'm going to type the word "digital" since I think this effect has a bit of a digital-ish look to it:
Use the Move tool to center your text in the document, and resize the text if needed by using the keyboard shortcut Ctrl+T (Win) / Command+T (Mac) to bring up Photoshop's Free Transform handles around your text, then hold down Shift+Alt (Win) / Shift+Option (Mac) and drag any of the corner points. Holding Shift constrains the text proportions, and holding Alt/Option causes the text to resize from the center. Press Enter (Win) / Return (Mac) when you're done to accept the transformation.
Still scrolling through web pages? Download our Photoshop tutorials as print-ready PDFs!