Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
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 create arrowheads around a closed shape, specifically this black rectangle. And the idea is that the second you click with the inactive pen tool cursor, it leads to the active cursor. The same happens when you click with the awaken cursor. Then you get the active cursor as well because you're in full pen tool drawing mode. But you can click with the active cursor as many times as you like so it just leads to itself. And then these convert and cert and delete variation. That allow you to modify the path as you're working on it.
And then finally, if you connect two open paths or you close the paths that you're working on, then the drawing process ends and you go back to the inactive cursor. Alright, I'm going to switch to my document in progress, and we want to be able to see the grid, so go to the View menu and choose Show Grid, also make sure that the snap to grid command is turned on. Once you're seeing the grid on screen, go ahead and zoom in to the left side of this black rectangle. Click on it with the arrow tool in order to select it, and then you want to switch from the eraser tool by default to the scissors tool, which you can also get by pressing the c key.
Now I want you to measure three grid increments of, from the bottom of the bright green rectangle, so one, two, three to this point right there. And click in order to create a break at that location. Now go and zoom back out and zoom in on the right side of the same rectangle Measure down one, two, three grid increments and click at this location right there. We now have two separate path outlines. Press Ctrl+0 or Cmd+0 again in order to zoom out.
Then I'll switch to the black arrow tool. And I'll marquee the right edge of what appears to be a single rectangle. It's actually two paths. To select both of them. And now I want to add the arrowheads and the easiest way to do that is to just eye drop the ones we've already created and you can do that by switching to the eyedropper tool and then click on one of these existing Arrows and that doesn't give us the arrowheads, that lifts the stroke color and a line weight and all that. But the arrowhead does not get copied. And that's because, if you were to twirl open the arrows layer right here, and take a look at these lines that you've created, notice that they all have these volumetric meatballs.
Which is to say these little targets here, these little circular targets do not appear as hollow circles as they normally do. They appear as filled circles which means that they have some special appearance attribute associated with them. And to lift that attribute you have to double click on the Eyedropper tool to bring up the Eyedropper options dialogue box and turn on the Appearance check box. Where eyedropper picks up. Then, we'll go ahead and twirl the appearance closed, as well. And, so now you have just three check boxes, all of which are turned on.
Click the OK button. Now, try that again, going click on any of these arrows, it doesn't matter which one, in order to lift its attributes, and you'll end up with these effects here. So far so good, go ahead and switch over black arrow tool, and we want to switch over to the appearance panel, which you can get by choosing the appearance command from the window menu. Then click on the green swatch and change it to black in order to restore the black stroke. Things aren't quite what I want them to be, this is too sharp of a transition right here.
The bite into the black stroke beyond the black arrowhead. Don't like it. Want to dull it down a little bit, so I'm going to click on the second occurance of the word stroke, the one for the white stroke. And I'm going to change the arrowhead from arrow five to arrow seven, which is a little bit duller, as you can see. However, it's also a lot bigger, so I need to reduce the line weight value from 16 points to 10 points. And then I'm going to take the scale value, make sure that they're linked together by the way, up to 50% in order to produce this effect here.
That changes both of the stroke center's work right now, the problem is, we're not getting the right effect over here on the left hand side. It's working here on the right hand side, because this path outline is in front of this one. But you can't have this path outlined in front of the other one as well. So we've gotta adjust things a little bit. By switching back to the scissors tool, and then I'm going to click right about here, let's say. It's not important exactly where you click, you just want to click some place along this bottom edge.
And then press the V key to get back to the black arrow tool. Make sure that this arrow right there selected the one that goes from the bottom to the left hand edge. And right click inside the document window. Choose a range and choose bring to front. And now this guy, this arrowhead right here is in front of this line. This arrowhead is still in front of this line so both the left and right hand edges look the way they should. It's this bottom edge that doesn't look right. And we can take care of that by selecting it and clicking on the top stroke right there.
And getting rid of it's arrowhead. By changing it from arrow five to none. Like so. And then you probably want to grab that ten point stroke and just drag it and drop it into the trash can to get rid of it. And then click of the path outline to deselect it and everything should be fine but if you want to make sure that there's no gap whatsoever between these two lines then press the A key and click someplace on this line here in order to select it. Then select that anchor point right there. And then just press shift left arrow a few times in order to create an overlap between those two strokes.
Press the tab key to hide my panels. And press Ctrl + 0 or Cmd + 0 on a Mac in order to center my zoom. And or even press Ctrl + " or Cmd + " on a Mac in order to hide the grid. And that, friends, is how you create arrowheads, as many as you like. We just did two, but you can do more. Around a closed path outline, or at least what appears to be a closed path outline. 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.