Learn Advanced Photo Editing

Add Photos To Text & More With Clipping Masks

By Whitney | Advanced Photo Editing Photo Editor Tutorials What’s New

With BeFunky, it’s always been possible to add text to photos, but now the opposite is true too: with our Clipping Mask tool, you can now add an image inside of any text you type! That means instead of choosing a solid color for your text overlay, you can use any image you want as your fill. Just think of the whole new world of possibilities you’ve got for designing marketing and web graphics, social media posts, and so much more! 

clipping masks in BeFunky Photo Editor

And just the same as adding images to text, the Clipping Mask tool also lets you add images to any graphics you add to a photo or design! That means you can add a photo within a triangle graphic, a square, or any one of over five thousand graphics and icons we have available in our web app. It’s just one more way we’ve made photo editing and graphic design simpler than ever. 

Clipping Mask Inspiration 

Masking allows you to get completely creative with your text and graphics, helping you to design imagery that’s truly unique. We’ve whipped up a few examples of designs you can easily create by masking text and graphics, all with a few simple drag-and-drops. Here are some designs to get you excited:

Text Masking

You can add text to photos in any solid color you want, but it’s so much more captivating to add an image as your fill color! Just type anything you want, drag-and-drop your favorite photo into the textbox, and you’re good to go. 

clipping mask for text in beFunky

This look is perfect for social media imagery, advertising campaigns, website graphics, and other marketing materials. It’ll work in any font you’d like, so whether you have a favorite or you’re sticking to all things on-brand, you’ll find all the customization options you could need. 

Graphic Masking

With over five thousand graphics we have available in BeFunky, you’re bound to find the ideal graphics and icons no matter what kind of project you’re working on. And since our Clipping Mask tool works with graphics, adding a photo within your design elements is just a drag-and-drop away!

using clipping masks in BeFunky

Before we added the Clipping Mask tool, you’d need to use the Cutout tool to cut the shapes out of a photo, but now it’s even easier to design the way you want. Perfect for creating blog imagery, social media graphics, and more. 

Creating Polyscapes 

Polyscapes are a particular style of graphic design that combines the use of geometric shapes and photography. The name means “many scenes,” meaning that with Polyscapes, you see multiple views of different scenery organized with geometry. 

creating polyscapes with BeFunky Photo Editor

Polyscapes have never been easier to design than with our Clipping Mask tool: just upload your favorite photo, add some geometric shapes, and drag-and-drop other images into those shapes. They’re perfect for album covers, branding, and totally unique social media imagery!

How To Use Clipping Masks In BeFunky

Now that you’ve got some project inspiration, we’ll show you the ropes of our Clipping Mask tool. Whether you use it for adding photos to text or graphics, the steps are essentially the same. Head to BeFunky’s Photo Editor and upload any image. We used our Background tool (found in the Edit menu on the left) to create a solid colored background for our text masking, but you can use any background imagery you’d like. 

upload a photo in beFunky Photo Editor

Next, click on the Text tab (the A icon) in the menu on the left and click the Add Text button. A textbox will appear, allowing you to type anything you’d like. Type the text you’d like to mask, then use the Text Properties toolbar that appears to customize the Font, Letter Spacing, Size, and more. 

add text to photo in BeFunky

Now for the fun part: adding an image within your text! Click on the Image Manager tab (the top icon) in the menu on the left. You can upload your own image files by clicking the Computer button, or click the Search Stock Images button to search over a million free stock photos to use as your clipping mask. Once your images are selected and uploaded, they’ll appear as thumbnails in the Image Manager tab. 

free stock photos in BeFunky Photo Editor

Drag and hover an image thumbnail from the Image Manager tab over your textbox until the text turns blue, then drop it in to fill up the text. 

how to add a clipping mask in BeFunky

You can continue dragging-and-dropping until you find the perfect image to use as your clipping mask.

how to create clipping mask in BeFunky

Once the text is masked with an image, you can double click the textbox to readjust which parts of the image appear in your text. You can also use the Crop Image toolbar to zoom the image within your text. 

how to customize clipping mask in BeFunky

If you’d like to further customize your clipping mask, you can use the Image Properties toolbar to add a Color Overlay or Tint. Just click the box next to either of those options and choose a new color from the Color Picker that appears. You can also click the Options button in the Image Properties menu to change the Opacity and orientation. 

how to mask text in BeFunky

With your newly masked text, you can resize your textbox and move it around the canvas until you have it perfectly placed. Note that you can’t change what the text says after masking it, so be sure your text is free of typos before adding your image.

how to use clipping masks in BeFunky

From here, you can keep on adding text and graphics to your project to edit it to perfection. Note that any additional text or graphics you add to your project can be easily masked following the steps above. Once you’re finished, click the Save button at the top of the Photo Editor to save your work. 

Final Results

masking text tutorial in BeFunky

See how amazing it is to use a clipping mask instead of a solid fill color for your text? It’s so easy with just a few drag-and-drops!

With our new Clipping Mask tool, you’ve got more creative freedom than ever. Click the link below to start experimenting with your projects!

Photo Editing, Simplified.

Photo Editing. Simplified