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 I'll show you how to take the interwoven jaunty six-pointed star that we created in the previous couple of movies, and we're going to go ahead and add some drop shadows. One of the shadows is going to be cast by the star shape in general against the background. But we also have these shadows that are being cast by the pair of objects onto each other. So at times the upright triangle is casting a shadow on the upside-down one, and at other times the upside-down triangle is casting shadows onto the upright one.
So let's see how that works. I'll start by clicking on the six-pointed star with my Black Arrow tool in order to select that Live Paint object, and then I'll go up to the Effect menu, choose Stylize, and choose Drop Shadow. And it looks like Illustrator is remembering my last applied settings, but I want to show you what they are. Mode is set to Multiply, the Opacity value is set to 50%. Both the X and Y Offset values are set to 7 points apiece, and the Blur is set to 0 points. You'll notice that the Color radio button is turned on, and if you want to apply this same shade of blue I'm working with, then click on the Color swatch and dial in a C value of 85%, a Magenta value of 50%, a Y value of 0%, and a K value of 50%.
If you have access to this exercise file, you can just click on the Color Swatches button, and you will find that swatch listed over here in the left-hand side of the dialog box. Anyway, I'm going to cancel out, because everything is all ready to go in my case, and I'll turn on the Preview check box so you can see that shadow, which works out great. So I'll go ahead and click the OK button in order to accept that change, but if I press Ctrl+Shift+A, or Command+Shift+A on the Mac, in order to deselect my artwork, I can tell that while the six-pointed star is casting a shadow onto its background, the two triangles are not casting shadows onto each other.
And the only way to achieve that effect is to apply a series of Pathfinder operations to the original compound paths on the shapes layer. So I'm going to turn off the live paint layer for a moment and turn on my shapes layer in order to make it active, and now I'll go ahead and click on one of the triangles and Shift-click on the other one in order to select them both. We need to make a few modifications to these shapes just to save ourselves time in the long run. Go up to the Control panel and click on the first Color Swatch and change it to that same shade of blue, C=85, M=50, Y=0, K=50, in order to apply the blue to the fills of the shapes.
And then I want you to click on the word Opacity, again up here in the Control panel, change the Opacity value to 50%, and then change the Blend mode from Normal to Multiply so that the shadows uniformly darken everything in the background. Now what you want to do is go up to the Edit menu and choose the Copy command, or you can just press Ctrl+C or Command+C on the Mac. Now turn off that shapes layer and then turn on the live paint layer to make it active, click on the live paint layer--and actually what you want to do is just click on this Live Paint object to make it active as well.
Go to the Layers panel flyout menu and make sure that Paste Remembers Layers is turned off, otherwise you are just going to paste the contents of the clipboard back on that same shapes layer. So turn off that command, and then you want to go up to the Edit menu and choose Paste in Front, or press Ctrl+F, or Command+F on the Mac, in order to achieve this effect here. Press Ctrl+Shift+A, or Command+Shift+A on the Mac, to deselect the artwork, and I'm going to click on this upside- down triangle for starters here. I'll zoom in a little bit too.
If you're working along with me, I want you to press Ctrl+K or Command+K on a Mac in order bring up the Preferences dialog box and make sure your Keyboard Increment is set to 1 point, if it isn't, set it to 1 point, click on the OK button, if it is, just click Cancel. And then I'm going to press the Down Arrow key one, two, three, four times, and I'll press the right arrow key one, two, three, four times as well. And the idea is this shadow should be closer, because it's being cast by one of the objects onto the other, than the big drop shadow in the background.
This gets kind of complicated conceptually, but you want to go ahead and Shift-click on the upright triangle in order to select it, so both of these shadow shapes are selected. Then go up to the Window menu and choose the Pathfinder command to bring up the Pathfinder panel over here, and you want to click on the third icon in the first row, Intersect. And that will go ahead and give you this effect here. So this gives us a total of six shadows which is more than we need. We really only need three because this guy isn't casting a shadow onto this guy.
After all, he is in back and he is in front. We need to get rid of every other shadow. Now the Intersect Pathfinder operation has ended up generating a group, and you can tell that's a case because you can see the word Group over here on the far left side of the Control panel. That's not what we want, we want a compound path. So go up to the Object menu, choose Compound Path and choose Make, and that will convert that group to a compound path. Again, you can see it on the far left side of the Control panel. And the reason we need a compound path is because we need to apply another Pathfinder operation in just a moment.
But first, let's get rid of those extra shadows by double-clicking on any one of them, and that will enter the isolation mode for the shadows and then click on this guy--I assume you have the Black Arrow tool still selected--Shift- click on this one and then Shift-click on this one. So in other words, every other shadow and then press the Backspace key or the Delete key on the Mac to get rid of it. Now press the Escape key in order to exit the Isolation mode and press Ctrl+F or Command+F on the Mac in order to bring back the triangles. I want you to Shift-click on the upside-down one to deselect it, so the right-side-up triangle should still be selected.
Now press the Backspace key, or the Delete key on the Mac, to get rid of it. Now what you want to do is click on one of the shadows like so, that'll select all three of them, and then Shift-click on the upside- down triangle in order to select it as well. Bring back the Pathfinder panel, and this time you want to click the second icon in which is Minus Front, and that gives you three of the six shadows we need, so I'll press Ctrl+Shift+A or Command+Shift+A on the Mac in order to deselect the artwork, so we've got a shadow here and then the sliver of a shadow down here at the bottom of the artwork.
Now we have to make the other shadow, so press Ctrl+F or Command+F on the Mac in order to bring back the shadow triangles and then press Ctrl+Shift+A or Command+Shift+A on the Mac to deselect the artwork. This time we're going to move the upright triangle around. So go ahead and click on it to select it and then press the Down Arrow key four times, one, two, three, four and then press the Right Arrow key four times as well, one, two, three, four in order to nudge that shape into the proper position. Now Shift-click on the upside-down triangle to select it as well, go back to the Pathfinder panel and click on that third Intersect icon in order to find the intersection of those two shapes.
Again, we end up with a group, we need a compound path, so go up to the Object menu, choose Compound Path, and choose Make. Again, we have too many shadows, we only want three of them, so double-click on any one of them in order to enter the Isolation mode. And this time around, we'll start up left here, so click on that guy, Shift-click on this one, and Shift-click on this one as well in order to select these three shadows, and then press the Backspace key, or the Delete key on the Mac, in order to get rid of them.
Now press the Escape key in order to exit the Isolation mode, press Ctrl+F or Command+F on the Mac to bring back your triangles. This time we need to keep the upright triangle, so Shift-click on it in order to deselect it, and press the Backspace key, or the Delete key on the Mac, in order to get rid of the upside-down triangle. And now click on one of the shadows in order to select them, and in my case, I selected this left-hand shadow right there, Shift-click on the upright triangle, bring up the Pathfinder panel once again, and click on the Minus Front icon, which is the second one in, in order to subtract away the big triangle, so we're just left with those shadows.
And now this time we've got pretty thick shadow over on the left-hand side, a meaty shadow down below, and a little sliver of the shadow upright. If you twirl open your Live Paint panel, you see you have a couple of groups representing all six of the shadows we need. What I want you to do is Shift-meatball the second group. So both of the groups are active here and then go back to the Object menu, choose Compound Path and choose Make. And the reason I'm having you switch to a compound path is for our purposes here, it's a more flexible solution than two disparate groups.
Now I'll press Ctrl+Shift+A, or Command+Shift+A on the Mac, in order to deselect the artwork, and I'll press Ctrl+0, or Command+0 on the Mac, in order to center my zoom. And that, folks, is how you not only add a drop shadow to a Live Paint object, but also embed shadows inside of this interwoven six-pointed star 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.