Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


INFOGRAPHIC SERIES - Timeline with dot indicators on a single path

5/26/2016

1 Comment

 
There are a few things out there that I find really cool, and Illustrators ability to create multiple strokes on one path is one of those cool things. This infographic in one line and that is it, no shapes. Check this one out, it is simple and just awesome. And it will also show you how to create a dotted line in Illustrator, an odd feature that many people don't know about!
Picture

Picture
Start with a path, add a stoke to it.
Picture
Open up the Appearance Panel, you'll need this to add strokes to strokes. May seem odd, but this is how it is done.
Picture
In the lower left of the Appearance Panel, click on the Add New Stroke button.
Picture
This shows how one stroke can be on top of another stroke.

Picture
Click on the Stroke Link in the Appearance Panel. Click on the Dashed Line Box and set the dash length to 0. Yes ZERO. Why Zero? Then nothing shows up, right? so turn on the Cap options with the rounded end. This gives you two "half circle" caps that make a dot. And with a Zero stroke, it looks like a dot.
Picture
Setting the gap on the dashed line gives you the spacing between the dots. 
Picture
Click on the last stroke and click on the Appearance Panel cheese grater and choose Duplicate Item, this gives you a copy of the stroke and its attributes.
Picture
With the duplicated stroke, make it a different color and set the stroke weight to be smaller than the stroke below it.

You can also move each stroke above or below each other, just like you would a layer.

Picture
Here is the stroke on top of a stroke on top of a stroke. And this is all one path! Not separate circles on the path.
Picture
To save this effect, go under the Window Menu and choose Graphic Library. Select the path with the multiple strokes and drag it into the Graphic Styles Panel and it will add the style to panel for future use.
Picture
Now any shape you create you can quickly add the newly created stroke style to any shape that has a path.
Picture
Adjust the stroke of the paths to change the look of the dots. 
1 Comment
celebrity heights link
11/23/2021 06:45:00 am

Thank you so much! I look forward to seeing more updates from you.

Reply



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022