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.
All right, gang, in this movie we're going to add the bacon tail to the bird, and we're also going to create this thick outline around the entire thing. So notice that a thin outline, at least comparatively so, distinguishes the bird body from the tail, and then we have a thicker stroke, twice as thick, that encompasses the entire bird. So let me show you how that works, and it's a matter by the way of stroking an entire layer which is something that you can do inside Illustrator. So I will go ahead and switch over to the illustration that we created in the previous movie.
Notice if you're working along with me and I've got this layer called bacon right here, go ahead and turn it on, and all it is, is this, just a thin horizontal rectangle. I am going to go ahead and zoom in on it here so that we can see it more closely. And what I want to do is create a total of five strips for my bacon. First thing you want to do is go to the View menu and make sure that the Bounding Box is turned off, because that thing just gets in the way. So if you're seeing Hide Bounding Box, go ahead and choose the command. If you see Show Bounding Box, then don't worry about it.
With your Black Arrow tool active, go ahead and drag from this top-left corner point and drag it down until it snaps into alignment with the bottom-left corner point. And if you need help with the alignment, you can press the Shift key, you definitely want to press-and-hold the Alt key, or the Option key on the Mac so that you're seeing that Double White Arrow cursor that shows you that you're snapping, and you'll be copying the shape as well. So, as soon as you see that cursor, go ahead and release, and you'll end up with this additional rectangle.
Now, all you need to do is press Ctrl+D or Command+D on the Mac three times in a row, so one, two, three to duplicate the white stripes. Now, we don't want all of them to be white, because that won't make any sense. So, go ahead and click on the edge of this rectangle to select it, and Shift-click on the edge of this rectangle, and you just have to feel your way around in order to find them there. But you want the second rectangle and the fourth one to be selected. And then click in the first Color Swatch on the far left side of the Control panel, and change the color to this guy right there, the one that begins R=193, G=39, B=45.
And these are default swatches that are included with any web document. This is a screen illustration after all. Now, go ahead and marquee all five of these shapes, just partially marquee them like so. And if you're working along with me, the reason you're not selecting anything in the background is because that back layer right there is locked. And now you want to go up to the Object menu and choose the Group Command, or of course you can just press Ctrl+G or Command+G on the Mac. Now we want to wave the tail, so go up to the Effect menu, choose Warp, and choose Flag.
And that will bring up the Warp Options dialog box with the Style set to Flag, you can change that anytime you like of course. We want Horizontal to be turned on, and you want to change the Bend value to 30%, and now I am going to change the Vertical Distort value to -20%, and I will click OK. It appears, I should have turned on the Preview check box because it appears that I have done the opposite of what I wanted to do. But that's no problem, you can change the dynamic effect anytime you like by going up to the Window menu and choosing Appearance which will bring up the Appearance panel, and notice that you will see this item right there, Warp Flag, just go ahead and click on it in order to revisit that option.
I didn't want the Vertical value to be set to -20% is what it should be, but Illustrator took it down to -19. I want the Horizontal value instead to be set to -20, Vertical 0%, turn on the Preview check box, and you should end up with this effect here which is exactly what I am looking for. I will go ahead and click OK. Now, I want a little bit of horizontal wave associated with his tail as well. So, I'll go back to the Effect menu, and choose the second command, Flag... which tells me that I will revisit the dialog box.
Illustrator is going to grump at me and say do you really want to apply that same effect over again? The answer is Yes. So, go ahead and click on Apply New Effect. And this time, switch to the Vertical radio button, change the Bend value to -4%, and then change both of the Distortion values to 0%. And just to confirm that everything is cool, turn on the Preview check box and sure enough, we get a tiny bit of gentle vertical wave. Go ahead and click OK in order to accept that effect. Now, I will press Ctrl+0 or Command+0 on the Mac to zoom out.
And in order to stroke the entire bird body along with bacon tail, I need to bring the bird body down onto this layer. I'll go ahead and click on this shape right there which represents the stroked outline around the entire bird body. And then I'll go up to the Edit menu and choose the Copy command, or you can press Ctrl+C, Command+C on the Mac. Let's go ahead and return to Layers panel for a moment, and let's select the bacon object. And the easiest way to do that is to click in the upper-right corner of the bacon layer, that's going to select everything on that layer.
And we want to paste this new object in back of the bacon strip. And to do so, we need to make sure that Illustrator isn't paying attention to what layers the copied items came from in the first place. So click on the fly-out menu icon, and just make sure that Paste Remembers Layers is turned off. If you see a check box, go ahead and choose command, if you don't, don't worry about it, and then go up to the Edit menu and choose Paste in Back, or press Ctrl+B or Command+B on the Mac in order to paste that shape in back of the bacon tail. And that does a great job of inflating the stroke of the bird but it doesn't stroke the bacon at all.
So what we're going to do is just leave that guy there as a placeholder, and notice he has got a black stroke and no fill. Just press Shift+X in order to swap it to, so he has got a black fill and no stroke. And really, we don't care what color the fill is, we just want to make sure that there is no stroke there whatsoever. Now, go back to the Layers panel and click on that circular target to the right of the word bacon, and that will target the entire layer as you can see up here on the far left side of the Control panel, you can see that the layer is active. Now, switch back to the Appearance panel. And we want to go ahead and add a stroke to this layer by clicking on the Add New Stroke icon in the bottom-left corner of the Appearance panel.
And now, just make sure that Stroke is set to Black. By default it's set to a weak black, which is not what we want. We want the Red, Green, and Blue values to all be 0, and then change the Line Weight value to 6 points, like so. And you'll end up getting this catastrophic mess here which obviously is not what we want. Make sure the Stroke is active, very important. Then, in order to fuse all these objects together where the stroke is concerned, go up to the Effect menu, choose Pathfinder, and choose Add. And that will go ahead and give you this effect here, which is almost perfect except for the fact that we've got some weird lines inside the bacon tail.
I will go ahead and press Ctrl+Shift+A or Command+Shift+A on the Mac in order to deselect that layer, and then I am going to go ahead, and zoom in here so we can see what's up. Basically, Illustrator is perceiving some sort of tiny little gaps between the various rectangles that make up the bacon tail, and it's trying to stroke them. Here's what you've got to do. Press the A key to switch to the White Arrow tool, and then press Ctrl+Y or Command+Y on the Mac in order to switch to the Outline Mode so that you can see where the rectangles really reside.
Then, if you're working along with me, I want you to press the Alt key or the Option key on the Mac, and partially marquee these bottom four rectangles like so. And now what you can do is press Ctrl+Y or Command+Y on the Mac in order to switch back to the Preview Mode because now you can see the outlines, and you know where the rectangles are. Press Ctrl+K or Command+K on the Mac to bring up the Preferences dialog box, and just make sure the Keyboard Increment is set to 1 point as by default. Once it is, go ahead and click OK, and then press the Up arrow key in order to nudge those shapes together.
And you're going to see that you get a little bit of a corner edge right there on the outside of the bacon tail on the far left side, that's just something you can either live with or you can switch to a rounded cap if you want to. But I am just going to live with it. Now, you want to deselect this top rectangle by Shift+Alt-clicking or Shift+Option-clicking on it with just the bottom three rectangles selected, press the Up Arrow key again in order to nudge them up. Then, Shift+Alt-click, or Shift+Option-click on the third rectangle to deselect it, press the Up Arrow key in order to nudge those bottom two rectangles up, and then Shift+Alt-click or Shift+Option-click on that fourth rectangle to deselect it, and press the Up Arrow key to nudge up that final portion of the bacon tail.
All right, and that's it! We'll press Ctrl+0 or Command+0 on the Mac in order to zoom out. And that, friends, is how you create not only a bacon tail--not necessarily something you're going to need on a regular basis--but how you can fuse two shapes together, so one has a thin outline next to another, and you have a thick outline around all of the shapes, by stroking an entire layer 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.