Clock numbers position

How would you go about getting the numbers other than 12,3,6,9 aligned evenly with photoshop or paintshop?
5,348 views 23 replies
Reply #1 Top
It's been a while since I tried it but, in paintshop can't you create the other numbers in a separate window, then paste them over as a new image, then use the move tool?
Reply #2 Top
I think Corel is much better for doin it ... just my experience
Reply #3 Top
With PSP, I would have a layer for each number for starters. Now you can adjust one number without moving anything else. Shouldn't be hard to align then....

.....after thought..... make a guide layer with crosshairs, for aligning things. Turn off visibility for that layer before saving..........

Reply #5 Top
to make a guide layer (ps) :

use the polygon tool ("fill pixels"), number of sides = 12, set to "star", indent sides by 98%

start in the centre and drag out horizontally with the shift key depressed
Reply #6 Top
I agree; Corel is best for it, any thing you create in it is created as an object ( including numbers and letters) and as such can be easily placed anywhere by dragging them or bent, twisted, stretched, etc,etc............
Reply #7 Top
Make a vertical straight line with your end points being the location of the numbers, this will be 12 and 6. Make 5 more layers with this line on it. On each layer, rotate the line 15 degrees (on center) from the previous location. Put your numbers at the end points then delete the lines. That should do it.
Reply #8 Top
I agree; Corel is best for it, any thing you create in it is created as an object ( including numbers and letters) and as such can be easily placed anywhere by dragging them or bent, twisted, stretched, etc,etc............

All this can be accomplished with PSP also.

Reply #9 Top
With Photoshop, it's quite easy but hard to explain. The idea is to duplicate the layer then use the rotate tool, changing the center of the rotation to the center of your clock.
Reply #11 Top
is #7 incorrect?

Sounds like a good idea to me ....... Explaining things like this are the hardest part.. there are many ways to do something, but one must come up with his own preferred method.
PSP can also rotate around the center of the canvas, much like paxx suggests. You just have to explore your tools and options.....

Reply #12 Top
Thanks everybody for your input.
Reply #13 Top

Here is a quick tutorial for you. Looks more complicated than it is. I takes about 5 minutes really to do.

First, making sure you're justified Center in the options toolbar, place your first number at the 12 o'clock position, exactly in the horizontal middle of your clock (I used a guide to make sure).  Note that I also drew a black dot in the exact center of my clock. You'll see why after.

 

Then, just to make the whole process quicker so I don't have to redo this 12 times, I am creating a custom action.
In the actions palette, create a new action. In the dialog, name it whatever you want. You can always delete it after you're done. I called it "rotate". Then press "Record" and Photoshop will start recording every single thing you do.

 

Make sure you're on your type layer, and type Control+T (free transform). Notice the little target symbol in the middle of your selection? That's the center of your rotation.

 

Hold the ALT key and drag it in the exact center of your clock (that's where the black dot becomes handy). And then in the tool options at the top, for the rotation angle (look right under this, at the very top) type 30 (30 degrees is 1/12th of 360). Click in your canvas so it's selected not your toolbar, and press Enter.

 

OK, I forgot one screenshot. But I think you can understand without an image. Now, your type is roated, not straight. So you need to straighten it out. Press Control+T again and type -30 for the rotation angle. Press Enter. Now you're straight and you're done.

Press Stop in your actions palette. Select your "Rotate" action and press Play 11 times. Tada!

You only need to raname your types 1, 2, 3, etc.

Now, my problem here is that I started too high. If you start your first character with a reasonable space between the clock edge and your number, it should be fine. But in my case, to make it look better, I linked all my type layers, pressed Control+T again, and while holding Alt+Shift, I dragged a little inwards to move the types a bit away from the edge.

That's it. No more than 5 minutes. The actions will work for you.

Reply #15 Top
So, Richard, how's it going? You got it to work the way you wanted?
Reply #16 Top
I'm just trying it I'll let you know how it turns out.
Reply #17 Top
I know this is probably a dumb question but how do you get the rotated number in the middle to the exact place on the inside edge of the circle. Might be the screenshot you forgot or not, anyway kind of new to photoshop so you might have to be a little patient..
Reply #18 Top
I got it to work now I just have to figure out how to link layers and move them.
Reply #19 Top
Got it all figured out I think I'll just have to practice. By the way if you want to post a picture of something (like this tutorial) how would you go about it? Have this thing called photobucket and was able to get a picture in there, but how do I go about getting it to here..
Reply #20 Top
I'm not sure I understand your question at #17, but maybe you figured it out. If you mean how I placed my initial number, I first placed a dot in the very center of the circle, then dragged a vertical guide in the middle, using my black dot as a reference (to create a guide, make sure your rulers are showing then click on the vertical ruler and drag). Then I placed my initial number in the middle of that guide. You got to make sure your type is justified center though, or it won't be centered anymore when you change the number to 12.
As for linking the layers, click on one layer first, then for each other number layer click on the little box next to the eyeball icon in your layers palette (see my screenshot, where you see a chain icon).
Hope this helps.
Reply #21 Top
type ‹img src="http://your.image.url/image.gif"›
Reply #22 Top
I figured it out, at first I was dragging the whole number to the center not just the little middle part, anyway thanks for all your help..
Reply #23 Top
Wow paxx! What an excellent tutorial! Wish I looked at this thread 30 minutes ago...I *just* made a clock in PSP (though I also have PS) for WorldTime OD icon...I ended up just eye-balling the positions between the 12,3,6,9. Turned out okay for my own use. Thanks again, will have to give it a try.