Inkscape Tutorial Text Effects: Placing an Image Inside Text – Part 1

In this tutorial I am going to show you how to create the image you see on the right here.

There are just so many cool text effects that you can create with Inkscape, it’s difficult to know where to start. However, since several people have asked us how we have created this type of text effect, it seemed like a good a place as any.

As some of you know, we usually do our Inkscape tutorials using video, but I thought I’d ring the changes and so this is a text based Tutorial.

You will need to download Inkscape if you haven’t already. This is very straight forward, however we do have a tutorial on downloading Inkscape, if you need it.

Step 1 – Import your image into Inkscape:

Try and choose an image that has fairly dramatic colours or shapes. When you start to experiment with this, you’ll understand what I mean by this. Here’s the one I’m using.

Background image to use

 

 

File>> Import >> Select your image from the place it is located and Open.  A Dialogue box opens and the default is ‘embed’, so leave it as this and Click OK. Resize the image (select it and grab hold of the resize handles and pull)

Importing your Image to Inkscape

 

 

 

Step 2 – Create some text

Next create some text using the Text Tool button, which you will see depicted as this icon here, and make the text fairly large.

Inkscape Text Tool button

 

 

You’ll really need to use a fat, juicy, thick font for this. We recently posted 4 good fonts on our Facebook page – Click on the link to view them.

Step 3 – Select the Image

Select the Image and go up to the Menu Bar and choose: Object >> Pattern >> Object to Pattern

The reason for doing this is that if you duplicate this text, you can then change the colour of it, which you wouldn’t be able to do if you didn’t add the step. Why would you want to do that? Well, perhaps you’d like to create a drop shadow on the text itself as I’ve done in the thunmbnail image at the top of this post.

 

Select - Object to Pattern

 

 

Step 4 – Move the text on to the Image

Move the text on to the Image and position how you want to image to be on the text

Place text on the image

 

 

 

 

 

Select both, using the Rubber Band technique we show you in our Free Video Tutorials. Or you can just select the image, and at the same time hold down Shift and select the text. Both should now be selected (they will have the select handles around them)

 

Step 5 – Fuse the Image and the text

Go back to the Menu Bar and choose Object >> Clip >> Set

Fuse the image and the text

 

 

 

Summary

Okay, if you’ve used Inkscape before and have followed our tutorials, this should take you about 10 minutes, tops.

However, we know that it’s really easy to forget some things, so if it takes a little longer, don’t sweat it!

If you’ve never used Inkscape before and you’d like to have a go, then click on the link below to get access to our free video tutorials and have some fun!

 

Get our free graphics design tutorials

 

 

 

 

 

 

About The Author

Caroline Jones

I'm Caroline and I look to help small business owners create their own graphics by writing tutorials and tips on graphics editing software. I live in Wales , love Tartan and Coffee Ice Cream. You can read more about me here

404