How to make a simple text logo for your website or blog - Pimp your blog Part III

Now that I have thought of the name "Tutorial Geek" for my blog, I am going to make a simple text logo rather than just having simple text. I will show you how to do this in Inkscape.  This is similar to my post on Textures. Feel free to refer to that for additional ideas.

Step 1 - Pick your font:

I am using the font Impact.  It is common and beefy fat.  I like that.  Use a font that will go well with your website. You don't want to stay far from the fonts you are already using.  You will also notice that I have the text on top of the background I am using on my blog.  This is not necessary, but it makes it easier to visualize what it will look like when completed.

Step 2 - Line up the text:

At this point, you will want to make each letter an individual object. This allows you to have more freedom with moving and manipulating the letters. To do this, select your text then apply Path>Object to Path.  After you have done that, you will want to ungroup the letters (CTRL+SHIFT+G).  Arrange and size the lettering to your liking.

Step 3 - Adjust weirdnesses in the text:

You can notice now how the T is too fat and the K does not really line up with the L how I want it to.  This is easy to fix.  Just use the node tool and make the adjustments.  Remember to use shift to select more than one node and hold CTRL if you want to move all of the nodes together.

After you get your text how you want it, it is a good idea to group the letters (CTRL+G) to make it easier to work with.  I also copy a the text a couple times to make sure I have plenty to work with.

Step 4 - Color and drop shadow:
I used a blue color for the gradient fill on top and a grey color on bottom.  I used one of the copied texts and blurred it. I put it behind the blue text to help it pop out. 

Step 5 - Give the text some texture (optional):

 I imported an image for my texture.  I did a Google search for "Grunge wall texture" and just picked one of the textures I liked.
Once you have the image in place, apply Object>Clip>Set.  This will take out everything but the text you want.

Now place that text over your existing text.  Put it in a layer above the main text and set blend mode to screen.  Bring down the opacity (I took mine down to 20%).

That is it!

About McKay


  1. I am going to make a simple text logo rather than just having simple text. I will show you how to do this in Inkscape. logo design

  2. hi
    i found this topic very helpful
    you can get a look on create a logo for more tutorials


Powered by Blogger.