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 Christensen

After having lived in Oregon, Alaska, and China for the past 10 years doing landscape design and English teaching, I have returned to my home state of Utah and currently work for a growing tech company.

In my free time I enjoy working on my website where I post tutorials and reviews (and anything else I think is geeky) and I also like to write songs for my Super English Kid Youtube channel.

My favorite things to do include anything with my wife and son. Hiking, camping, and photography (or anything else outdoors). Playing Ultimate Frisbee or Ping Pong. Listening to 60s, 70s, or 80s, music. 

Feel free to contact me using my contact page. I would love to hear from any of you!


  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.