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

Creating Customizable Dashed Lines with Adobe Illustrator

Creative COW RSS Tutorials Feed
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





  Adobe Illustrator Tutorials   •   Adobe Illustrator ForumAdd Comment


Related Articles / Tutorials:
Creating a Helix in Adobe Illustrator - Part 3Creating a Helix in Adobe Illustrator - Part 3
Adobe Illustrator Tutorial, Video Tutorial
Creating a Helix in Adobe Illustrator - Part 2Creating a Helix in Adobe Illustrator - Part 2
Adobe Illustrator Tutorial, Video Tutorial
Creating a Helix in Adobe Illustrator - Part 1Creating a Helix in Adobe Illustrator - Part 1
Adobe Illustrator Tutorial, Video Tutorial
Vector Logo to 3D LogoVector Logo to 3D Logo
Cinema 4D Tutorial, Video Tutorial
Radial Patterns with Adobe IllustratorRadial Patterns with Adobe Illustrator
Adobe Illustrator Tutorial, Video Tutorial
3D Watch Animation: Part 13D Watch Animation: Part 1
Adobe After Effects Tutorial, Video Tutorial
Adobe Illustrator for Video and FilmAdobe Illustrator for Video and Film
Adobe Illustrator Review
Adobe Production StudioAdobe Production Studio
Review
Creating a Cartoon from VideoCreating a Cartoon from Video
Adobe Illustrator Tutorial, Video Tutorial
123Di Training Course for Digital Photography Reviewed123Di Training Course for Digital Photography Reviewed
Adobe Photoshop Review
MORE


FORUMSTUTORIALSMAGAZINETRAININGVIDEOS - REELSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

© CreativeCOW.net All rights are reserved.

[Top]