Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Place Images Inside Text in Adobe Illustrator
  • By Design Bundles
  • 27 Mar 2017
  • 5 Mins
  • Illustrator Tutorials

Place Images Inside Text in Adobe Illustrator

In this Adobe Illustrator tutorial, learn how to quickly place images inside text.

Placing images inside text is quick and easy to do in Illustrator. This typography art effect is great to use when making all kinds of gifts as it’s a great way to highlight exceptional people, vacations, places, etc.

Place Images Inside Text in Adobe Illustrator 12

We will be using the Helton font as it’s a nice bold sans serif font. Font Bundles has other thick bold fonts you can use instead.

If you’re more of a visual learner, we have a video you can follow instead.

Step 1 - Import, Embed and Resize Image

Drag and drop your image onto the artboard.

Place Images Inside Text in Adobe Illustrator 12

Select Embed in the top toolbar to store the image within this document.

Place Images Inside Text in Adobe Illustrator 12

Then adjust the size of your image using the Selection tool (V) and the handles on the image’s bounding box.

Place Images Inside Text in Adobe Illustrator 12

Step 2 - Add Text

Select the Type tool (T) from the left toolbar. Click on the artboard and type your text.

Place Images Inside Text in Adobe Illustrator 12

With the text selected, choose the font you want to use and change the font size if needed.

Place Images Inside Text in Adobe Illustrator 12

Step 3 - Remove the Text Fill Color

We want to remove the text fill color so we can see what we’re doing. Make sure the text is still selected, and click on the Fill icon in the left toolbar. Then click the small None icon below.

Place Images Inside Text in Adobe Illustrator 12

Step 4 - Add a Stroke to Text

Now we will add a stroke to the text. The stroke will help guide us when aligning the text on the image so we can see what parts of the image will be placed inside the text.

In the top toolbar, click the Stroke drop-down menu. Select a color that will stand out from your image.

Place Images Inside Text in Adobe Illustrator 12

Increase the stroke weight if needed so you can clearly see the outline of the text over the image. We selected 2 pt.

Place Images Inside Text in Adobe Illustrator 12

Step 5 - Adjust and Move Text

Use the Selection tool (V) and the handles on the text’s bounding box to resize the text. Hold the Shift key to constrain the width and height proportions while resizing. Then click and drag the text to where you want it on the image.

Place Images Inside Text in Adobe Illustrator 12

Step 6 - Create a Clipping Mask

Select the image and the text. Right-click and choose Make Clipping Mask.

Place Images Inside Text in Adobe Illustrator 12

Once the clipping mask has been made, the image will be clipped inside the text.

Note: you can actually place multiple images inside text at the same time. Just make sure your text is on top of all the images before making the clipping mask.

Place Images Inside Text in Adobe Illustrator 12

You have now finished learning how to place images inside text in Illustrator. If you found this tutorial interesting, you might enjoy creating a pop art vector image or floral typography in Illustrator.




6 Related Illustrator Tutorials

Today we'll focus on how to place an image within a text. This can be used to create wonderful gifts, favors and more. Step 1. Create a New ProjectOnce you are have logged in, create a new project in Cricut Design Space by simply clicking on the green button that is ...

For this Tutorial, we will use Tynabella Font from Fontbundles.net.1 - In Illustrator, create a “New Document”. Select the “Rectangle Tool” (M) and make a rectangle that covers your entire document. Fill it with black and no “Stroke”.2 - In the “Layers” Panel, lock your rectangle by clicking right ...

1- Open AI and create a new document.2- Using the text tool, write your text. Any thick bold font would work well with this technique.3- Right-click on your text and choose Create Outlines to convert the text into shapes.4- Right-click again and ungroup.5- Select every second ...

In this tutorial, you will learn how to fill text with a gradient in Adobe Illustrator. This can be a really effective way to lift your designs and give them a new dimension!Step 1 - Create Your TextStart by selecting the Type tool (T). Click anywhere on your artboard and ...

Can you count how many different ways you can edit text in Illustrator? There are definitely more than just one or two ways! You can edit text with the options found in the Paragraph panel, Character panel, Pathfinder panel, Color panel, etc. This tutorial will show how you can edit ...

1- Open AI and create a new artboard.2- Select the Text Tool.3- Type your text and select your font.4- With your text selected, go to Object > Envelope Distort > Make with Warp.5-The Warp Options window will appear.6- First thing to do is enable the ...

You may also like

Help Center
ol image