This tutorial will guide you through making a custom font “coloration” using any image or pattern of your choosing. Instead of Photoshop’s default fill and gradient options, now you can fill text with an image to create a unique font effect.
Step one: To start, open the pattern or image that you will use for the text. For this tutorial, we will use a colorful ocean reef.
Step two: Create a duplicate of the background image and leave the original copy as a reference. To do this, right click the background layer and select dupliacte layer. A shortcut for this action is control+j [for windows] or command+j if you have a mac. This duplicate layer is the one we will use to fill the image/pattern
Step three: Now, add a new blank layer and place it between the fill image and the original background. Create a new layer by pressing Ctrl+Shift+N, or click the new layer shortcut on the bottom-right tool panel. Make sure the new layer is placed between the background layer and the image you want to put inside the text.
Step four: Let’s fill the new empty layer with white by expanding the Edit menu at the top, then choose Fill. A new window will pop out asking for details. Use white as the color, normal blending and 100% opacity. After these are selected, click OK.
Step five: Now we create a layer of text. Click on the text tool on the left hand tool panel and start typing your phrase of text. Select the font type and size but start with a text color of white.
Step six: We want to arange the layers such that the text is below the fill image. Click and drag the layers to arrange them; place the desired text under the fill image layer but above the background and white layers.
Step seven: Click on the image layer that will fill the text (here, “Background Copy”) and select Layer tab, then create clipping mask
Now, the image fills the text. Observe the layers and how the top image has an arrow pointing down to your next layer. You can type any phrase in the text, re-scale the size of your text, or change the background to place it below the text .