Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this movie, I'll show you how to combine a couple of very simple shapes in order to create a more complex one. Specifically, we'll be redrawing this underline that's part of the Pout magazine logo from the previous chapter, and there's two reasons we're doing this. One is, of course, I want to show you this technique because it's awesome, and the second reason is that our current underline is flawed. Let me show you what I mean by that. I'm going to scroll up my layers list here to the very top item, which is the Logo Group, and so that I can better see the underline and trace it of course, I'm going to turn off the Layer Mask by pressing the Shift key and clicking on that Layer Mask thumbnail right there at the top of the panel.
Then twirl open the Logo Group. Scroll down, and you'll find this Underline Layer. Problem with this layer is it's made of pixels, and there's really no excuse for that especially when we're trying to create super smooth artwork like this. And the reason is that that results in a less flexible piece of artwork than we might want. For example, let's say at some point I want to be able to print this magazine cover as a poster, and we will actually be making it into a poster by the end of this chapter. Were I to scale the art work right now, all of the text would survive beautifully because it's all vector based.
The text will still look super sharp. However, the underline will soften if it's scaled, and of course, that's because it's made of pixels. So let's go ahead, and redraw it. Now one way to redraw it would be to use the Pen tool because after all, it's obviously a custom shape. Problem with the Pen is it might take more work than I want to put into it, and also I can get more precise results using the Geometric Shape tools because this is a big sloping arc here, the best shaped tool for the purpose is the Ellipse tool.
So I'll go ahead and click and hold the current shape tool, and select the Ellipse tool from the fly out menu. And then I'll press Ctrl+Zero, or Cmd+Zero on a Mac, in order to zoom out. And I actually need to zoom out even farther. I need a lot of room to work here. And now, I'm going to begin drawing the ellipse. And imagine I want to trace the top of the underline. Obviously I've missed it by a mile here. But that's no problem. I can just press the Spacebar in order to reposition this ellipse, and you may have to press the Spacebar a few times in order to get it exactly right, but I kind of lucked out there.
This looks good to me. So I'll go ahead and release in order to create that gigantic ellipse. Now I want to fill it with white and one way to do that is to click the Fill Swatch, and then select White from the Swatches list. But because white is currently my background color, I can also just press Ctrl+ Backspace or Cmd+ Delete on the Mac in order to fill the shape like so. Alright now the obvious problem is that I can't see what I'm doing. So I know I want this underline to have a fill opacity of 50% because that's what the previous Underline Layer is set to, as you can see right there.
So I'll go ahead and click on this Ellipse layer to make it active. And as long as I'm here, I'm going to rename this layer Swash. And then I'll press Shift+5 in order to reduce that fill opacity and prevent me to see through this ellipse to the artwork I'm trying to trace. Now let's draw another ellipse like so, and again, you'll need to use the Spacebar in order to get that into alignment. So we're trying to trace the bottom of the underline this time around, and then, once you get a result you like, go ahead and release the mouse button. And as you can see here, what I've ended up doing is creating a separate layer.
That's not what I wanted to do at all. I need these two ellipses to exist on the exact same layer so that I can cut one out of the other. So you may feel like at this point, oh jeez, now we have to go back and re-draw that darn thing. Well you don't. Once you've drawn a shape if you like it, you can keep it. All we need to do is switch to the Black Arrow tool. So Path Selection tool there. Click on that path outline to select it. Then, go out to the Edit Menu and choose the Cut command. Or press Ctrl+X, Cmd+X on the Mac. That will result in a Swash layer being selected, right there.
As long as I'm here, I'm going to click on that Swash and nudge it a little bit, by pressing the Arrow keys, because it was a little bit off. Than, you go up to the Edit Menu and you choose the Paste command, or press Ctrl+V or Cmd+V on a Mac. Notice, by the way, that the Paste in Place command is not available to us, and the reason is because pasting shapes always results in pasting them in place. So you always paste them right at the location you either cut or copied them from. So anyway, Ctrl+V, Cmd+V on the Mac, you'll end up getting this result here, and again, I need to do some nudging now that I'm zoomed in, and that looks pretty good to me.
But we're failing to cut this new shape out of the old one. Even though they exist on the same layer now, they are just being added together. So what you want to do with this interior shape selected, you want to go up here to the Path Operations icon> click on it, and notice right now we are combining the shapes, that is, we are adding them together. But, you have other options as well, such as Subtracting the Front Shape, which is exactly what I want to do in this case. So I'll choose an option and notice that just goes in and subtracts the inner ellipse from the outer one. Now, notice by the way, that, that option says Subtract Front Shape.
That's very important that we're subtracting the front shape from the rear one. If you for some reason have the stacking order wrong, you're not going to, but if you ran into that situation in one of your own future projects, then you can change the stacking order by clicking on the Path Arrangement icon. And notice I can send the shape to back, but if I do, it ends up subtracting from the rectangular canvas in the background, and then, this guy gets added in the foreground, and a result, we're covering the entire image with white. But to solve the problem, all you have to is click on that interior shape, go back up to the Path Arrangement icon and choose Bring Shape to Front and the problem's solved.
So, again, just in case you encounter such problems in your own art work. Alright, so we've managed to draw a perfectly arcing shape here, thanks to our ability to combine a couple of ellipses, but we need to now, crop this shape inside of another one so that we break off these ends. And I'll show you exactly how that works in the next movie.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 49993 Viewers
117 Video lessons · 37300 Viewers
113 Video lessons · 81193 Viewers
65 Video lessons · 10610 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.