Skip to main content

Photoshop Tutorial: Fill Text In An Image Using A Clipping Mask

Once you have the photo that you have decided to work with, you need to open it in your preferred version of Photoshop.

Fill Text In An Image Using A Clipping Mask

In Photoshop tools, layer masks are among the foremost commonly used. because of them, we will apply certain effects to specific parts or elements or that are a part of one layer. But layer masks aren't the sole way we've in Photoshop for masking things. we will also use clipping masks, although they're not as versatile as layer masks, in some situations they permit us to significantly reduce the time we will invest during a design.

In this article, we show you ways to fill text with a picture using Photoshop's clipping mask. With this tool, you do not got to rasterize the text or create a layer mask supported the shapes of the text.

1. Open the specified image in Photoshop.
Once you've got the photo that you simply have decided to figure with, you would like to open it in your preferred version of Photoshop.

Once the photo is opened, you'll notice that it's locked by default. you will need to double-click on this layer to unlock it, as we'll got to move it shortly.

When you double click on the layer, a dialog window will automatically open during which we will give our layer a replacement name. In our case, we've placed "Photo" to avoid confusion with the text layer that we'll create later.

2. Create a replacement background layer
You will now got to create a replacement fill layer. to try to to this, you've got to travel to the menu Layer> New Fill Layer> Solid Color. this may open a dialog window to call our new layer.

We call it “Background” and choose the colour # 9FF7BC, a pastel green that highlights the colourful red tones of the photograph we've chosen.

Once we've access to the layers panel, we swap the locations of the “Background” and “Photo” layers, in order that “Background” is under the “Photo” layer. we should always be ready to display the photo and not the fill layer in our workspace.

3. Create a replacement text layer
We select the Text tool and write the specified word. In our case, we wrote "Strawberries" with the Watermelon Script font with a score of 250. It doesn't matter what color you select , right now, a minimum of until you've created the mask.

Scroll to Continue

To make sure the text is aligned centrally, both vertically and horizontally, we'd like to pick all layers. we will do that using the keyboard by pressing Ctrl + Alt + A on Windows and Cmd + Alt + A on Mac OS. Or we will roll in the hay directly from the layers panel with the mouse.

From the Layer> Align menu we'd like to pick "Vertical Centers" and once we've verified that the text has been aligned, we'd like to travel back to an equivalent menu and choose "Horizontal Centers". The order during which we roll in the hay doesn't matter, but we'd like to pick both to form sure the text is totally centered.

Once the text is correctly aligned, move the text layer and place it under the "Photo" layer. once you move it, you'll lose the visibility of this layer because the photo will fill the whole canvas.

4. Apply a clipping mask
Now that the text is aligned and every one the layers are within the correct order, select "Photo", right click to access a series of options and click on "Create Clipping Mask".

And voila, we've already filled a text with a picture using the clipping mask. Note that we will move the "Photo" layer in order that the clipping mask created occupies other spaces of the photographer which can have a more interesting combination of colours or more representative elements.

We can also experiment with blending modes to realize unexpected results. to try to to this, we will change the colour of our text and modify the blend modes of the "Photo" layer that contains the photo until we discover the perfect color combination and blend mode that best match our makeup.

As we've already mentioned, it's about experimenting and seeing with which blending mode the composition looks the foremost interesting. In our case, we used color # EC267A for the text, a magenta tone to somehow maintain an equivalent tone of the dominant color the photograph, in conjunction with the "Exclude" in-layer blend mode " Photo "which leads to a stimulating contrast between blues, pinks and greens which blend perfectly with our background.



manto007 on May 20, 2021:

Wow great

Related Articles