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.
Hey gang, this is Deke McClelland. Welcome to Deke's Techniques. Today I'm all casual Friday, even though is Tuesday because I'm going to show you how to take that hand clenched as a fist from last week and we're going to turn it into the stunning graphic of four square hands united in brotherhood, solidarity and teamwork. Now, these just happen to be male hands. You could create a sisterhood graphic, as well, a mixed gender work place environment, dogs and cat paws working together. Here, let me show you exactly, how it works.
All right, so here's the final effect that we'll have by the end of the movie. We're going to start with that lone arm that we created last week, and the first thing we need to do is fill it with a gradient. So, I'm going to go ahead and click in the outline of the arm like so. And then if you're working along with me, you want to make sure that the Swatches panel is open, up here in the upper right corner of the screen, and you want to have the Gradient panel open as well, and make sure that it's expanded, like so, so that you can see everything about the panel, and then go over to this shade of brown.
It starts with R140, G98, B57 and drag that swatch to the beginning of the gradient right there. Now we'll go ahead and fill in the shape, albeit with a very ugly gradient at this point. We're going to make it beautiful by grabbing this dark brown right there, R66, G33, B11, and you want to drag it down to the end of the gradient and drop it on what is currently a black color stop in order to change its color like so. Now, we want the gradient to go from the top to the bottom and we're going to do that using the Gradient tool and then drag from right about this knuckle here down, all the way down to where these lines in the arms start, and I'm pressing the Shift key as I drag, in order to constrain the angle of my gradient to exactly vertical.
All right, now we want to move these guidelines, so they represent the center of the document, and we're going to do that using the Black Arrow tools. So go ahead and grab that tool from the top of the toolbox. The Illustrator, obviously, calls it the Selection tool and then, go up to the View menu. Choose Guides and choose Lock Guides in order to turn that command off, so that the guides are now unlocked. Now Marquee, the horizontal guide and then you want to go up to your Control panel, click on this Align option right here and change it to Align to Art Board and then go ahead and click on this icon, Vertical Align Center in order to vertically align that horizontal guide.
So it cuts right through the center of the art board. Now it's not going to look like it. It looks like it's too high to me, but it is actually centered. Now what you want to do is Marquee this vertical guideline, and go up to the control panel to this icon, Horizontal Align Center and you'll produce this effect here. Now, go back up to the View menu, choose Guides and choose Lock Guides in order to lock the guides back down, so that you can't further accidentally modify them. Now we want to select all the detail lines, all the paths on this detail lines layer, in other words, and you do that by clicking in the upper right corner of that layer, like so, and now I want to group them together by going up to the Object menu and choosing the Group command or you can just press Ctrl+G or Cmd+G on a Mac.
Now press Ctrl+A or Cmd+A on a Mac, to select all of your artwork and go ahead and select the Rotate tool, and we want to rotate around the intersection of the two guides right there at the center of the art board. So press the Alt key, or the Option key on a Mac and click at this location to bring up the Rotate dialog box and then you can change the angle value to 90 degrees. We want to create a copy, so click the Copy button or I'm always thinking this ought to have a keyboard shortcut of C but it has a keyboard shortcut of Alt+Enter or Option+Return on the Mac and because you have the Alt or Option key down, you create a copy on the fly.
All right, now we want to send this arm to back and you do that by right-clicking inside the Image window, choosing Arrange and choosing Send It Back or you can take advantage of this keyboard shortcut, which I will be doing in the future, Ctrl+Shift+, that's Cmd+Shift+ on a Mac and you end up sending everything to back just like that. Now, you want to switch to the Reflect tool, which you can also get by pressing the O key and then press the Enter key or the Return key on a Mac, to bring up the Reflect dialogue box and set the axis to horizontal, in order to flip the hand vertically, because you're flipping across the horizontal access and then click OK or just press the Enter key or the Return key on the Mac.
You don't want the Alt or Option key, because you don't want to create a copy. Now go ahead and press the V key to switch back to the Black Arrow tool, up here at the top of the toolbox and press the Enter key or the Return key on the Mac to bring up the Move dialogue box. Change the horizontal setting to 0 and then change vertical to 90, in order to scoot that entire arm 90 points down and you could see it move if you have the Preview check box turned on. After which point, just go ahead and click the OK button, in order to accept that change. Now, what we're going to do is adjust the thumb on the first hand.
Notice if I go ahead and zoom in here, the thumb and the arm don't line up properly. So what you want to do is press Ctrl+Y or Cmd+Y on a Mac, to switch to the outline mode. Just makes it easier to see what you're doing. Then press the A key to switch to the White Arrow tool, like so and now go up to the View menu and go ahead and turn Smart Guides on, so that we can get this paths to snap into alignment with each other and then I'll just go ahead and drag this anchor point down, like so, until it snaps into alignment there and I'll drag this guy down, as well.
Now, you can press Ctrl+Y or Cmd+Y on the Mac, to switch back to the Preview mode. Then I'm also going to press Ctrl+0 or Cmd+0 on a Mac to fit the document on screen. All right, now I'll press the V key, in order to select the Black Arrow tool because after all V looks like an upside down arrow, and on I'll mark key these paths right here to select them all and now we're going to rotate this arm again by pressing the R key to switch to the Rotate tool and then I'm going to Alt or Option click at the intersection of those guides. I'll change the angle value to 180 degrees and I'll click the Copy button or you can press Alt+Enter or Option+Return, in order to rotate the arm like so and then press Ctrl+Shift+, that's the square bracket key to the right of the P, as in Paul, key on an American keyboard.
Ctrl+Shift+, or Cmd+Shift+ is going to send that new arm to the back of the stack and now what you want to do is zoom in once again, on this thumb, this time, the thumb associated with the horizontal arm and press Ctrl+Y or Cmd+Y on a Mac to switch to the Outline mode and press the A key to switch to the White Arrow tool. Go ahead and select this anchor point right there. This is the edge of the thumb and I'll go ahead and drag this guy until it snaps into alignment and then you just want to move this control handle until you cover this area of arm, right there, like so, and this guy might want to come back just a little bit.
I might kind of drag him over here and then I'll drag it back, so he snaps into alignment with that path, like so. All right now press Ctrl+0 or Cmd+0 on the Mac to zoom back out and Ctrl+Y or Cmd+Y on the Mac, in order to switch back to the Preview mode. Now what we need to do is create one more copy of this horizontal arm by pressing the V key to get the Black Arrow tool. Go ahead and Marquee the arm like so, so that you get the arm and all the lines and then press the r key to switch back to that Rotate tool. Go ahead and Alt or Option click at the intersection of those two guides.
Make sure the angle is set to 180 degrees and click the Copy button. All right, now we want to leave this guy in front. In fact, we want him all the way forward. So, go ahead and Right click inside the document and choose Arrange > Bring to Front. Or you can press Ctrl+Shift+ or Cmd+Shift+ on the Mac, in order to get this effect here. Then press the V key to switch back to your Black Arrow tool, click off the paths to deselect them. Select just the arm and the hand without all the lines inside of it.
Go up to the Edit menu and choose the Copy command or you can press Ctrl+C or Cmd+C on the Mac, and then go ahead and click off the path in order to deselect it, and go back to the Edit menu and choose Paste in Back. That pastes a copy of that arm in back because after all, it needs to be in back of this hand right there, but it needs to be in front of this arm. So what we're going to do, is click off the path again and deselect it. Click on the path. This selects the forward path, the one in front and now, you want to go ahead and select the Scissors tool from the Eraser tool Fly Out menu and you want to click at this anchor point right there at the top of the wrist and this one down here at the bottom of the wrist and then press the V key to get your Black Arrow tool.
Click on this path right there to select it and press the Backspace key or the Delete key on the Mac. Now, obviously, we've got a little bit of a problem here. I'm going to zoom on in. Right there at the wrist, we have a break in the gradient and normally, what you should be able to do is click on one path, the one for the hand and then shift click on the wrist, that'll get you the arm. And then you would get the Gradient tool and you would drag the entire length, I'm actually zoomed in too far here, the entire length from the knuckle over here and press the Shift key as you do and, you would normally get a horizontal gradient but for some reason, notice here, inside the Gradient panel, the angle of the gradient is 90 degrees, which means it's straight up and down.
And in case you encounter that bug as well, here's the solution. Press Ctrl+Z or Cmd+Z on a Mac, to undo that move. Ctrl+Click somewhere inside the document. That's a Cmd+Click on a Mac, to deselect everything and just Ctrl or Cmd click on that hand and now drag your gradient like this. Even though it's completely wrong, that's fine. It's just resetting the angle of the gradient. You can see it's 180 degrees, which is what we want and then Ctrl or Cmd click right there, in order to select the entire length of the arm and drag from the knuckle over to the arm, like so, while pressing the Shift key, in order to constrain the angle of the drag to horizontal.
And now what you want to do is press the Ctrl key or the Cmd key in the Mac to temporarily get that Black arrow tool again, and Marquee this area right here and now that'll get you both the hand and the arm this time around. Then, go ahead and release the Ctrl or Cmd key, so you're back to Gradient tool and drag from here, from the knuckle down to this portion of the arm in order to create a continuous gradient across the two shapes, like so. Now press Ctrl+0 or Cmd+0 on a Mac to zoom out, and I'll press the V key to switch back permanently to the Black Arrow tool and I'll click off the hands to deselect them. Notice that we have some problems here, these lines cut into the hand, down right inside the document and up here, up left.
So what you want to do, is just click on any one of these paths here and then press Ctrl+X or Cmd+X on a Mac, to cut them and then click on his hand and press Ctrl+F, or Cmd+F on a Mac, in order to paste in front and then go ahead and grab these guys and press Ctrl+X or Cmd+X on the Mac. Click on this hand, press Ctrl+F or Cmd+F on the Mac for paste in front, and then you might as well do it with these lines too, even though they're not really causing a problem. Go ahead and select them, press Ctrl+X, Cmd+X on the Mac, click on the hand. Press Ctrl+F or Cmd+F on the Mac, to paste.
Go ahead and get these paths, Ctrl+X, Cmd+X on the Mac, click on this hand shape right here, the forward one and press Ctrl+F or Cmd+F on the Mac, in order to paste in front, as well. And now you can select that Details Lines layer that doesn't have anything on it and you can click on the Trashcan at the bottom of the Layers panel to get rid of it, and that takes care of it. Now I'll just go ahead and hide the guides by pressing Ctrl+; or Cmd+; on the Mac and that, friends, is how you create a collection of four square hands gripping each others arm, in the spirit of brotherhood, solidarity and teamwork, here inside Illustrator.
If you're a member of the lynda.com online training library, I have a follow up movie in which I show you how to take our existing color scheme and we're going to swap out the colors in the gradients in order to create this depiction of an unusually diverse working environment. If you're waiting for next week's free movie, I'll show you how to use the new Select Focus Area Command in Photoshop to separate this guy from his low focus environment and ultimately, create this straight line engraving effect. Deeke's techniques, each and every week. Keep watching.
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.