How To Create A Text Overlay From An Image Using Photoshop

In my tutorial, I’m demonstrating how to create a text overlay from an image using Adobe Creative Cloud Photoshop. I learned how to use this feature to create my personal logo. I recorded my tutorial by using QuickTime Player on my MacBook.

The first step is to search for an image to fill the text. I chose a gold foil texture image on Google and saved it to my desktop.

Next, open a new document in Photoshop and select the “Text” tool. I used the font style called "Mantana” and changed the font size to 108 points. Click anywhere in the document and began typing the text. I chose to type “War Eagle,” the Auburn University Tigers’ battle cry. Then select the Move tool and grab the text and center it on the document.

Next, move the Photoshop window over to drag the image from the desktop and place it in the document. Center the image to cover the text completely by using the arrows to expand the edges of the image. Once the image is positioned, select the check mark on the menu bar to commit the crop.

Next, click on the Layer tab at the top of the page and scroll down to select Create Clipping Mask. This will crop the image into the text. Then, use the arrows to rotate the image to change the direction of the gradient. When finished, select the File menu, Export, and choose Save For Web. Save the image as PNG or JPG file for web compatibility purposes.

I published my tutorial online by uploading the video of my tutorial to my Vimeo account. To watch my tutorial in the larger version, click on Tutorial at the top left corner of the video.

montana savage logo