How to Put Image Inside Text Using Photoshop And Its Easier Online Alternative

Home >
Learn >
Video Editing Tips >
How to Put Image Inside Text Using Photoshop And Its Easier Online Alternative

Last Updated: 2024. 05. 10

One way to get creative with text is to put an image inside your text. This can give the text a unique look and theme, which works perfectly on a thumbnail image, a podcast cover, any trailer, promo ad, poster, and more other graphic designs, etc.

Follow along with our tutorial guiding you how to put an image inside text using Photoshop and its easier online alternative.

Preview

Minimalist Mom Picture Mothers Day Instagram Post

Use This Template

Preview

Travel Journal Slide

Use This Template

Preview

Summer Sale Fashion Intro

Use This Template

Preview

Music Beats Travel Photos Vlog

Use This Template

Create Video Faster with FlexClip's Pre-Made Templates →

Start from Scratch Easily with FlexClip’s Online Video Maker →

Can't Miss: Put Video Inside Text with Adobe Premiere Pro/CapCut/FlexClip>

Part 1 How to Put a Picture Inside Text in Photoshop

Adding an image inside text can bring a creative edge to your design that will make it pop! Here, we’ll show you how to add an image in text using a clipping mask in Photoshop in a step-by-step manner.

How to Put An Image Inside Text Using Photoshop

For more detailed steps on hoe to put an image inside text in Photoshop, you can read through the written tutorial below:

Step 1

Open a new document in Photoshop. Launch Adobe Photoshop on your computer and create a new document with the dimensions you prefer to work on. Then, you will has a blank canvas, which can be used as a background of your project, you can make it whatever color you want.

Step 2

Create a text layer and type in your words. Select the Text tool from the Tools panel along the left of the screen, and go to the Options Bar along the top of the screen and choose your font type, size, and color. Once selected, position the type where you want it and type in your words.

Step 3

Add the image you want to place inside text. Drag and drop the new image into the Photoshop window, or click the "File" menu, click "Open", select the image file and click the "Open" button to add your image as your layer.

Step 4

Adjust the order of these layers. The order of the 3 layers is important. It should be the background layer, followed by a text layer, and finally the image layer on top. Move to adjust the order if it isn’t there already.

Step 5

Create a clipping mask on the image layer to put that image side the text. Simply select the image layer and Right Click it, then choose "Create Clipping Mask" from the dropdown menu. You'll notice that the image now appears only within the boundaries of the text.

Part 2 How to Put An Image Inside Text in An Easier Way Online

Although the professional software, Photoshop, can help you put a picture inside text, the complicated steps often overwhelm the beginners and take tons of time to achieve such an effect.

Talking about an easier alternative tool to put an image inside text online, we would like to introduce FlexClip: the world's best online tool for putting images and videos inside text. With FlexClip, you can easily put images inside text and combine the stunning text effects with your video or any slideshow project with clicks away. No software download and experience are needed. Just follow the simple steps below to start putting images inside text and make more edits now:

Start Now

View Templates

Step 1

Click the Start Now button to access FlexClip editor, and change the background color to any you want, then you can go to the Text tab to pick any text style for your project.

How to Put Image Inside Text Online - Pick Text Style

Step 2

Once selected your desired text style, add it to the canvas, then type in your words and customize it on the font, color, size, and location freely.

How to Put Image Inside Text Online - Edit Text

Step 3

To put an image inside the text, just click the Style on the top menu, and click the Text Mask to create a mask effect on the text for putting your image in.

How to Put Image Inside Text Online - Text Mask

Step 4

Now, you can upload any image from your local file. You can also get some presets to fill in the text. Or you can pick some stunning image and video resources from FlexClip extensive media library, and drag and drop it inside the text on the canvas.

How to Put Image Inside Text Online - Fill Text with Image

Step 5

After that, you can export your project directly or use it to create your professional designs, such as a YouTube thumbnail, a video title card, and more. You can even combine your creative design with your next video project in FlexClip.

How to Put Image Inside Text Online - Mode Edits

Have no ideas for your next project? You can check FlexClip's professionally-designed templates, covering from sports, games, travel, business promos, etc., for some inspiration.

Preview

Pink Tulip Flowers Mothers Day Wishes Intro

Use This Template

Preview

Bright Travel Journal Slide

Use This Template

Preview

Bite Size Ads Fashion Promotion

Use This Template

Preview

Epic Glitch Sport Fashion Game Gym Fitness Promo Fast Rhythm Sports Opener Trailer Intro

Use This Template

Preview

Glitch Epic Game War Photo Promo Opener Trailer Intro

Use This Template

Final Words

And there we have it! That's the way to place an image in text with Photoshop and the easier alternative way to put an image inside text online with FlexClip! Feel free to use these techniques in your future projects. Also visit our blog page for more effect tutorials, problem fixing posts and creative video ideas!

Sandy /

Has 4-year of professional photographing experience. Very much into recording every detail of life. She is passionate about all things related to video production, and loves to exploring tips and tricks about it.