Do it your self logo design tutorial using GIMP software

Last Updated on

This is a logo design tutorial I would like to share with you; here I will help you learn create a simple text based logo for your website using GIMP software. GIMP is a software like photoshop, and it’s free. You can find a copy for download here. The file size is only 15 MB and trust me, this tiny piece of program helped me design thousands of dollars worth graphics.

Here’s how to setup GIMP on your PC:

Update: Here is a new video I created about making a logo,

Watch it on youtube

Now after installing the program, open it and you should see at least 3 windows:

gimp image editing software

The left window is the toolbox for you to use all the tools, brushes etc; the right is for the layers and the center part is the main area where you will be editing your graphics.

Now lets start with creating a new file, just select “new” from the file menu. In my example, I am creating a new image with 400×200 pixels:

gimp create logo - create new file

After you create a new image with the specified dimensions, you should see a white area on the middle section. That is where we will create our logo. Now because it’s a text based logo, we will create a text called “BlogKori” select the text tool:

gimp create a new text object

Now drag the white area to create a text box. You will see the text options in the left panel where you have to change the fonts, size, color etc:

gimp text toolbar command

When you select the text to type/edit a text box will appear:

gimp text toolbar type in your logo text

I have selected the font: Trebuchet MS, size 95px and blue color, that gives me the desired feel. Do drag your text box to align the text properly:

gimp text toolbar designed the text

Now we will create a gradient effect on this plain simple text. For this, use the color selection box and choose your foreground and background color:

foreground and background colors

Clicking on each tab will show up a color panel:

selectinge foreground color as light blue

I have selected a deep blue color as the foreground. Now I have to select the area to edit, now go to the layers panel (right) and select the text:

select the text layer

Now right click to show up the options and select “Alpha to selection”

set the layer as alpha to selection

You will then see that the blogkori text edges are now highlighted:

selected text layer in alpha

Now select the blend tool from the toolbox:

select blend tool

Now draw from top to bottom to apply a gradient (use undo command and do it again until you finally have a good blend)

drag and create a gradiant using blend tool

Now if you release the selection by pressing CTRL+SHIFT+A you will see that our logo looks like this:

now the logo looks like this

Good, now lets make a drop shadow on it. Select the text area again in alpha and now go to menu > Filters > Light and shadow > Drop Shadow:

filters - light and shaddow - drop shadow

A window will appear; set these options and the shadow color and click OK:

create a drop shadow

Now the final logo will look like this:

logo with drop shadow

Use the save command to save it in a project file or choose an extension to save it in an image file such as JPEG or PNG:

save the file using save as

Now our logo has a white background, but if you want to make it transparent, just remove the white background from the layer by clicking on the eye:

hiding the white background

So we will then have our logo background as transparent:

logo without the background - transparent

To save this image in transparent, save it as .png

So that was a simple logo tutorial using GIMP; let me know how it went when you tried to design your logo, thanks.

Also check it out GIMP background removal tutorial

The new version of this GIMP tutorial

Part 2 of this video:

If you enjoy these tutorials, be sure to check out & subscribe to my channel TechieDaily.

38 thoughts on “Do it your self logo design tutorial using GIMP software”

  1. Nice tutorial… GMP is good open source and best alternative to adobe photoshop but unfortunately very few know about this software

  2. This it totally ofttopic:

    Hey, great blog. I haven’t visited for some time and I see the layout changed and some other things. Maybe it’s me, but I don’t see a lot of ads on your site. How can you make good money like that? Or is this gonna change in the near future? Keep up the good work


    1. Hi there thanks for dropping the comment; yes you can now see that there are less ads and only banners in the sidebar and footer are linking to another blog post; yes I do make money online but not much from this blog as my main focus now is to deliver a great experience for my readers. Let’s see what comes next as nothing can be said in advance.

  3. Excellent article Tamal. I read your articles regularly, I hope you update your site regularly with new contents.

  4. hi,Nice post here.
    I need some information off topic.
    About word press.Say if I buy domain and host ,then can I show adsense ads in my website.
    To show ads do I have to pay extra money.

  5. Thanks for Logo making tutorials.Know that Gimp is an awesome software from Linux and glads its now available for windows. Yup time to try it and might changes to my site.

  6. I didn’t knew about gimp. thanks for introducing this nice tool. Actually I’m looking for a better soft alternative to photoshop. thanks a lot.

    1. Not now, but would it be easy for you if I do one? Also creating a video is easy for me than writing one.

  7. Excellent tutorial for building a logo. GIMP is definitely a good alternative to Adobe Photoshop. I say this becasue basically it packs almost the same level of features as its paid competitor and on top of that GIMP completely free.

    1. Cannot say this my friend as a paid app is always better than the free ones; pros who use photoshop can answer it correctly. GIMP has all the same features for basic photo editing but if someone who is an expert in graphics design, will definitely recommend PS. It’s just like comparing MAC OS with Linux. I use GIMP because it’s free and takes less computer resources, as I am not much of an extensive user of graphics; BTW, GIMP can handle or save files in photoshop format.

  8. I would love to use the GIMP. It’s opensource that’s a fact and as for Photoshop- I don’t know why I do not like it. But Gimp or Macromedia Fireworks are much easier to handle and if you are not a pro then Gimp can do all the works you need.

  9. Every time i want to read some awesome articles from bangladeshi bllgger . Every time I get back to your Blog.

  10. Pingback: Do it your self logo design tutorial using GIMP software | BlogKori | Offmile design blog

  11. Pingback: Just joined

  12. Max @ Cheap whiteboards

    This is my first time hearing about GIMP software but this looks great. I’m actually thinking about launching a new site that’s going to be a brand name and I definitely need a logo to go with it. Might be using this program instead of dishing our hundreds of dollars.

  13. Hi Tamal,

    I am new to web design and logos. I purchased and downloaded a logo template. I made my changes and tried to upload to my website, but it took up the whole page.

    How do I make it so it is small and fits on the top corner of my site in GIMP?
    I tried opening GIMP and opening the logo injpg. then went ti Edit, Prefrences, Default image and changed it to 80 high by 150 wide and 72dpi. When I uploaded it to my website, it still took up the whole page. Any advice? Thank you.

    1. If your logo is in the correct size but shows bigger, then try using another theme. If you are very very frustrated on this, then consider getting some help. I may have some free time for you, buzz me at skype: tamalanwar (add a msg so I can identify you)

  14. Romelia Raygoza

    What i don’t understood is in fact how you’re now not actually a lot more neatly-liked than you may be right now. You are very intelligent. You understand thus significantly in terms of this subject, made me in my view imagine it from numerous various angles. Its like women and men are not interested unless it’s something to do with Girl gaga! Your own stuffs great. At all times care for it up!

  15. Pingback: Tip of the Week: Design Your Logo |

  16. nice one Tamal…I love opensource softwares like Gimp. I use InkScape too.
    And by the way, If you use Linux you can use RawTherapee application for image enhancement . You can throw Photoshop and replace it with these fre and Opensource applications 🙂

Leave a Comment

Your email address will not be published. Required fields are marked *