Creative COW SIGN IN :: SPONSORS :: ABOUT US :: CONTACT US
LIBRARY: TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS FeedTraining DVDs

Creating Customizable Dashed Lines with Adobe Illustrator

COW Library : Seth Taylor : Creating Customizable Dashed Lines with Adobe Illustrator
Creating Customizable Dashed Lines with Adobe Illustrator
A CreativeCOW Adobe Illustrator Tutorial


Creating Customizable Dashed Lines with Adobe Illustrator

Seth Taylor Seth Taylor
Orem, Utah
©2005 Seth Taylor and CreativeCOW.net. All rights reserved.

Article Focus:
This mini-tutorial is for those who've often worked in Illustrator and have needed to turn a dashed line into individually selectable shapes. This may also be useful for pasting dotted path shapes into After Effects or other applications.


To Begin


Draw a circle in Illustrator using the circle tool. (keyboard shortcut: L)
Thicken the stroke of the circle to make this effect more noticeable (8 pt in this example)

Figure 1

Make the Line Dashed....


Make the line dashed by clicking on the dashed line icon. The default dash length is 12 pts (and a gap setting set to zero or blank) which will work fine for this example. Now click on the round cap button to give each dash a rounded cap.

You may think that it would be possible to outline the stroke by using the menu command Object > Path > Outline Stroke, but no. The only way that I've found so far is to access the transparency pallet.

Fig. 2

Opacity



Fig. 3
Enter a value of 99 for the transparency

Flatten Transparency


Fig. 4
Now go to the Object > Flatten Transparency.

Vector Balance


Fig. 5
In the pop-up menu use a 100 value or move the slider all the way to the right to the Vector position.

Fig. 6
The path and rounded caps will now have editable points.


An unknown object within the interior of the outlined stroke has been created. Deselect all segments by clicking on any blank area in the document. Then delete the center object by first selecting the interior object with the Direct Selection tool (keyboard shortcut: A) and then delete.

Customizable Segments


Fig. 7
After reselecting the segments with the selection tool (keyboard shortcut: V), ungroup the outlined segments by using Object > Compound Path > Release and then Object > Ungroup.

Each segment is now fully customizable.

Fig. 8



If you found this page from a direct link, please visit our forums or read other articles at CreativeCOW.net





  Digg it Digg itAdd Comment


Related Articles / Tutorials:
Radial Patterns with Adobe Illustrator3D Watch Animation: Part 1Adobe Production StudioCreating a Cartoon from Video123Di Training Course for Digital Photography Reviewed


Recent Articles / Tutorials:
Native P2 Editing in Final Cut Pro with MXF4MacBleach Bypass EffectLighting with ShadowsSimple MorphBuilding a Cube World: Part 4
MORE


FORUMSTUTORIALSMAGAZINEDVDsBOOKSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

© CreativeCOW.net All rights are reserved.

[Top]