Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Deke's Techniques 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 this primitive honeycomb pattern that we created in the previous movie and we're going to turn it into this credible if orthogonal three dimensional effect by adding a series of intermediate strokes. So, if you zoom in on this final version of the illustration, you'll see that we actually have these stair step strokes that are analogous to a kind of hand created gradient. And when you're zoomed way in like this, you're going to see the various steps in the gradient.
But when you print the illustration, they will more or less resolve away. So, I'm going to switch over to my document in progress here. And as you may recall, I've got this layer that's called 30 point polygon. And if you twirl it open, I have just one path outline, everything else is a dynamic effect. And if you press Ctrl+A or Cmd+A on the Mac, you will select that path and he's located here in the upper left corner, just outside of your artboard. Now I'm going to go ahead and center my zoom by pressing Ctrl + 0, or Cmd + 0 on a Mac.
Then I'm going to zoom in a little bit as well, so we can get a clear picture of what we're doing. You want to switch over to the Appearance panel, by going up to the Window menu and choosing the Appearance command. And we're going to be building up a bunch of strokes based on this top yellow stroke. So go ahead and select it, and then drop down to the little page icon at the bottom of the panel and click on it. And what's that going to do, if you click on your new stroke down here and twirl it open. That not only duplicates the yellow stroke but it also duplicates it's transform effect. As you may recall, I've scooted it up into the right using this transform effect right here.
Now if you have access to this file, click on the little stroke color, and select this second swatch in, which is honey orange. If you don't have access to the file, then Shift + click on that color. And you want to change both the C and K values to zero. We want a magenta value of 70% and a yellow value of 90%. Now, go ahead and select the limelight and increase that weight to 6 points. Now click on the transform effect in order to bring up the transform effect dialog box. And you want to take the horizontal value down just ever so slightly, down to 6.5 points, and then take the vertical value up to negative 6.5 points.
These are just values that I came up with through trial and error. Turn on the preview check box, and you can see that it scoots that gut back just a little bit. Now click OK. Click any new stroke to select it, and then click on the little page icon on the bottom of the panel to duplicate it. Notice that leaves the old stroke twirled open, we want it twirled close so that you can save some room here. And you want to twirl the new stroke open, and we're going to be doing a lot of twirling by clicking on these little twirly triangles. Just get prepared for that. Then, you want to click on the little color swatch, and change it to this guy, 15% yellow black.
Well, what's that! You may wonder. For those of you who are dialing in your own values, Shift-click on a color swatch, change the magenta value to 85%. We're going to be using that value over and over again, as is the case for the yellow value of 100%. Then we're just going to be modifying the k value, which is currently set to 15%, so that's the color you're looking for. And then you want to click inside the line weight and take it up to 8 points. And now, click on the word Transform, and let's go ahead and take the horizontal value down to six points and take the vertical value up to negative six points.
And you can do that by tapping the down arrow for horizontal and the up arrow for vertical. Turn on the preview checkbox and you can see that nudges this new guy out ever so slightly. Click the OK button. From this point on, it's just a matter of building up more and more strokes, which is a pretty tedious process, because we need five strokes in all. But, it's gotta be done, so go ahead and twirl close your new stroke, click on it to select it. Click the little page icon to make a copy of it, twirl open the new stroke, click in the line weight this time, take it up to 9 points.
Just Shift-click on the color swatch, and take your K value up to 35%, that's it. The other values are fine, click on the transform effect right there. Now let's go ahead and take the horizontal value down to 5.25 points. Crazy but it works, and then we'll take the vertical value up to negative 5.25 points, just like that. Then turn on the Preview check box and we get this effect here. Click OK in order to assign that effect. Twirl the new stroke close, click on it to make it active.
Click on a little page icon, make a copy of it, twirl the new guy open. Shift-click its color swatch, let's say this time, and I'm going to change the k value to 50%. A line weight of nine points is fine. Go ahead and click on the word transform. We're going to take the horizontal move value down to four points, which you can do by tapping the down arrow key a couple of times, and tab to the vertical value and tap the up arrow key a couple of times. In order to change it to negative four points. Then turn on the preview checkbox and youc an see this new guy right there. Click OK.
Boy, I bet you know what's coming next. We're going to twril this guy closed. We're going to click on him to select him. We're going to click on the little page icon and make a copy of them. He's automatically twirled open that's going to serve us well. So, I'll go ahead and change this line weight to 10 points this time around. Shift-click on a little color swatch, and let's change the K value to 65%. Press the Tab key. In order to accept that change, click on the word Transform in order to bring up the Transform Effect dialog box. Take the horizontal value down to three, take the vertical value up to negative three.
Turn on the preview checkbox, lo and behold, we have this stroke right there. Click OK. We only need two more strokes. So go ahead and twirl close the 10 point stroke, click on it to make it active. Click on the little page icon to make a copy of it, click on the new stroke, twirl it open. This line weight of 10 points is just fine, Shift-click on this color swatch, take the K value up to 80%. And then click on the word Transform, and we're going to take the horizontal value down to 1.5 points, and we're going to take the vertical value up to negative 1.5 points like so.
Turn on the preview check box, and we get this effect right there. Look, we just need one more in between, and we're going to make it by clicking on the OK button. And what you want to do is click on this bottom stroke to make it active. Go ahead and twirl that guy closed. So we've got the 14 point stroke active. Just click on this icon in the lower left corner of the panel, add new stroke. That'll add a new stroke without any transform effect. And we're going to go ahead and take its line weight down to 11 points. Shift-click on its color swatch and let's go ahead and take the k value down to 90% this time.
Press the Tab key and you can see that guy right there. Kind of in the middle, it's actually a little over towards the darkest stroke, but that's what we want. And then just go ahead and hide that little Color panel. Now the final thing we need to do is add a kind of shadow. You know as if these honey cones are casting a shadow onto the honey goop or whatever is created by the bee's don't you know? And were going to do that by selecting this bottom stroke as I've done. And we're going to add a drop shadow to it that's being cast onto the fields.
So go ahead and select that stroke, then go up to the Effect menu, choose Stylize and choose Drop shadow. And that's my keyboard shortcut Ctrl+Alt+D or Cmd + Option + E on the Mac. That I created using the keyboard shortcuts command, the reasoning being is that this is the second most useful dynamic effect after Transform. And you want to click on that color swatch right there. And we want to dial in that same 100% yellow black, which is 85% magenta, 100% yellow, and then 100% black like so.
And you can see that that is much darker than just 100% black by itself. We get this wonderfully warm dark color. So go ahead and click OK in order to assign it. Change the opacity value to 100%, and then you want to change the x offset value to negative five. Change the y-offset value to five, and leave the blur value set to five points, and then turn on the preview checkbox, and we end up with this wonderful effect here. And to apply it, of course, just go ahead and click OK. That takes care of the entire effect, folks.
We'll go and press Ctrl+0, or Cmd+0 on a Mac, to zoom out. I'm going to press Ctrl+Y, or Cmd+Y on a Mac, to switch to the outline mode. So you can see that all we have is a single hexagon, that's all we had to draw. We managed to create all the rest of the artwork here inside the Appearance panel. In order to create this effect, you can see once again by pressing Ctrl+Y, or Cmd+Y on a Mac to switch back to the preview mode. And I'll press the F key couple of times in order to switch to the full screen mode, and I'll go ahead in zoom on in and that friends is how you build up a series of strokes along with the drop shadow.
To create this credible if orthogonal, three dimension honey comb effect, 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.