Simple Shadow Text in Inkscape

Following up on the last post on creating shadowed text in GIMP, I’d like to show you an easier way to do it. As I said in that last post, I’m not a big fan of working with text in GIMP. Don’t get me wrong, it’s a fine program for bitmap editing, but there are just better tools for dealing with text manipulation. Vector applications like Inkscape and Illustrator give you more flexibility in layout and text work. To show you just how easy, here’s a quick tutorial. Now, I’m assuming you’re at least somewhat familiar with Inkscape. If not, there are lots of free tutorials out there and this post will still be here when you get back.

Step one. Make some text

With Inkscape open, select the text tool (the A) and type something. I was feeling clever, so I typed shadowy. Change the font to something you like and resize the text with the arrows that appear when you select the object with the pointer tool.

2 - Fonted Sized
Molot. 73.95 pts.

Step two. Copy the text

Ctrl + C. Control + V. If you’re on a Mac, it’ll be something similar.

3 - Copied
Double your text, double your fun

Step three. Change the color and layer the objects

Find the text you want to use as the shadow text and change the color to something a bit shadowy-er. I chose a medium-ish gray. Align the objects however you want. If your gray text is on top of the black text, select the gray text with the pointer, go to Object and click on Lower. Or just press the page down key on your keyboard.

4 Layers
Order the text to do stuff. And things.

Step four. Do a bit of blurring.

With GIMP there were a few extra steps here. Since GIMP works on pixels, you have to select the color, grow the selection, and then feather the selection. After the selection is made and the selected area filled with a selected color, a bit of blurring is necessary to get everything looking just right. With Inkscape, all you have to do is click on the shadowy gray text and look for the Blur slider in the fill dialog box. I set mine to 1.7%. Inkscape doesn’t mess around when it blurs things.

5 - Shadowed
Aaaand we’re done.

Step five. Export.

If you want to do your layout in GIMP, you’ll need to export the text as a transparent png file. Select both the black text and the gray text by drawing a box around them with the pointer tool. Look for the Export Dialog and specify where you’re exporting to, make sure to check Hide All Except Selected, then click Export.

6 - Export

Now you’ve got a transparent png file you can import into GIMP and use as a layer on your book cover. Or you can do what I do and pull the cover into Inkscape and do all the layout work there.

ShadowyFinal
Such a sexy, bold statement about something.

Has anyone got any tips to share or questions that need answering? Leave a comment!

Advertisements

One thought on “Simple Shadow Text in Inkscape

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s