Jump to content
fredlim

How to create watch dial with number align vertically?

Recommended Posts

Welcome to the Serif Affinity Forums, @fredlim. :)

On a watch dial or clock face, only the 9 and 3 are aligned vertically. The 12 and 6 are aligned horizontally and the other pairs are rotated to regular positions in between.

Create the 12 and 6 as centred text at the desired distance apart, align them horizontally, group them and press Ctrl+J to duplicate the group. Keeping the duplicate group selected, Shift-drag on one of the ends to rotate it by 30°, and then press Ctrl+J four more times to create the other eight numbers. At this stage you’ll have six 12s and six 6s, all rotated except for the original pair, so to finish off you’ll need to unrotate the copies and replace the numerals.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.2.174 • Designer for iPad 1.8.2.4 • iPadOS 13.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Thank you for the solution. My question is not clear enough and have a mistake. It is the text not rotate around the circle, like the attach file, the inner hour big text does not rotate, any idea?

e328e97f-e824-5d6e-81e6-fa965b6da456_380x@2x.jpg

Share this post


Link to post
Share on other sites

TickTock.afdesign Saved with history so you can jog back and forth in the history panel. 

1600381221_ScreenShot2019-01-09at08_24_04.png.d27d4b5c29253196d2db334033c677f8.png


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites
On 1/9/2019 at 2:57 AM, Alfred said:

Welcome to the Serif Affinity Forums, @fredlim. :)

On a watch dial or clock face, only the 9 and 3 are aligned vertically. The 12 and 6 are aligned horizontally and the other pairs are rotated to regular positions in between.

Create the 12 and 6 as centred text at the desired distance apart, align them horizontally, group them and press Ctrl+J to duplicate the group. Keeping the duplicate group selected, Shift-drag on one of the ends to rotate it by 30°, and then press Ctrl+J four more times to create the other eight numbers. At this stage you’ll have six 12s and six 6s, all rotated except for the original pair, so to finish off you’ll need to unrotate the copies and replace the numerals.

Similar question: instead of numerals, what about objects, like rectangular hour and minute markers?

Do I really need to press control+J 60 times if I want to get minute markers? Is there an easier way?

Share this post


Link to post
Share on other sites
7 hours ago, nobodysawme said:

Similar question: instead of numerals, what about objects, like rectangular hour and minute markers?

Do I really need to press control+J 60 times if I want to get minute markers? Is there an easier way?

Welcome to the Serif Affinity Forums, @nobodysawme. :) (BTW, it probably hasn’t escaped your notice that I saw you!)

For minute markers, use the Cog Tool to create a gear wheel with 60 teeth. Adjust the parameters so that the teeth are separate thin rectangles.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.2.174 • Designer for iPad 1.8.2.4 • iPadOS 13.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
10 hours ago, nobodysawme said:

Do I really need to press control+J 60 times if I want to get minute markers? Is there an easier way?

If you want a more complex marker than you can get using the cog tool, you can reduce the number of power duplicates needed by duplicating the first marker, rotating it 90° around the center of the clock face after setting 'show rotation center' of the marker to the center of the clock face. Do that twice more, select all 4 markers, duplicate them, & rotate that set of 4 by one 'tick' (6°) & power duplicate to get the rest of the markers.

If you are using Affinity Designer, you can make the first marker a symbol so if you want to change the design of the markers, you just have to change one of them & all the others will automatically change at the same time. That's what I did in this clockface markers .afdesign file. It has the history included so you can use the history slider to see how I made it.


Affinity Photo 1.8.3, Affinity Designer 1.8.3, Affinity Publisher 1.8.3; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.3.180 & Affinity Designer 1.8.3.2 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.