Place an Image Inside of Text in Affinity Designer

Learn how to place an image inside of text using Affinity Designer. This tutorial shows you how to do this in 5 easy steps! You could also do this with Affinity Photo, Adobe Illustrator, or Photoshop. Before getting started, select an image you want to use for the tutorial. You can go to Pexels to download some free images.

Step 1

First, go to File > New to create a new document. The size of the document isn’t important. You can make it for web or for print.

Step 2

Next, grab the Artistic Text Tool from the Tools Panel and type your text. Go to the Context Toolbar to choose the font you want to use and the font size.

Step 3

Grab the Place Image Tool from the Tools Panel. Find the image you downloaded and select Open. Hold Shift and drag your image so that it covers the text.

Step 4

In the Layers Panel, select the image and drag it inside of the text layer.

Step 5

Then, rearrange the image inside of the text to fit your design.

Congratulations! This tutorial is complete!

Alternative Option

There’s another way you can do this process. Here’s what you would do after Step 2.

Step 3

Select your text. Go to the Toolbar and select Insert Inside the Selection.

Step 4

Grab the Place Image tool. Select your image. Hold Shift to drag the image over the text. You’ll see that the image appears inside of the text.

Now, you’ve learned two different methods for this process. You can use this method for creating social media graphics, posters, graphics, etc.

If you liked this tutorial, check out more of our Affinity Designer tutorials. Also, learn about some of the features of Affinity Designer.