Dashed Lines (updated for CS4)


1. Making dashes might not be like the craziest effect to do on Illustrator, but you will be suprised by the number of e-mails I get about how to do it. First of all, I am going to draw out a circle on Illustrator. Of course yours doesn’t have to be a circle. Select the shape first then go to step 2 of this tutorial.

2. Now go to your STROKE panel and you should see settings like this. If you don’t see the STROKE panel in your document then go to WINDOW > STROKE and it should appear right away.

3. Now what you have to do is click on the DASHED LINE box and check it off. And then you can adjust the dash length and the gap length in the boxes below. You can get really specific or just repeat the numbers.

4. I know in this screen shot the dashes don’t look even but it’s just the quality of the image. That’s all you have to do to make dashed lines. Now all you have to do is import that into Photoshop and use it on your website or other graphic design projects.

5. Now if you want to edit this, you can. Go to OBJECTS > PATHS > OUTLINE STROKE. This will turn the stroke into an editable object with anchor points.

6. Now get the white arrow tool and select the area where you want to edit or remove.

7. As you can see in this screenshot, only part of the dashed circle gets selected.

8. My final result of picking and choosing where I want to delete.

Share:
  • Facebook
  • Twitter
  • email
  • StumbleUpon
  • Delicious
  • Google Reader
  • Reddit
  • Tumblr
  • Digg
  • Google Bookmarks
  • LinkedIn

5 Responses to “Dashed Lines (updated for CS4)”

  1. connie said:
    June 15th, 2010 at 2:23 am | reply to this postReply to this comment |

    I am just starting to use illustrater and i need help.
    iam using cs3

  2. Chris said:
    June 16th, 2010 at 1:36 am | reply to this postReply to this comment |

    contact me if you like. chris@dreaminfinity.com. i can try my best to help.

  3. Ahsan said:
    November 6th, 2010 at 6:17 am | reply to this postReply to this comment |

    I think your tutorials are informative and good, i have just started using illustrator 4 months ago, and i learned a lot of techniques from your site…..
    I don’t know why people are so aggressive in their comments regarding your Tutorials……..
    One more thought, they are not too much detailed but they are explained in a nice way.

  4. Bettina said:
    April 7th, 2011 at 6:11 am | reply to this postReply to this comment |

    I am looking for adobe illustrator tutorials and luckily I found your site. The tutorials are basic and yet very very important. Thank you very much for sharing!

  5. shiry said:
    April 28th, 2011 at 12:49 pm | reply to this postReply to this comment |

    thank u so much!!!

Leave a Reply - Need an avatar for your posts? Register here for global avatar usage.

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

media temple