Techie Tip of the Week: Creating Mask Using Text (in Photoshop)

Last week we talked about creating masks in Photoshop. This week, we’d like to focus on a specific type of masks that you can use in Photoshop — creating a mask using text. This can allow you to take text and have a picture be the background of that text.

In this week’s example, we’ll take a photograph of a fire and use that to write text that will look like it was created using a “fire” font.

  1. In Photoshop, open the photo that will serve as the background of the text.
    Screenshot of photo of fire opened in Photoshop
  2. Unlock the background layer by right-clicking the Background layer and selecting Layer From Background.
    Screenshot of Layer from Background screenshot of layer0
  3. Type some text on the photo.
    screenshot of adding text
  4. In the text layer, right-click the layer and select Convert to Shape to convert it into a shape.
    screenshot of the "this is really cool" layer screnshot of convert to shape
  5. In the shape layer (in the example, This is really…), click the chain link to unlink the vector mask.
    screenshot of unchaining

  6. In the shape layer (This is really…), drag the shape into the photo layer (Layer 0).
    screenshot of dragging layers screenshot of layer0

  7. Delete the original shape layer (This is really…) by right-clicking the layer (This is really…) and selecting Delete Layer.  Click Yes.
    screenshot of deleting original text layer 1 screenshot of deleting layerclick "yes"

Here’s the final result:

final result

Tags: ,

Leave a Reply

You must be logged in to post a comment.