How To Create Curved Text in GIMP 2.10
Speaker 0 00:00:00 Let’s create a new document with command or control and the letter N or you can go to your file menu here and select new from here. All right. For the width I’m going to do 1920, the height, 10 80 now for the resolution, I want to make sure it’s set to 300 and that’s because you’re going to find with gimp. When you’re working with text, it’s going to be much crisper versus a lower resolution. So even if I’m working on a document or project that is going to be mostly for online use, I will still use a resolution of 300. And then when I’m ready to post it online, I will resize the canvas to the resolution of 72 PPI.
Speaker 0 00:00:55 Now for the color of the first layer, I want it to be white. So I’m going to come down here to fill with and select white and click. Okay. All right. So there’s a lot of steps to applying text to a circle. So we’re going to do this step by step. So just keep in mind. There’s a lot more steps in gimp versus Photoshop. If you’re coming from a Photoshop experience or background. So first I want to apply a circle in the center of our document. We’re going to go up to image, select guides, new guide by percent. And by default, we have horizontal and 50%. So we click, okay, and then we get our guy or not. So it’s not visible. And why is that? Well, we need to go into the view menu here and select show guides to make it visible. Now we can go back up to image guides, new guide, and select vertical for the vertical guide.
Speaker 0 00:01:52 Now we need to select our ellipse tool to make a circle selection that we can then convert to a path. So by default, I already have it selected because I use that tool last. Now, if you have a hard time making a selection on these tools, when you hover over them, it’s going to disappear. When you try to activate that particular tool or to select it, what you can do is you can click and hold down your left mouse button, and that’s going to allow you to make your selection. Now, if you have an older version of, again, you probably don’t have these icons or these tools set up into different groups, different categories. I like this feature in GIM because it makes the interface much cleaner versus having 30, 40 different tool icons here. And trying to find that specific tool they’re grouped together in different categories.
Speaker 0 00:02:48 We can also resize the sidebar. So that’s similar to Photoshop. So if you’d like this and you don’t have it upgrade to the latest version of Kemp, all right, now that I have my ellipse tool selected, I’m going to click right here and I’m going to click and drag out. Now, the other thing you need to do to make sure you have a perfect circle, because if you don’t right now, you need to go to tool options to set it up. So you need to make sure you have fixed selected. And then for the aspect ratio, you want to make sure that’s set to one to one and then you’ll get a perfect circle. So if you didn’t go ahead and de-select, by going up to select and selecting none, set up your two options and redo your circle. Alright, we now need to convert this to a path so that we can add our text to it.
Speaker 0 00:03:38 So we’re going to go up to select and choose to path. Then I’m going to come up to select again and choose none to de-select because we don’t need it, but where’s our circle. We don’t have anything to wrap around our circle. We do. We just need to turn on the path so we can see it. So we need to go to our path tab here. And if you don’t have that tab visible, go up to windows, dockable dialogues and scroll down to paths to show that particular panel. So here’s our selection of our circle. That’s the name of the path by default. And to turn it on, we’re just going to click right here on this first square. And that makes that path visible. And that’s what that red circle is. All right. Let’s grab our text tool with the letter T or from your toolbar right here.
Speaker 0 00:04:28 And then we’re going to add our text for the top and the bottom in two different layers. So if I come over here to my tool options, I can actually set the default of the text that I’m going to begin typing out when I activate the tool. So for this project, I’m going to use a font called Oswald, and I want as walled bold. So this is a free Google font. So if you want to use this same font, go to google.funds.com. They actually have six or 700 different fonts that you can check out out as well. Next, I’m going to, to resize this from, I think 62 is too small, so let’s try 100 and then the color, it doesn’t really matter because when you create a path of text, it’s going to be added as a transparency and not a solid color. And then we had to fill in the color after.
Speaker 0 00:05:20 So it doesn’t matter. I’m just going to use this blue color for now. And then I’m going to click over here and begin typing out my first line of text and all caps, which is going to be wrap your text. Okay. Hit your escape. Key to get out of that tool. You can grab another tool to get out of the text tool as well. I’m going to press the letter M to get my move tool so I can just move this up and out of the way so I can continue adding my next line with my text tool. I’m going to put it down here and let’s put around a circle. All right, now I’m going to come over here to my layers panel again, to make sure that I have wrap your text selected. So I want to work with this one first. I’m going to move this up to the top as well, by clicking on this icon now to add this text, to this path, we’re going to right click on this layer and select text along path and boom.
Speaker 0 00:06:13 There it is. The only problem is, like I mentioned before, it’s set to transparency, so we need to fill it in with the color, but first we need to create a new layer. So it can go into that layer. So we’re going to click right here to create a new layer. Let’s call it wrap text and make sure you have fill with set to transparency, click, okay. Now we need to make a selection of this path. So we’re going to go up to select and choose from path. I’m gonna go ahead and grab my zoom tool here so I can zoom in. So you can see that that is actually selected now. And then with our bucket fill tool, we can fill in our color of choice. So click on your foreground color here, choose any color. I’m just going to stick with that color for now.
Speaker 0 00:07:02 And then I can click inside of the selection to automatically fill that selection. Then we can de-select because we don’t need that selection anymore. So go to selection none, or use your keyboard shortcut right here. All right. We have a red outline around the text. That’s not actually part of the layer. It’s actually the outline for the path. So to turn that off, we’re going to go to our path panel here and click on this icon right here to get rid of it. We can do the same thing with the selection here, but we need to see that as we’re working. So we’ll leave it right there. Okay. I’m going to grab my zoom tool with the letter Z. I’m going to hold down my control key so I can zoom out. And if you take a look at your tool options, based on how I have my zoom tool set up, which is zoom in, it’s going to zoom in by default.
Speaker 0 00:07:54 But if I use this keyboard shortcut right here, control, it’s going to allow me to do the opposite. I’m going to hold down my space bar so I can navigate around my documents. So I can see my other text here and the bottom left, and we need to do the exact same steps we just did for this text here. But actually let’s do this first. Let’s rotate our texts around the circle. So it’s more on top versus to the right. So we’re going to grab our rotate tool, which is this icon right here. And the keyboard shortcut for that is shift. Plus, our, all I have to do is click on this text and begin rotating left, or right to add it exactly where I want it. I’m just going to kind of eyeball it right there and click rotate to apply that rotation. Now, if I want it perfectly, even so that the w and the T line up down here on the bottom, I can drag out a guide and place it there.
Speaker 0 00:08:51 So I’m going to click on my ruler here and drag out. If you don’t see the ruler, go to view, and then come down here and click on show rulers. So click drag out, just kind of eyeball it right about there. And then with your rotate tool, since it’s still selected, you can rotate it and align the w and the T accordingly click rotate. And you’re all set. Now we can work on the next one around circles, or we’re going to go to our layers panel here. We’re going to select around a circle. I’m going to turn off this one, because we don’t need that one anymore. And let’s right. Click and select text along a path. And that doesn’t look like anything like this content down here. And that’s because we have the wrong path selected. So let’s undo that with commander control and the letter C, we need to go to our path tool and make sure we have the correct path selected.
Speaker 0 00:09:48 So right now I have wrapped your text selected. We really don’t need this anymore, so we can delete it or just keep it turned off. That’s up to you. I’m going to leave it for now. And then I’m going to select selection back the layers and right click and select text a long path. So if I fill this in and begin rotating it, it’s going to be upside down. So we need to fix that first. If we take a look at my final project here, it’s not upside down. So how do we fix that? Well, we need to come over to our toolbar here and select our flip tool. So before we can use the flip tool, we need to undo this. So commander control and the letter Z, or go up to edit and select undo path. Now with the flip tool selected, we need to click on this circle path.
Speaker 0 00:10:40 Once you click on it, nothing happens. But when we apply this text to the path is, should be right side up. So let’s see if it worked so right, click and select text along a path. And there we go. It’s now right side up. So let’s go ahead and create a new layer. Let’s call it around circle transparency again, click. Okay. I’m going to use the same color. So all I need to do now is grab my bucket, fill tool and add a selection from path or keyboard shortcut right here. All right, now that I have all of that done, I can go ahead and click and sign control, shift a to de-select or appear in the menu, select none. All right, let’s go back to our path panel here and turn that off. And let’s turn off this layer as well. We don’t need that.
Speaker 0 00:11:34 Now. We just need our rotate tool so we can rotate this content accordingly, enter or return, and we can actually move this guide down to align the a and the E that is, if you have pick a layer or guide selected, if you have moved the active layer, it’s going to move the layer and not the guide. So make sure you have that selected click on the guide, drag it down, and then with the rotate. So again, I have to select that click and rotate it. All right, so that it looks pretty good. Now, the last thing we need to do is add a stroke on the left and right side of that circle like I did here. So let me show you how I did that first. Let’s make sure we have the correct path selected. So right now I have around a circle.
Speaker 0 00:12:26 So I’m going to click here to select that path. And then we need to create a new layer to add that stroke, to let’s call it stroke, fill it with transparency. And now let’s make our selection around the path by going to select and choosing from path. Now we can add a stroke to that selection by going to edit and selecting stroke selection. Now it’s going to fill in that stroke color based on your foreground color. So you can use the same color as you did for the text, or you can choose a new color here just by clicking on that box, because you don’t need to get out of this panel here to make a color change. So we’re going to set the stroke line to solid color and align with of let’s do 10 and then click stroke. And it’s going to add it to that new layer.
Speaker 0 00:13:16 Alright, let’s, de-select that path under select and none. And let’s turn off the path as well, because we don’t need to see that anymore. And now we just need to cut out that top and bottom part of the stroke. I’m going to grab my move tool with the letter M and then I’m going to click on this guide and drag it up underneath that text. And that’s going to be the cutoff line for that stroke. So same thing. I’m just going to move this one up, right above the text there. And then with our rectangle select tool, we can make a selection around the top part here. I’m just clicking on the guide and dragging up. And then with the delete key or backspace key, we can delete that part of the circle. Let’s do the same thing down here. De-select control shift a and let’s go to view and click on show guides, the high, the GYNs, and now we have our content wrapped around a circle with our strokes.
Speaker 0 00:14:21 Pretty cool. So the last thing to do is to add our image. So if you want to use the same image that I use, go ahead and grab that, drag it from your system fuller over to your document. And it’s going to be added as a new layer. It’s much larger than our document. So let’s go ahead and grab our zoom tool, and I’m going to hold down my control case so I can zoom out. And this outline right here is the size of that layer. So it’s much larger. Let’s grab our scale tool to resize it, the width of the document, just click on the image there. And then you can type in the width of the document, which is 1920. And it’s going to automatically adjust the height after you hit the tab key. And it’s in proportion. If you have it unlocked from this icon right here, then it’s going to be distorted.
Speaker 0 00:15:15 So make sure you have these two locked or in sync with each other click scale, it’s going to resize it. And then we can use our move tool to move it into position. Okay, let’s go ahead and zoom back in and let’s move this layer below the others. We can actually move these two layers down to the bottom as well, because we don’t need them. You could delete them, but what if you wanted to update your content? Well, instead of starting from scratch, you can keep these two layers available to update that content later, but it’s not going to update along the path. You’re going to have to restart from that point. At least you don’t have to redo everything. All right, let’s go ahead and put this content into a group layer so that we can move it as needed or resize it as needed. So we’re going to right click and select new layer group click on the first layer, click and drag up until you have that outline around it, release. And then you can see it’s inside of this group layer.
Speaker 0 00:16:24 Now I find this content to be a little large. So let’s grab our scale tool here and click on it to resize it this time. I’m just going to grab the outer corners here or edges to readjust it. And then you can grab it in the center here to move it into position, click scale, to apply that new size. So the last thing that I did for this particular project, when I first did it was I added the gimp logo. So you can do a Google search for the gimp logo and then add it in to your project. And then the final thing you want to do is apply a blending mode so that it blends in with the shirt. And if I zoom in here, you can actually see the wrinkles of the shirt coming through the gimp logo. And that’s based on blending mode.
Speaker 0 00:17:17 So blending modes will allow you to do certain things like this to give the impression that this was actually printed on a shirt. So if we take a look at my group layers here and the blending mode, I used difference. If I change this to normal, you’re going to see that it changes the colors of the logo, and it’s a solid color now. So that’s one option for blending in content. When you’re doing a tee shirt mock up like this. Now, if you want to avoid that color change, then you would have to choose a different blending mode or adjust the opacity. The opacity is not going to do as good of a job as different. So you would have to go through and see if there’s a different blooding mode that works best for whatever logo or the colors that you’re using. I’ll let you do that on your own time. Instead of me going through all these different blending mode, see if you can find one that works better. I think this is the one that worked the best, even though there’s a color change. I don’t mind that. And we can actually see the texture of that shirt coming through as well.