Illustrator Info: Dotted Lines

Recently, due to wedding message boards and the like, I found myself quickly whipping up things for other brides-to-be in Adobe Illustrator and InDesign. Working with these programs all day every day pretty much means I could use them in my sleep, but not everybody can. They’re definitely complicated programs, and if you don’t know your way around, they can be very confusing.

I know many future brides are trying their hand at DIY invites and have had quite a time with the design aspect, so I decided I’m going to post small tips for Illustrator here on the ‘Bee. These will be how tos on simple things, so hopefully folks with basic knowledge will be able to figure it out.

Today’s tip is an easy but good one: how to make a dotted line in Illustrator. If you’ve used InDesign (my favorite) at all, you know there’s a simple option to click “dotted line” in your strokes palette, but Illustrator is a little different.

Note: these screen shots come from version CS4. My lazy butt needs to go out and get CS5 all ready. Also, for this post, I’ll list the step and put an image right below it (instead of above it).

Step 1) Create a new document (key command: Command N).

Step 2) Open your stroke pallet. Typically, this is open by default, but if it isn’t, go to “Window” up at the top and click “Stroke” like the image below.

Step 3) Use the pen tool (key command: P) to draw a stroke or create a shape you wish to add a dotted stroke to or around.

Step 4) Using the black arrow (key command: V), click on the stroke or shape you’re using. Double click the strokes palette to expand it if it doesn’t look like the one in the screen shot. Click the check box for a dashed line. (Typically, this will make a dashed line like the kind you see around coupons, where the dashes look like little sprinkles you want to eat). Right under the check box, set your dash as 0 pt and your gap as 10. The gap will be the amount of space between your dots; you’ll probably have to play with it until you find a spacing you like.

You’ll notice I made my stroke weight 5 pt or 5 points; I just did this so it would show up in the screen shot. The weight is how thick (or thin) your stroke appears.

Step 5) This is where the magic happens! Next to the “Weight” and “Miter Limit” boxes, you have some choices for your cap and your joint. You saw in the previous step that the boxes were darkened all the way on the left side. Click the center boxes which are “round cap” and “round join.” (If you hold your cursor over the buttons, the words “round cap” will pop up.) Also, try not to laugh at the fact that the default is a butt cap hehehe…I mean, grow up, people. (Also: butt cap. Hehehehe.)

And look at that! A dotted line. Hoooooray! You did it! I’m so proud—I knew you could do it!

Anybody celebrating their dotted lines? Anybody confused? Let me know and I’ll clarify more if you need it.

BLOGGER

Mrs. Giraffe

Location:
Chicago
Wedding Date:
May 2011
Add a comment

comments

  1. Member
    bRooklynRocks 4048 posts, Honey bee @ 1:38 pm

    Ah, I should say that when you sent me the list of photobooth guys in Chicago, I marveled at the way you put it together. Once I am out of Microsoft Word, I start floundering :(

  2. Member
    cheetah 1192 posts, Bumble bee @ 3:27 pm

    Keep these posts coming! Love it! I use Illustrator all the time, but since I’m self taught I need to learn more! And I need to try InDesign too! I still have CS4 too!

  3. Member
    IvyClimb 2612 posts, Sugar bee @ 7:36 pm

    Great idea for a series of posts. Struggling to learn Illustrator was the most significant step in our creation of our invitations.

  4. Member
    Mrs.SplatterPaint 963 posts, Busy bee @ 8:21 pm

    omg, that would have been so much easier than the way i did it. I made little circles in Word and then copied and pasted them into place. It took HOURS to get them all in the right spot and im still not convinced they are perfect.

  5. Member
    mrspaetz 3812 posts, Honey bee @ 3:37 am

    Cool. I became overly well-acquainted with Photoshop while I created our Invites :P

  6. Member
    jessicanicole156 15 posts, Newbee @ 10:37 am

    Hooray for Illustrator and inDesign tips! I have been DYING for someone to do these kinds of things! I can’t wait to see what you have in store! Keep ‘em coming!!!! :)

  7. Guest Icon Guest
    llustrator Info: Zig Zaggin’ | Weddingbee, Guest @ 11:45 am

    [...] team, so we’ve covered dotted lines and glyphs. What’s next? Well, today’s tip is an easy one (hooray), but I thought some [...]

  8. Guest Icon Guest
    Illustrator Info: A Thank You Mask | Weddingbee, Guest @ 2:45 pm

    [...] already learned about dotted lines, glyphs, zig zag lines, and black & white effects, so I bet you’re wondering what could [...]

  9. Guest Icon Guest
    InDesign Info: Money Saving Wallets | Weddingbee, Guest @ 9:30 am

    [...] been too long of a wait for another tech tutorial! We’ve already learned about dotted lines, glyphs, zig zag lines, black & white effects, and thank you masks. Today, we’re taking our [...]

add a comment

Find Amazing Vendors