Mobile app version of vmapp.org
Login or Join
Pierce403

: Positioning vertical watch dial numeric markers in Illustrator? I never use Adobe Illustrator much so this might be a fairly easy question, but I can't seem to find any answers in my searching.

@Pierce403

Posted in: #AdobeIllustrator #Alignment #Technique

I never use Adobe Illustrator much so this might be a fairly easy question, but I can't seem to find any answers in my searching.

I am designing a watch dial which has numeric hour markers. It is extremely easy to add them if they are aligned to the circle. I just add my 12 where I want then use the rotate tool to copy at 30 degree increments. Such as this picture where due to the rotation they are aligned out from the center:



But, I can't seem to figure out a way to do the same alignment with vertical hours. You can rotate each hour individually from the previous step so it is vertically aligned, but they lose the correct position on the dial (both vertically and horizontally) when all have been made vertical. I believe that has to do with the bounding box.

Here is an example of the vertical hour markers I am talking about:



How can one do this while still keeping the correct spacing and alignment? Manually placing each one is not an option - this needs to be precise and uniform around the circle - the correct spacing from the outside as well as the correct degree placement on the circle.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Pierce403

1 Comments

Sorted by latest first Latest Oldest Best

 

@Berryessa866

The problem is that each number has a different bounding box, and regardless of that you actually want to align the number's path to the circle, not its bounding box. So a solution without any manual positioning isn't really possible.

Manually placing each number isn't actually hard to do. You just need guides.


Set up guide lines dividing your circle at each relevant angle (i.e. 30°, 60°, 90°, 120° & 150°) and a guide circle to align the numbers to.
Then simply place your numbers so that their bounding box is centered on the guide line and the number itself (i.e. its actual path, not its is bounding box) aligned to the guide circle.








Remove your guides and you're left with this:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme