Make text filled with images in Photoshop with this tutorial

Make text filled with images in Photoshop with this tutorial

Adobe Photoshop is undoubtedly one of the most popular editing programs, The number of users who prefer it is enormous. We can attribute this success to the large number of positive characteristics it has. There are many tools and functions that we can find in it. Make text filled with images in Photoshop with this tutorial that we offer you, and improve your results.

Among the alternatives we have when using this program is adding images to our texts. Visually it gives a very pleasant simple image, that will undoubtedly make you look like an editing professional. You can use this in all types of designs, the possibilities are wide and regardless of the context it is something that will always look very good.

Make text filled with images in Photoshop with this tutorial Make text filled with images in Photoshop with this tutorial

There are several ways to achieve this, in reality they are all very simple and one Once you have gotten involved with this design program you will improve your skills, and you can finish each project faster and with better quality. Below we provide you with some methods so that you can choose the one that is most effective for you.

Follow these steps to insert images in your texts:

  1. First select the text tool and write the words you want. In the Properties window, change the color and size of the text so that it can be seen in the background.
  2. Then hover over font in dropdown menu of Features to find the style that suits what you want to capture.
  3. Now, to add the image, you must click on File and search within your images the one you want to use.
  4. When we select the image It is important that you drag it throughout the text so that it completely occupies it.
  5. Then we go to Capa and look for the Create Clipping Mask option. Photoshop
  6. At this point You will see how the result is very close to what you expected.. You only have to edit some aspects for consideration.
  7. You can drag the image and help it with the text, in addition to adding shadows for which you must double click on their respective layer.

What other method can we use?

Another alternative to place images within the text is use an fotographies  high quality and contrast. Each letter will occupy a unique part of the photo, showing the image within the letters.

For this do the following: 

  1. First, and as is logical, it is you need to start Photoshop and select the image you want to use.
  2. Then duplicate background layer, for it go to the Layer option and select Duplicate Layer.
  3. Next create a third empty layer, in the same way go to Layer and then New layer. This will be located between them, you must fill it with white.
  4. Now to add the text, click on the background copy layer and select the Type tool.
  5. Choose a bold font that allows you to see the interior images and sets a contrasting foreground color.
  6. Write a word or words and use the Free Transform command, to stretch or distort the text as you wish.
  7. Later Proceed to drag the text layer. You should do this below the background layer in your Layers window. This way the text and the white layer will be in the center.
  8. With the background copy layer selected create a clipping mask, this option as we mentioned is in Layer. This way you will see the image within the text.

How can you add multiple images to the same text? Photoshop

This method It will be very useful if you want to use not just one, but several images to your text in Adobe Photoshop. You just have to do what we indicate below:

  1. Open the image that you want to use as a background or simply use a blank document.
  2. Then in the Tools panel, select the Text option, we suggest you use a large font appropriate for the image.
  3. Use the Free Transform controls, to make size or position adjustments as necessary.
  4. Add using the layer style controls, the special effects you prefer to enrich the image. These are located in the Layers panel.
  5. After that select the text layer and duplicate it.
  6. Then use the Move tool to change the position of the letter. You now have two identical letters. Make the appropriate number of letters in your word.
  7. Each letter is on its own layer and you can move them by selecting the corresponding layer.
  8. Now changing letters while you select and type is the right key. Each time you make a change, apply the type with a check mark in the options bar.
  9. Once you have displayed all the letters as a matching word, it is time to insert the image into it.
  10. Select the lettering layer and Drag the image into the document. The image will appear on its own layer just above the letters.
  11. Press the button to add a new image.

What tips can you follow for a better result? Make text filled with images in Photoshop with this tutorial

  • To change the image to letters, use a clipping mask, to do this, look under Layer for the Create Clipping Mask option.
  • Image position can be adjusted after creation, using the Free Transform control, which is visible as an outline when the Move tool is selected.
  • If you don't like the image that matches the letter you selected, move it by dragging the layer to another letter and create a new clipping mask.

How do you add text in Photoshop?

  1. When you access the program, The initial step is to create your new image with the dimensions you need, or simply open the file where you want to apply the effect.
  2. Then enter the text you want complete with the image.
  3. Use for this the writing tools in left sidebar. You can also use the T keyboard shortcut.
  4. To make images visible in the text, use bold font so that the images are more striking and marked.
  5. Select the text and apply the appropriate font and sizeRemember that to make it look better you should try to keep the text from having many words as this will make the image less noticeable.

We hope that in this article You have learned some tips to better use Adobe Photoshop. Make text filled with images in Photoshop with this tutorial that we offer you, and achieve very professional results. If you think something else needs to be added, let us know in the comments.

Leave a Comment

Your email address will not be published. Required fields are marked with *



  1. Responsible for the data: Miguel Ángel Gatón
  2. Purpose of the data: Control SPAM, comment management.
  3. Legitimation: Your consent
  4. Communication of the data: The data will not be communicated to third parties except by legal obligation.
  5. Data storage: Database hosted by Occentus Networks (EU)
  6. Rights: At any time you can limit, recover and delete your information.