Easily Design a Professional Logo in GIMP 2.10

[Music] [Music] hello and welcome to yet another tutorial by Davies media design my name is Michael Davies and in today's tutorial I'll be showing you how to easily design a professional logo using this is conversion to point 10.10 which at the time of this tutorial is the latest version of but of course before we get into that I want to direct you guys over to my website at Davies media design.com as always we have tons of video tutorials and give how-to articles on here you can also enroll in my 2.10 masterclass from beginner to pro photo editing on udemy and you can enroll in any of my skills share classes by visiting school calm and I'll include a link to this as well as all the relevant links from this tutorial in the description of the video so here is my final logo design here you can see I did a circular design and I have some mountains in the background as well as the Sun here with a long shadow and then I have some text so this is a fairly complex logo design although it is easy to create and it looks pretty professional if I come over here I can hide my light blue background and show my white background so you guys can see that you can have whatever background color you want on here or you can have no background so you can have a completely transparent background and this allows you to transfer your logo onto things like apparel t-shirts maybe products that you want to print your logo on or you just want to add this to your website so pretty much anywhere you want to put this logo you can add it and you can add it without a background so let's dive in by coming over here to file new and I went with a 1920 by 1080 document size and if I come over here and click Advanced Options you can change your X&Y resolution I've gone over this quite a few times in my tutorials over the years but you can set this to 72 pixels per inch resolution if you want to use this only for the web or if you plan on using this one day for print I recommend setting this to a 300 pixels per inch resolution and I'll keep the precision set to 32-bit floating point and my gamma set to perceptual gama srgb and the fill with I'm going to change this for now to white and go ahead and click OK I'll hold ctrl and use my mouse wheel to zoom out a little bit next I'm going to add guides so that it's a little bit easier to Center items and just place any items within our logo design so to do that I'll come over here to image guides new guide by percents and I'll set the horizontal here to 50 and click okay that's going to add a horizontal logo exactly halfway across our image and I'll do the same thing for the vertical guide so go to image guides new guide by a percent and I'm going to change this to vertical and I'll click OK so now we have our center guides here the next thing I'll do is I'll create the main element of our logo which is going to be that circle so I'll come over here to my ellipse select tool and I will turn on the anti-aliasing here just to make sure that our circle is nice and smooth and I'm going to come over here to the middle of our composition and I'm going to click and drag this but I'm going to hold the ctrl key and that's going to drag from the center and then hold the shift key that's going to ensure this has a fixed aspect ratio of 1 to 1 or in other words it will create a perfect circle and I'm just going to size this until it hits 800 by 800 down here or you can come over here and just manually set this to 800 hit the tab key and manually set this to 800 and this is set to pixels right here and then just click inside of your selection area and you'll see those crosshairs there in the middle of the circle just drag those until they snap to the center of your guides and release so now we have our circle here and this is going to be the main element of our design but we need to know what colors we're going to be using for this design so I recommend either importing a palette which I have a tutorial on how to do that if you have a particular palette you want to use for your brand or if you want to come up with a brand new palette I recommend using something called cooler Co and here I have that website open here so you can just type in cooler Co it'll bring you to the coolers home page and just click to use the free app and that will take you here to where you can use the color palettes this was the very first palette that it generated for me so I just went ahead and use these 5 colors that are generated just to keep things simple but as you can see here you could just continue to hit the space bar until you get a color scheme you like and you can lock colors along the way as you are generating different colors so I went with this color scheme and I just copied the HTML code here or the hex code and I'll just minimize this window and I came over here to my foreground color inside of and I just pasted that HTML notation inside here and that will change your color to this color in here so I'll click OK and you can see that now my color is that dark blue color so this will be the color I use for the main portion of my logo you guys can use a different color I'll hit shift B to bring up my bucket fill tool then I'll come over here and create a new layer I'm just going to name this main circle I'm gonna keep all of my settings the same and click OK and now I'll come over here with my bucket fill tool and click inside the selection area and now we have our circle filled in next I want to add a stroke to my logo so I'm going to come over here to select and go to shrink and I'm going to shrink this selection by 40 pixels and you could change your units right here and I'll click OK and that'll shrink my selection area down now I want to convert the marching ants portion or the border of my selection area to a path so to do that I'll come over here to my past dialog and then come down here and click this icon here which is the selection - path icon and I'm going to double click on this path and rename it inner circle and hit the enter key now I can come down here to this icon here which is the paint along the path icon or the stroke path icon so I'll click on that and that will bring up my choose stroke style dialog box here or the stroke path dialog box and I've already got my settings here set to what I had them before when I originally did this tutorial but I have the anti-aliasing turned on the line width is set to 20 if I click on my stroke style I have my minor limits set to 5 the minor limit is going to be the feature that is going to either bevel your corners or leave your corners pointy and that's the simplest way to put that so basically whenever you stroke something like letters it's going to create points and if the points go a little bit too high maybe they go 20 pixels high and you want them to cut off at 5 pixels you set the miter limit and that will just bevel those pointed corners so that they are no longer pointed so I just have that set to 5 here it's not going to come into play for the circular portion of this but it will come into play a little bit later on in the tutorial so now come over here and I'm going to actually change my foreground and background color back to black and white by hitting this little icon and then I'm going to switch the foreground color to white because I want the stroke here to be white and now I'll come over here - the - preset I just had mine set to line originally and actually before I stroke this I want to make sure I put this on its own layer so come over here to my layers panel create a new layer and I'm going to name this inner circle and click OK and now I'll hit stroke and that will stroke my path along that circle we created on its own layer so I had control shift 8 to deselect that so now you can see we have the beginnings of our main element here the circle portion of our logo next I'm going to draw the shape elements inside of my logo and for this particular logo I created some mountains that's a pretty common thing for us here in Colorado you guys might want to use a different shape but for that I just came over here to my path tool and I made sure I had the polygonal mode checked here that's going to ensure that none of my paths have any curves because these are going to be just straight lines that I create for these mountains here and now I'm going to come down here on my composition and I'm just going to click and create random nodes here with my path tool and that's just allowing me to create these peaks here and you want these to be a little bit varied let me hit ctrl Z I want this one to be a little bit taller actually so you want these to be pretty varied in height that's just going to make our logo look a bit more dynamic now I'll hold ctrl and zoom in I want this point to be exactly on this guide right here so click right there and I can always move these nodes after the fact like so just make sure you come back and click on the last node that you want to draw from so now come over here and just continue creating this mountain I'll hold ctrl and zoom out and just move over on my image and I'll have this last node go way off the composition here and then circle it back around hold the ctrl key and create a union between my last node and my first node and I can just move this mountain a little bit over here and you guys can always make adjustments to your nodes however you want them this looks pretty good right here and so now I want to fill this in with the color first I'll create a new layer and I'll name this mountains and click OK then I'll come over here to my foreground selection and in this case I'm going to go with this light blue again I got this from cooler Co you guys can copy this HTML notation or use whatever color that you generated from your color scheme so click OK and now I'll come over here and just click the fill path option and choose solid color and click fill and that will fill my mountains in here on the mountains layer of course these spillway off the logo and this doesn't look good so what we need to do is just delete the excess areas or we can mask the areas out depending on whether or not we want to be non-destructive here in my case I'm going to be non-destructive and go with the layer mask so for starters I'll come back over here to my paths tab and I'm going to alt click on the inner circle path and that will create a selection from that path now I need to shrink this because as you can see the selection area stops right here at the outside of my inner circle I want it to be on the inside here so I'll come over to select shrink and in this case I'm going to shrink this down by I believe it's 20 and click OK that's a bit too much so hit control Z select shrink and this time I'm going to go with 10 click okay so now you can see the selection stops right here at the inside of our inner circle and that's what we want so hold ctrl and zoom out a bit come back over to my layers panel make sure I'm clicked on my mountains layer right click here and go to add layer mask and under initialize layer mask 2 I'll choose selection and click Add and now that excess area there has been masked out so there's going to be other elements that I want to erase using this inner circle selection but of course you'll remember that the inner circle path we created is a little bit too large and I had to shrink it down by 10 pixels to get it to the right area so now I'm just going to create a path from this circle here and save it so that it saves us some time a little bit later on so come over here to our path tool and I'm going to click this option selection to path and I'm going to name this inner circle to hit the enter key and we'll come back to that later but now I'll come up here I'm going to rename this path Mountains because this path is the drawing over mountains and now what I'll do is I'll come over here and duplicate this path and unhide the copy so this is the copy of our mountains path I'll hide ctrl shift a to select that selection area I just had selected but I have my move tool selected right now and I'm gonna come down here and change the mode of my move to path because I want to move this path right here so now I can click on this path with the move tool and I'll hold the control key to drag it down in straight-line mode I'm gonna drag it about right there now come back to our layers panel and create a new layer and this one I'm going to name inner mountains and click OK now I'm going to grab my path tool click on this path and I want to fill this path again but I'm going to change the color so this time I'm gonna go with this orange color again you can copy the HTML notation and I'll click OK and now I'm going to hit fill path again solid color is selected and I'll hit fill once again this spills outside the area we want it to so come back to my paths dialog and I'm going to alt click on the inner circle to layer and that will select the area inside here of our inner circle now I'll come back over here to our inner mountains layer and once again I'll right click go to add layer mask under initialize layer mask - I'll choose selection and click add and I'll hit control shift date to deselect that area and grab a different tool and actually let me come over here to my past aisle I can hide that path so now you can see our mountains so far all right so next I'm gonna add that Sun element that Sun graphic that I created and I do that once again I'll grab my ellipse select tool here come over to the layers panel and I'll create a new layer this one I'll just named Sun and hit the enter key and now I'm going to just click and drag and I'm gonna hold ctrl and the shift key and that's going to drag this from the center and make sure that it is a perfect circle and I'm just gonna put it about there and I'm gonna bring this down a little bit to about here and now I want to fill this in so I'm going to change my foreground color to this yellow color right here here's my HTML notation and I'll click OK I'll hit shift B to grab my bucket fill tool and I'll just fill this in and now we're covering up our mountains so I'm going to click and drag this Sun layer below the mountains layers so now we have our Sun shape here the circle and what I did in the original logo was I added a stroke to this there are two ways we can do this we can do that via a path or the simpler way is going to just be to grow this selection area which is what I'm going to do here so I'll come over here to select grow and I'm going to grow this selection by 10 pixels this time and click OK now I'm going to come over and get a new layer and I'm going to name the Sun stroke and hit the enter key and then I'll just click and drag this below the Sun layer and then I'll come over here to my foreground color and I'm just going to change this to a lighter yellow by coming over here to the green slider and just dragging this to the right a little bit you can see that as I do that that's making this a little bit brighter of a yellow and maybe I'll go a little bit more and I'll click OK then with my bucket fill tool still selected I'll fill in that selection area with that lighter yellow hit ctrl shift a and now we have a cool looking Sun here I also added a long shadow to this which is easier than ever to do inside of all you have to do is click on the layer you want to add your long shadow to which in this case is the Sun stroke layer then come over here to filters light and shadow long shadow and I'll just come over here and change the style to infinite that'll make it go off the logo but we'll fix that in a second I'm going to keep the angle set to 45 and I'll keep the color as it is and click OK so once again we can come back over here to our paths dialog alt click on the inner circle to layer come back to the layers panel right click on this layer go to add layer mask and under initialize layer mask to choose selection and click Add and that will hide the excess long shadow so I'll have ctrl shift a to deselect that area next I'll add the text to my logo and there's a few lines of text here so I'll start by coming over here and grabbing my text tool and for this tutorial I'll be using the free animals to bold font that I downloaded on clew the link to that download in the description plus I have a how-to article on how to install fonts within but I'm going to start with the size of this font set to 200 and I'm going to change the color here to white so just 6 FS over here in the HTML notation and I'll click OK so now come over here and just click inside my logo and with my caps lock key on I'm going to type mountain and I'm gonna make sure my text layer is above all the mountain layers here and of course this is too big but I'm going to select only the oh through the eye and I'm going to change that to the font size 150 and if I hit the tab key you'll see that'll change and now I'm going to grab my move tool here and just move this into place and actually let me make sure my move tool is set back here to the layer mode instead of the path mode that we had it set to from earlier so now I can move this layer and you can see the center of this text layer will snap to the center guide and for this portion I'm gonna hide the background layer because it's the same color as my text and it's making it hard to see but I do want the text going a little bit off the logo here like so that's going to allow us to create a pretty cool effect in a second here so I'll just go with about right here and then I add in a second line of text up top here so grab my text tool again this time I'm going to change the size of my text to 125 and then click inside of my logo here away from this text layer and with my caps lock key on I'll type west and once again I'll grab my move tool and just move this into place I'm going to move it down a little bit here I'm gonna go with the bout right here and actually I'm going to move this mountain text down a little bit more and then I had a third line of text so I'm going to grab my text tool again this time I'm going to change the color here and I used a darker blue and I'll click OK and I'll click inside my logo area and let me click away from this text layer here so I'll grab a different tool and then grab my text tool again so click somewhere inside my logo away from the mountain text and I'll type Brewery and I'm just going to select all this text and I'm going to resize it to 75 and hit the tab key grab my move tool and I'm just going to move this into place once again and I may need to shrink this text a little bit more so let me just grab my text tool select all the text and I'll go with 50 this time and grab my move tool and move this into place about right there all right so now that we have all of our text placed here the next thing I want to do is add a stroke to the mountain text and that's going to allow it to look like a continuation of the circular part of the logo so to do that I'm going to click on the mountain layer and then I'll come over and grab my text tool and let me just click on this text here I'll right click and go to path from text that will convert my text into a path so I can come over here to my paths tool and if I unhide this path you can see it's in the shape of my mountain text so I want to stroke this text but I want to make sure that the stroke is on its own layer so let me come over here and I'm going to create a new layer so I'll name this mountain stroke and click OK and I'm going to click and drag the mountain stroke layer below the mountain layer and now what I'll do is I'll come over here to my paths dialog make sure I have that dark blue color as my foreground color and then I'll come over here to the paint along the path icon and click on that and I'm gonna keep my settings the same from before when we created this stroke here and again remember we had the line style set to the miter limit of 5 I also have my cap and join style sets of these two the first two options here so now come over here and click stroke and if I hit control Z and stroke this text again and maybe increase the size of the line width you can see what that looks like so I'll hit stroke so now we have a lot more intense stroke happening here and that more so emulates the area going around the outside of the circle I kind of like that a little bit better so I'm going to keep that I do need to clean up the inside area of this text though so to do that I'm gonna come over here to my paths dialog and I'm gonna alt click on the original inner circle layer so not the inner circle to layer because I want this going all the way to the outside of the inner circle and then I'll come back here to my layers panel make sure I'm on my mountain stroke layer and right click go to add layer mask and under initialize layer mask 2 I'll choose selection but I'm going to invert the mask this time because I only want to keep what's outside the selection and I'll click Add and that will get rid of all these stuff in the middle here so I hit control shift a to deselect that and I'll also come back to my paths dialog and just hide that path so we're finished with our main logo design here and we have a few options now that want to export this for starters we can crop out all the excess areas of this logo so that we don't have so much empty space that's going to help reduce the overall file size also we can export this to something like a JPEG and include a background color and we can add whatever background color we want or we can export this as something like a PNG file without a background and that's going to allow us to use this on areas where we don't need the background so I'm going to start here by hitting shift C and that's going to allow me to grab my crop tool I'm just going to crop out the excess areas here and you guys can crop this with whatever aspect ratio you want and whatever size you want in my case I'm going to come over here and change this so that it is 1000 I'll hit the tab key and 1000 hit the tab key again and I'll just move this into place so that it is centered up here and then I'll click to apply my crop now I'm going to export this logo as a PNG file so that it has a transparent background so come over here to file export as and I'll just name this West Mountain brewery logo and make sure this ends in dot PNG you can also come down here to select file type by extension and choose a variety of other files but I'll just hit export I'm going to keep all the settings by default and hit export again and there you go alright so that's it for this tutorial thanks for watching if you enjoyed it you could subscribe to my youtube channel at youtube.com slash Davies media design you can visit my website at Davies media design com you can enroll in my best-selling 2.10 photo editing masterclass on udemy and you can enroll in any of my skill share classes by visiting Kim's school comm thanks for watching and we'll see you next time

Channel: Davies Media Design

Views: 56,374

Keywords: gimp, gimp tutorial, gimp for beginners, how to gimp, gimp graphic design, gimp photo editing, gimp 2019, GIMP 2.10, GIMP, basics, logo design, design a logo, GIMP logo, create a logo, GIMP 2.10.10, brewery logo, beer logo, product logo, transparent logo, professional logo, business logo

Id: i8lWblr7FHc

Length: 21min 46sec (1306 seconds)

Published: Wed Jun 05 2019