How to Put an Image Inside Text in Photoshop | RSD Tutorials (+ Working File)

November 12, 2021
Updated:
October 30, 2023

How to Put an Image Inside Text in Photoshop | RSD Tutorials (+ Working File)

Red Shark Digital


Want to add a decorative effect to some text? In this tutorial, you’ll learn how to put a image inside text in Photoshop. Our branding Greenville NC professional can’t wait to show you how to create lively text with her leafy text example. Follow along with our tutorial showing you how to put a image inside text in Photoshop, and use your green thumb to make the leaves grow right out of your letters! Be sure to check out our YouTube video for additional help while learning how to put a image inside text in Photoshop. Let’s get started!

Step One

Before we teach you how to put a image inside text in Photoshop, you need to find an image with the kind of leaves you want to use and type out your text. If you don’t have a specific image in mind already, Unsplash is a great resource for royalty-free images. The best part is, it’s free to use! Our branding Greenville NC agency relies on Unsplash regularly when creating content.

Step Two

With your image over your letters, create a clipping mask.

Step Three

Duplicate that layer and delete the mask in the copy, so that you have a full-size version of the image in the same position as the clipped image. Creative services Greenville NC professionals recommend reducing the opacity so you can see the letters behind.

Step Four

The next step in learning how to put a image inside text in Photoshop will require the Polygonal Lasso Tool. Use this tool to select leaf edges that you want to cross out of the bounds of the letter. Next, add a layer mask on that layer to only leave the areas of the leaf you selected.

Step Five

Use the brush tool with a lower hardness percent to edit the edges of the clipping mask. Take off any hard or unnatural edges. If it still doesn’t look right, our creative services Greenville NC team suggests zooming in to see what colored pixels are throwing the edges off. Repeat this with all the leaves you want to cross the edges!

Reduce the opacity of your shadows to soften the edges. Now, add more shadows where needed.

Step Six

Add a new layer that is only over your clipping mask of the original image. Use the brush tool to add shadows around the edges. This layer position will exclude any shadows from being added to all your leaves crossing the edges in the foreground, adding depth. Reduce the opacity of your shadows to soften the edges. Now, add more shadows where needed.

Step Seven

In the final step of our tutorial on how to put a image inside text in Photoshop, add shadows under the leaves that cross the border to add more depth. Use the brush tool or by rasterizing the layer to make a copy and blurring the hard lines. Our branding Greenville NC expert is using the brush tool for this tutorial. Try to follow the same angle of shadows you created for the inside of the letters.

Red Shark Digital | Tutorials from the Leading Branding Greenville NC Agency

Now you know how to put a image inside text in Photoshop! Did this branding Greenville NC tutorial prove beneficial? Share your creations on social media and tag us! We’d love to see your work. Visit our News page for more tutorials from our creative services Greenville NC team, and subscribe to our Red Shark Digital YouTube channel for even more content.

Related Articles