How To Design A Logo with GIMPHow To Design A Logo with GIMP https://logosbynick.com/wp-content/uploads/2018/01/gimp-design-logo-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
I usually don’t recommend using raster graphics applications like GIMP and Photoshop to design logos — a logo is best made with vector applications like Inkscape and Adobe Illustrator — but if GIMP is what you’re most comfortable with and you just need a simple logo for basic web use, you can get away with it. Just make sure that you create the design at a large size, because unlike vectors, you can’t scale raster images up without quality loss. So I’d recommend sizing it at 1,920 pixels at minimum. The larger the better, of course.
Learn How To Design Logos
If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.
Before you open up GIMP, make sure to download and install the following font: Mattilda. This is the font we’ll be using for our text (it’s a free font.)
That said, let’s get started. Feel free to skip down to the bottom of the page for my step-by-step video tutorial with voice narration.
Designing A Logo with GIMP
The first thing we’re going to do is create a new document with a transparent background, and at 1,920 x 1,920 pixels. Go ahead and add some guides at 50% both vertically and horizontally, and make sure you have both Snap to Guides and Snap to Canvas Edges enabled.
Creating the Base
Using the interesting area of the guides as a starting point, create a perfectly round circle that extends to the edges and fill it in with white.
150+ Logo Templates
Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.
Repeat the previous step, only place the circle on a new layer, make it slightly smaller, and fill it in with the HTML notation 1A1A1A.
Again, we’ll create another layer and another slightly smaller circle, only instead of filling it with a color we’ll add a 25 pixel stroke in white.
Adding the Tabs
Now we’re going to add a couple of tabs on both the top and bottom, so turn off the visibility of all layers and create a new layer (that is visible) and create a rectangle selection at the top of the canvas, then fill it in with 1A1A1A. Autocrop the layer, then align it to the center of the canvas vertically.
Use the Rectangle tool to create a perfectly symmetrical white square on a new layer, rotate it 45 degrees, set the opacity of the layer to 50% and center it vertically towards the bottom of the gray rectangle, as depicted below.
Use that newly rotated rectangle as a reference point to delete the bottom portion of the gray rectangle, leaving us with the following tab shape…
Now duplicate the tab, scale it up a little bit, fill it with white and lower beneath the gray tab layer.
Use the Paintbrush tool to add a white star on top of the black tab, then merge all of the visible layers and change the new layer’s size to fit the image. After that you can turn the visibility of the other layers back on.
Next, duplicate your tab layer, flip it vertically, then merge it with the original layer and delete the portion of the tabs that protrude past outside of the circle. You can use the white circle at the very bottom layer as a reference point for doing this.
Add Your Text
Finally, we’ll grab our Text tool and simply add some text on its own layer using the Mattilda font, and with that your logo is complete.
If these steps were a bit too general for you to follow along with then I would recommend watching the video tutorial where I go over everything step-by-step with voice narration. If you have any questions, comments or concerns, drop them comments section below. Thanks for watching!
Get Started with GIMP!
Want to learn more about how GIMP works? Check out The GIMP Series – a comprehensive collection of over 60 videos where I go over all of the major tools, features and function in GIMP and explain what they do, how they work, and why they’re useful.
You might also like
12 Simple Text Effects for GIMP Users | Video Tutorials12 Simple Text Effects for GIMP Users | Video Tutorials https://logosbynick.com/wp-content/uploads/2018/04/light-burst-gimp-tutorial-1024x602.jpg 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
Quick Fix: Why Your Text Along Path Is Upside Down In GIMPQuick Fix: Why Your Text Along Path Is Upside Down In GIMP https://logosbynick.com/wp-content/uploads/2019/10/gimp-text-along-path-upside-down.png 850 500 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g