In this exercise I am going to demonstrate how you go about creating and using arrowheads in Illustrator CS5. We will also see how that's changed from the behavior in Illustrator CS4 and earlier. Those of you who have been using the product for a while, you know what CS5 is going to do with your archival files. So what I would like you to do is go ahead and open this file right there, it's called CS4 arrowheads.ai. It's I found inside the 07_fill_stroke folder. I did create this file inside of Illustrator CS4, but I could have just as easily created it CS3 or CS2 going all the way back to the introduction of Live Effects inside of Illustrator.
I'll click on the outline for this curlicue path to select it and you can see that I have two arrowheads; a traditional arrowhead over here at the end of the path and at the beginning, I have a tail, but it's also created using the arrowheads function. Now in CS4 and earlier in order to access arrowhead, you would go up to the Effect menu, you would choose Stylize and then you would choose a command that's no longer there. At the top of the submenu there used to be a command called Add Arrowheads. Thankfully even though the command is gone, Illustrator CS5 continues to support this function and to see what I mean, go to the Appearance panel and at the bottom, you'll see this item that's called Add Arrowheads.
That is the Live Effect right there. Go ahead and click on it in order to bring up the old dialog box. So everything is still here inside of CS5 when you're opening your old files, but I encourage you to switch over to the new style arrowheads as I will show you a moment, because the old way was pretty clunky. Notice that you could switch between 27 different arrowhead types either at the start or the end or both as I've specified and you can switch between them by clicking on these little arrows right there and then you can preview your modifications like so.
You also have a Scale value, but that Scale value affects both of the arrowheads. So if I raise it to 100% for example, and press the Tab key, then I make both the arrowhead and the tail larger as you can see. So the old Add Arrowheads function still here, but the new arrowheads function is much better. I will cancel out of here. It's found inside of the Stroke panel. And notice by the way, I want you to see this. See how there is a little bit of a gap between the end of the line and the arrowhead? I could fix that, even in the old days I could fix that by going to the Stroke panel and switching the Cap to a Projecting Cap like so.
That goes ahead and fills in that gap. I'm going to undo that modification so that we have the gap again just so that we can compare the new arrowheads feature. So I am going to grab the old Add Arrowheads effect and I am going to throw it in the trash and then the path outline is still selected, notice that I'm going to bring up my Stroke panel by clicking on Stroke here in the Appearance panel. Let's start things off by adding an arrowhead to the starting position. So this is the start, this is the end. I will go ahead and click on this down pointing arrowhead and then I can choose an arrowhead from the list.
So we've got more arrowheads to choose from. So you have the old 27 plus 12 more I guess since there are 39 in all. Then include things like this asterisk (*). Also, you have the scissor marks right there, if you want to indicate a coupon cut, that kind of thing. Some grayscale arrows as well; so they are not all black and white like they used to be in the old days. However, I am going to stick with my old settings, that is, Arrow 1 which is the arrowhead and then I will go ahead and assign Arrow 20, which was that tail that we saw just a moment ago.
You can see the effect we are getting. It's entirely different than it was before. In our case, it's quite wrong actually, but notice among other problems that I went ahead and assigned the arrowhead over here number 1 to the beginning of the stroke and the tail number 20 to the end of the stroke. I don't want that. So I can switch them around. I can swap those two arrowheads with each other just by clicking on this little swap icon. I can also scale each of these arrowheads independently. So I am going to take the Scale value for the tail down to 80% and then I am going to leave the head set at 100% or at least I would like to.
Right now they are linked to each other. So I will go ahead and turn off that link and then I will change this arrowhead value that is arrow number 1 to 100% like so. Then notice we have alignment function. So you can either replace the arrow tip at the end of the path, the way I have. So in other words the tip of that arrow ends right there at the anchor point and the tip of the tail is well aligns to the other end point. If you would rather move them out, the way they used to be in the old days so that the arrow begins at the anchor point instead of ends at that location.
Then go ahead and click on this option, Extend the arrow tip beyond the end of path like so. Notice that Illustrator is better at alignment. Now you may still end up with slight gaps when you select this option and if you do, then just try out a different Cap option either the Round Cap or the Projecting Cap; one or the other should satisfy your needs. Now check this out. This is also very cool. Let's I am happy with the ratio between these two arrowheads. In other words, 80% for the tail and 100% for the head. However, I still want to make them smaller.
This is a very unusual linking option inside of Illustrator. Now I can link these together and I could say, you know what, I want to take the arrowhead down to 50%, press the Tab key, that automatically scales down the tail to 40%, which is half of 80%. So it goes and keeps the ratio between tail and arrowhead. That's too small in my opinion. So I will bring the arrowhead value, Arrow number 1 up to 70% like so and then I am going to need my Projecting Cap again. So I will go ahead and turn it on. So that gives you a sense of how arrowheads work here inside of CS5.
They are no longer displayed as a Dynamic Effect as you can see now here inside the Appearance panel, instead you access them from the Stroke panel. In the next exercise I am going to show you a real world double-stroke arrowhead example.
Author
Released
5/28/2010- Creating great art using basic tools
- Brushing and building organic artwork
- Scaling and rotating path outlines
- Creating and formatting text
- Drawing articulated paths with the Pen tool
- Combining paths with Pathfinder operations
- Printing and exporting to the web
Skill Level Beginner
Duration
Views
Q: I was not able to locate my saved shortcuts and cannot locate the folder I created to place the preferences into. The Illustrator steps are clear and using the search function I should be able to find the folder, but it cannot be located. How can I find the shortcuts file on a Mac?
A: To search for the shortcuts file on a Mac, press Cmd+F. Then change the option that says "Kind" in the top-left corner to System Files by choosing "Other" and selecting "System Files" from the menu.



Q: The instructions for installing the dekeKeys don't work on my computer (which is running Mac OS X Lion). Is there an update to these?
A: The dekeKeys distributed with this course will still work for Lion. You just need to add them to a slightly different folder than in previous versions of OS X.
Open a new Finder window and choose Go > Go to Folder. Type the following file path exactly as written below. Copying and pasting may result in an error.
~/Library/Preferences/Adobe Illustrator CS5 Settings/en_US
Move and/or copy/paste the dekeKeys to this folder and follow the rest of the instructions as outlined in the video, "Installing the dekeKeys keyboard shortcuts."
Related Courses
-
Deke's Techniques
with Deke McClelland155h 5m Intermediate
-
Introduction
-
Remapping OS shortcuts6m 56s
-
1. Making a Document
-
Managing artboards1m 20s
-
The Welcome screen3m 49s
-
Creating a new document7m 13s
-
Advanced document controls6m 52s
-
Auto-arranging artboards3m 42s
-
Rulers and artboards6m 40s
-
Saving a native AI document7m 25s
-
Closing all open documents2m 45s
-
-
2. Navigation and the Workspace
-
Using tools to zoom and pan5m 56s
-
Scroll wheel tricks2m 13s
-
The tabbed-window interface6m 17s
-
Closing all but one document3m 30s
-
Saving a custom workspace4m 57s
-
Hiding the bounding box4m 27s
-
Keyboard increments7m 15s
-
Cycling between screen modes5m 21s
-
3. Opening Documents and Getting Organized
-
Opening a document5m 2s
-
Introducing Adobe Bridge6m 6s
-
File-type associations4m 3s
-
Previewing and collecting8m 17s
-
4. Basic Line Art
-
Everything is anything1m 14s
-
Meet the line tools3m 30s
-
Saving large layer previews5m 50s
-
Creating custom guides5m 31s
-
Creating a heart using arcs3m 51s
-
Adjusting control handles4m 13s
-
Drawing a line segment4m 51s
-
Rotate, Fill, and Stack4m 37s
-
Drawing a looping spiral4m 41s
-
Tracing a template layer5m 1s
-
Selecting similar objects3m 32s
-
-
5. Geometric Shapes
-
The anatomy of a path1m 41s
-
Meet the shape tools3m 32s
-
Creating a compound path4m 29s
-
Drawing rounded rectangles3m 28s
-
Aligning to a key object3m 47s
-
The constraint axes4m 11s
-
Using the Flare tool5m 32s
-
-
6. Paint, Build, and Transform
-
Painting artwork from life1m 21s
-
Tracing a photograph2m 41s
-
Draw, Move, and Duplicate5m 27s
-
Rotating and duplicating6m 1s
-
Pressure-sensitive input4m 24s
-
Using the Shape Builder tool4m 57s
-
Establishing design groups5m 54s
-
When to rotate vs. reflect4m 55s
-
Simulating beveled edges6m 46s
-
-
7. Swatch, Stroke, and Stacking Order
-
The Document Color mode6m 20s
-
Introducing the Stroke panel4m 46s
-
Cap, Join, and Miter Limit6m 42s
-
Managing color swatches4m 55s
-
Filling paths inside groups6m 24s
-
Adjusting the stacking order7m 44s
-
Combining multiple fills5m 29s
-
Creating a tile pattern9m 2s
-
The new CS5 arrowheads5m 44s
-
Creating a callout line7m 1s
-
Width tool tips and tricks8m 47s
-
8. Working with Type
-
Next-generation text1m 19s
-
Making a margin guide5m 7s
-
Offsetting flush-left text4m 47s
-
Placing and threading text6m 18s
-
Working with point text7m 10s
-
Redefining paragraph styles6m 42s
-
Using the Glyphs panel6m 41s
-
Spell-checking text4m 24s
-
Updating a graphic style5m 43s
-
Creating type on a path7m 26s
-
Adjusting baseline shift4m 18s
-
-
9. Using the Pen Tool
-
Moving and deleting points7m 46s
-
Editing a path as you go7m 5s
-
Faking a spline curve5m 54s
-
Adding corners to a spline7m 15s
-
How control handles work10m 17s
-
Aligning open paths5m 38s
-
Splitting and joining paths8m 51s
-
Cusp points and miter limits6m 45s
-
Using the Convert Point tool4m 42s
-
Stacking clipped paths4m 28s
-
10. Pathfinder Operations
-
Unite closed, join open4m 46s
-
Switching shape modes4m 43s
-
Adding to a compound shape5m 32s
-
Outline Stroke and Unite3m 37s
-
Painting in the foliage5m 23s
-
Filling in and erasing away6m 31s
-
Painting more precise holes5m 17s
-
Adding in rough edges7m 53s
-
Contouring roots and limbs8m 56s
-
Filling in the limbs4m 19s
-
Using the Divide operation5m 46s
-
11. Printing a Document
-
Converting type to outlines8m 55s
-
Setting trim size and bleed6m 22s
-
Stroking a placed image4m 54s
-
Filling in your bleeds5m 34s
-
Troubleshooting weak blacks6m 36s
-
The General Print options5m 20s
-
Placement, scale, and tiling6m 39s
-
Trim and printer marks6m 23s
-
Warnings and document raster5m 21s
-
12. Exporting to the Web (and Elsewhere)
-
Saving a high-contrast GIF7m 18s
-
The versatile PNG format6m 33s
-
Saving a full-color PNG4m 47s
-
Placing an AI Smart Object7m 38s
-
Conclusion
-
Until next time1m 33s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: The new CS5 arrowheads