Mobile app version of vmapp.org
Login or Join
Miguel516

: Looking to replicate this dial in illustrator Looking to replicate this dial (see link below) in illustrator, can someone point me in the direction of a tutorial or give me some ideas on how

@Miguel516

Posted in: #AdobeIllustrator

Looking to replicate this dial (see link below) in illustrator, can someone point me in the direction of a tutorial or give me some ideas on how to do this? Many thanks!

It's really just the orange segmented circle that I'm interested in.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Miguel516

2 Comments

Sorted by latest first Latest Oldest Best

 

@Nimeshi706

Another option is to use a dashed stroke... unfortunately Illustrator only lets you set a limited number of distinct dashes through the GUI, you can write it manually with an SVG though.

This for example...

(The important part of which being stroke-dasharray which is just a comma separated list of dash and gap lengths.)

<svg width="600px" height="600px" viewBox="0 0 600 600">
<circle cx="300" cy="300" r="257.586"
fill="none" stroke="#F7931E" stroke-width="50"
stroke-dasharray="40,10,60,10,80,10,100,10,120,10,140,10,160,10,180,10,200,10,220,100000" />
</svg>


Gives us this...

10% popularity Vote Up Vote Down


 

@Turnbaugh909

You could use a transform effect (Effect → Distort & Transform → Transform...) on a single rectangle to create the bars. Set a stroke on the rectangle for the spacing (you can uncheck "Scale Strokes & Effects" to keep the strokes at the same size then...



Expand the result (Object → Expand Appearance). Then drag it to the brushes panel and select "Art Brush" from the new brush dialog...

You can then use your brush on an ellipse (and delete a segment thereof)...

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme