Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
This course is a collection of short Photoshop and Illustrator projects and creative effects that can be completed in ten minutes or less. The series is taught by computer graphics guru Deke McClelland, and presented in his signature step-by-step style. The intent is to reveal how various Photoshop and Illustrator features can be combined and leveraged in real-world examples so that they can be applied to creative projects right away.
In this movie, we're going to take that Möbius strip that we created in the previous movie and we're going to add some shading using some fancy gradients in order to create this effect here. So, I'm once again working inside of Illustrator. The first thing I'm going to do is make my layers appear bigger. Here inside the layers panel. By bringing up the layers panel fly out menu, and choosing this final command panel options, and then I'll select other, and change this value to 70 pixels and click OK.
And now I'm going to rename this layer by double clicking on its name, and I'll just change it to live paint, because it is a live paint object. Now, I'll click on one of the paths with my black arrow tool in order to select it. And I'll press Ctrl+C, or Cmd+C on a Mac in order to copy it. Then we want to create a new layer, and you can do that by pressing the Alt key or the Option key on a Mac and clicking on a little page icon at the bottom of the layers panel, and a by virtue of the fact you had the Alt or Option key down. That'll bring up the Layer Options dialog box, at which point you can name this new layer Gradients, and then I'll go ahead and change its color to, let's say, gold, and now I'll click OK.
Next, you want to deselect your artwork by pressing Ctrl+Shift+A, or Cmd+Shift+A on a Mac. Make sure the Gradients layer is active, and then. Just by way of a precaution, bring up the layers panel fly up menu once again and make sure that paste remembers layers is turned off down here near the bottom of the menu. Then you can press Ctrl+F or Cmd+F on the Mac in order to paste a copy of the live paint object onto the gradients layer. And just to make sure I don't hurt the life paint layer behind it, I'll go ahead and turn that layer off for the time being.
And then you want to go up to the Objects Menu and choose the expand command in order to expand the object into static path outlines. And you don't have to change any of the default settings. All you need to do is click Okay. Now we end up with a group. As you can see on the far left side of the control panel, so go up to the Object Menu and choose the ungroup command, and then you can click off the path outlines to deselect them and click on them again to select one of the groups. There's actually two groups in here, and you can see that the top one has all the strokes.
We don't need that one, so just go ahead and press the Backspace key or the Delete key on a Mac to get rid of it. And then, click on the remaining group, this guy around here. And let's go ahead and change the fill from orange to let's say RGB cyan, just so we can better see what's going on. And now, we want to ungroup this group. So, I go up to the Object Menu and choose the Ungroup command again. Now, we want to Marquee these bottom paths right here, so just partially Marquee them as you see me doing, and then press the Backspace key or the Delete key on a Mac to get rid of them.
Make sure those little paths down there at the bottom are gone. And then, you want to select this path and delete it and get rid of both this one and this one. So, press the Backspace key or the Delete key on a Mac to get rid of those. This guy right here, he needs to go. So go ahead and select it and press the Backspace key or the Delete key on a Mac and you want to delete this path as well. In order to achieve this effect here. Now we've got more paths outlines than we need. This guy is a single path which is great, but this path up here is actually two paths and we need to merge them together by selecting them with a black arrow tool then go up to the Window Menu and choose the path finder command to bring up the path finder panel.
And select this very first option unite, in order to unite those two paths in one. Then go ahead and marque these paths right here, and you can see that it's a total of one, two, three, four path outlines. Go ahead and unite them together as well by once again, clicking on the unite icon, or you can take advantage of the keyboard shortcut, Ctrl+4 four. Or Cmd+4 in a Mac, which repeats the last path finder operation. All right, now I'm going to go ahead and hide the panel. Notice that we got a few extra anchor points here. You'll want to get rid of those because otherwise they're going to prove to be a problem in the future.
So press the A key to switch to the wide arrow tool. And then marque these two anchor points, just these two guys right there, to select them. Press the backspace key or the delete key on a Mac to get rid of them and press Ctrl+J or Cmd+J on a Mac in order to join the remaining anchor points together with a straight segment. Now we need to get rid of this anchor point right there. And another way to work is to press the "p" key to get your pen tool. Then hover your cursor over that point. You should see a minus sign next to the pen cursor at which point click.
In order to get rid of that anchor point. You can work any way you want. All right, now we need to fill these paths with gradients. So, go ahead and press the V key to switch back to the Black Arrow Tool and Marquee all the paths like so. Then, we want to bring up the gradient panel by going to the Window Menu and choosing the gradient command. You'll also want the panel to be expanded, so go ahead and click on this double arrow icon a couple of times so that you can see all of the options. Make sure your fill is selected, ither here inside the gradient panel or inside the swatches or color panel and then click on this gradient swatch right there.
In order to apply the gradient to the shapes. Now this is not the gradient that we want, so we're going to have to do a little bit of work here. For starters, go ahead and double-click on this black color stop over here on the right-hand side by default. And then click on a little fly out menu icon and choose RGB. The values that we're interested in are 50, 50 and 50. And that'll give us a very dark shade of gray, as you can see here. Now, go ahead and select the white color stop and change location value down here at the bottom of the gradient panel to 75% in order to scoot that guy over.
And now press the Alt key, or the Option key on the Mac, and drag this dark gray color stop. Over to the far left hand side, and because you have the Alt or Option key down, you'll create a copy of that swatch, and now Alt or Option-drag it again over to the right a little bit, and change that Location value to 10%. Now, go ahead and double click on the very first color stop, this guy right here. And we want to reduce the red, green, and blue values all to zero, like so.
Alright, now we need to change the angle of the gradient, so it's going down and to the left. And you do that by changing this angle value to 30 degrees. And that's going to give you exactly the effect that we're looking for. And then finally, we need to combine these two paths into one. So that the gradient flows through these two paths uniformly. So go ahead and marquee just these two lower paths, and then go up to the Object Menu, choose Compound Path, and choose Make. Or you can press a keyboard shortcut. Ctrl+8. Or Cmd+8 on a Mac and you'll end up with this effect here.
Alright now press Ctrl+A or Cmd+A on a Mac in order to select all of the paths. And we want to change the line weight value to 2 points up here in the control panel, like so. And now go ahead and turn on the live paint layer in the background and press Ctrl+; or Cmd+; on a Mac; to bring back your guidelines. And these are the guides that we created in the previous movie. Now you want to go ahead and switch to the rotate tool. So go ahead and select the tool or you can press the r key and then alt or option click at the intersection of the two guides.
Make sure the angle value is set to 120 degrees and click on the copy button in order to create your first copy and then press Ctrl+D or Cmd+D on the mac to once again duplicate those objects. All right. Now I want to blend these gradients with the live paint object in the background. And the easiest way to make that happen is go ahead and target the entire gradients layer, by clicking on its circular so-called meatball right here. And that will target the entire layer. You'll also see all of the gradients selected on screen.
At which point, go ahead and click on the word Opacity up here in the control panel and change the blood mode from normal to hard light. In order to create this effect here. And at this point, it struck me that the white points of the gradients are to bright. Which is why it's so great that you can still make changes, here inside the Gradient Panel to all of the gradients at the same time. Notice the Angle Value is now dimmed, because the rotated gradients are set to different angles. When you rotated those shapes you rotated the gradients along with them. So, don't modify the angle value.
Instead, just double-click on this white color stop, and then go ahead and switch to RGB, so that you can see the RGB values right here and set all those values to 200 like so, in order to create a very light shade of grey. and then press Ctrl+Shift+A or Cmd+Shift+A in a Mac, in order to deselect the artwork and press Ctrl+; in order to hide the guides. And that friends, is at least one approach to shading the Möbius strip using a collection of gradients here inside Illustrator.
Find answers to the most frequently asked questions about Deke's Techniques.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.