: 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
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.
More posts by @Miguel516
2 Comments
Sorted by latest first Latest Oldest Best
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...
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)...
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.