How to make a true 12h (12:00 mid night) bip watchface?

[asadulhuq]

I would appreciate in case one can let me know how to design a true 12h bip watch face where displayed time will be 12:00 at midnight instead of 00:00.
Thanks in advance.

[ebs]

I have been using a modified version of the technique originally created by watchface developer SIR.

You have to make a set of hours digit images that are 2 digits wide, with transparent portions that get overwritten.
In the following, "_" is transparent.

0 "_2" <= Tens (2 images)
1 "10"

0 "1_" <= Ones (10 images)
1 "_1"
2 "_2"
3 "_3"
4 "_4"
5 "_5"
6 "_6"
7 "_7"
8 "_8"
9 "_9"

The hours tens digit is displayed first, then the ones digit, which overwrites one of the digits.
Here's how the hours 00 - 11 are displayed:

00: "_2" + "1_" = "12"
01: "_2" + "_1" = "_1"
02: "_2" + "_2" = "_2"
03: "_2" + "_3" = "_3"
:
:
09: "_2" + "_9" = "_9"
10: "10" + "1_" = "10"
11: "10" + "_1" = "11"

This produces a true 12-hour time, with no leading zeros and "12:00" displayed for midnight and noon.

Note that many watchfaces use the same images for the hours and minutes digits.
In this case, you need to create a new set of images for the hours digits.

Regards,
Eric

[asadulhuq]

Lot of thanks. I will try soon.

[asadulhuq]

Again an excellent explanation for producing true 12:00 at midnight. However, I would appreciate if one gets me hints about producing transparent 'colors'. I normally use MS paint to make watch faces. I have not been successful to produce a transparent color with paint. Thanks for any hint regarding this.
Regards.
Asadul Huq

[TXK]

Again an excellent explanation for producing true 12:00 at midnight. However, I would appreciate if one gets me hints about producing transparent 'colors'. I normally use MS paint to make watch faces. I have not been successful to produce a transparent color with paint. Thanks for any hint regarding this.
Regards.
Asadul Huq

MS paint does not support transparent colors

Please use this similar software, which supports transparent colors:
Https://www.getpaint.net/

[asadulhuq]

TXK,
Thanks for your reference.
While I want to save a digit keeping transparent portions in paint.net I can't be sure about the alpha value and dether value to set. Could you please get me a hint? Regards. Asadul Huq

[ebs]

I use MS Paint to fill the portions I want to make transparent with a solid color.
It doesn't matter which color, as long as it doesn't appear elsewhere in the image.

Since MS Paint doesn't save images with transparency, I open the image in my favorite image viewer/editor IrfanView.
It's an ancient program, but it works great for what I need. I'm sure there are other programs that work just as well, but I go with what I know.

I just open and re-save the image, making sure the PNG option "Save Transparent Color" is checked.

When the program asks you to click on the transparent color, click on the solid area you filled in MS Paint, and you have a PNG image with a transparent area.

Regards,
Eric

[asadulhuq]

Excellent. I must try.

[TXK]

TXK,
Thanks for your reference.
While I want to save a digit keeping transparent portions in paint.net I can't be sure about the alpha value and dether value to set. Could you please get me a hint? Regards. Asadul Huq

No settings are required, just create a new picture with a transparent background.（New image, DPI needs to be set to 96）

Or, if you use the magic wand tool to select the want to transparent part of an existing image, deleting the part will become transparent.