Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this movie, we'll take our shaded Möbius Strip and we'll add these blue edges to indicate that the ribbon is actually twisting and winding around itself. I'll go ahead and switch over to my document, so far. And I am working inside of Illustrator, by the way. And now, here inside the layers panel, I'll go ahead and hide the live paint layer, just so I don't end up messing it up. And I'll press the A key to switch to the white arrow tool. And then I'll go ahead and click on this path right here and I'm going to select this anchor point.
Actually, I will zoom on in so you can better see what I'm doing. So I want to click on this anchor point right there. And then I'll shift+click on this path outline and I'll shift+click on this anchor point. So I've got this anchor point there selected, and this one selected as well. In two different paths, by the way. And then I'll go ahead and press both the shift and alt keys, that's shift and option on the Mac, which allows me to select an entire path and I'll just marquee around this guy, like so. And that'll select that entire path outline as you see there.
Then go ahead and release the Alt or Option key. Keep the Shift key down and click right about there. And what we want is to ultimately select this anchor point. So Shift+Click on it in order to select it. So we've got this anchor point selected, this one down here, this anchor point over at this location, and then this entire little path outline. Now, go up to the Edit menu and choose the Copy command, or press Control+C or Command+C on the Mac. And now you can press Control+Shift+A or Command+Shift+A on the Mac, to deselect your artwork.
I'm going to go ahead and collapse my gradient panel. And I'll create a new layer, here inside the layers panel by pressing the alt key or the option key on the Mac and clicking on little page icon, that forces the display of the layer options dialog box, so that you can name your layer and change it's color if you like. I'm going to change it to grass green, but obviously that's a subjective determination, you can go with any color you like. And now I'll click okay. Next, go ahead and turn off that gradients layer, so that you're not seeing anything inside the document and press Control+F or Command+F on a Mac, in order to paste those shapes in front.
All right. Now I'm going to space bar+drag my document to pan it upward and I'll click off the paths in order to deselect them and I'll grab this anchor point right there. And I'm just going to drag it to a different location. It doesn't matter where you're dragging it to. The idea is I want these points to be exactly coincident one directly on top of another. But right now they're ever so slightly off. So to get them into the right location, go ahead and drag this anchor point away. And then drag it back until it snaps into alignment. And by the way I do have my smart guides on and if need be, you can turn on your smart guides from the view menu.
Anyway, once I have these anchor points snapped in to alignment, I'll go ahead and marquee both of them. So there's two anchor points at that one location. And then, you want to press Control+Shift+Alt+J or Command+Shift+Option+J on the Mac to force the display of the old school join dialogue box and then select smooth and click okay. So that we end up with a smooth point. All right. Now we need to make a similar modification to these top path outlines. So what you want to do is click somewhere on this top path just to figure out where the anchor points are.
And then marquee these three anchor points right there, taking care not to select this segment up here. And then press the back space key or the delete key on the Mac in order to get rid of em. And now, go ahead and click off the path to deselect it. And then grab this anchor point right there, the one that's associated with the right-hand path and nudge it out of the way, and then drag it back onto the anchor point so that it exactly snaps into alignment. And now go ahead and marquis these to coincident anchor points. And by coincident I mean one's directly on top of the other, they occupy the same physical space.
Then you want to once again press Control+Shift+Alt+J or Command+Shift+Option+J on the Mac, to bring up the Join dialog box, so you can select Smooth, and click okay. I'm going to press the V key to switch to the black arrow tool, and I'm going to marquee these two paths so they're both selected. And I'll go up to the control panel, click on this fill swatch right there, and change it to none. So we can better see what we're doing. And you also want to reduce the line weight to one point. Now press Control+K or Comman+K on a Mac to bring up the preferences dialog box, just so we can confirm that the keyboard increment is set to one point.
That's what you want. So go ahead and change it if necessary and then click okay. And now, press the Alt key or the Option key on the Mac and tap the down arrow key and that will go ahead and create a copy of both paths nudged down one point. Now, release the alter option key and then press the down arrow key four more times. One, two, three, four. And then press the left arrow key three times. One, two three. Then press the A key in order to switch to the wide arrow tool.
Go ahead and click off the paths to deselect them and grab this anchor point right there and drag it until it snaps onto this one. And you can go ahead and move this control handle out a little bit as well. And then marquee these two points, these two coincident anchor points. And just press Control+J or Command+J on the Mac. And now do the same down here. Go ahead and drag this guy, so he snaps into alignment like so. Go ahead and move the control handle over just a little bit. Marquee these two points and press Control+J or Command+J on the Mac.
All right. Now, I'm going to zoom out a little bit, so I can take in more of my document. And I'm going to turn on the Live Paint Layer. And the reason I'm doing this is because this layer, the Live Paint Layer contains my guides, my center guides which I can make visible by pressing Control Semicolon or Command Semicolon on a Mac. Now, what you want to do is grab this Anchor Point right there. And shift+drag it and the reason you have the shift key down is so that you can constrain the angle of your drag to exactly horizontal. And move it so that it snaps into alignment with that vertical guide, and then grab this anchor point right here.
Don't press the shift key this time, and drag it so that it snaps into alignment with the top anchor point. And now we want to do the same for this bath outline up here, so grab this anchor point, drag it over to the right while pressing the Shift key so you can strain the angle of your drag to exactly horizontal, and then grab this anchor point and drag it so it snaps into alignment with the previous anchor point. And now go ahead and hide that Live Paint Layer again, just so we can focus on these shapes right here. Go ahead marquis these two anchor points right there and press Control+J or Command+J on the Mac to join them.
Marquee these two anchor points and press Control+J or Command+J on the Mac, to join them, as well. Go ahead and press the V key to switch back to your black arrow tool. Marquee these two paths to select them. Go ahead and click on the word stroke up here in the control panel and select the round join, because otherwise we're going to have these miters that are going to jut out into our other path outlines. So, go ahead and round them off, like so, by clicking on this second corner icon. And then, click on this fill swatch, once again up here in the control panel, and change the fill to this shade of blue, R41G171B226, and you'll end up with this effect here.
All right. Now turn the other layers back on by dragging down the eyeball column. And go ahead and press Control+0 or Command+0 on a Mac to center your zoom. Select the rotate tool and Alt or Option click at the intersection of those two guidelines so that you're rotating around the center of the art board. Make sure the angle value is still set to 120 degrees, click the copy button and then press Control+D or Command+D on the Mac in order to duplicate those shapes a second time so that we have a total of six blue edges.
Now you can press Control+Shift+A or Command+Shift+A on the Mac to deselect the work and press Control; or Command; on the Mac in order to hide the guidelines. In that friends is how you add edges to your Mobius Strip so that the ribbon appears to be twisting and winding around itself.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 58451 Viewers
119 Video lessons · 67671 Viewers
84 Video lessons · 16931 Viewers
125 Video lessons · 29830 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.