So, you're here because you just got yourself a new Amazfit smartwatch. Congrats.
Either you bought it because, like me, you knew you could also make your own watch faces, or you just found out that you can.
Whatever the case, if you would like to know how to make them, you're in the right place.
This is an extensive beginner's guide. I'm hoping that anyone can build their own watch face with it, so we all have more dials to try.
I'm only assuming you know the basics of Photoshop or any other photo editing software. If you don't, there are tons of articles on the web and on Youtube. They can help you with that. It also shouldn't be that hard, but it depends on the software you end up picking.
But if you already know what a PNG file is and you've worked with transparencies before, then you're good to go.
If you're not considering Photoshop, you can check out Gimp or one of these 13 Photoshop alternatives.
You'll also need to download, unzip, and copy this (portable) software from SashaCX75 to any folder on your Windows PC:
This is version 10.0, and it's compatible with the Amazfit GTR 47mm, GTR 42mm, GTS, T-Rex, and Verge Lite. It includes some of my work for the GTR 47mm (you can convert it to other watches), but you can also get it here.
And this is version 11.1, which is compatible with the Amazfit GTR 2, GTS 2, and T-Rex Pro.
Other versions may also be compatible with other Amazfit smartwatches.
While it's not mandatory, this software is highly recommended, as it will save you a lot of time. You can also edit the JSON file yourself. That was my strategy when I was creating watch faces for the Mi Band 4.
You can then use amazfitwatchfaces.com to upload your watch faces (more on installing them later), but you'll need to create an account first. Then, install their app (Android: Amazfaces, iOS: Amazfaces), and by also adding your watch face to your favorites, you can install it later in a breeze. I'll give you some alternatives later on.
Things you need to know beforehand:
Without further ado, let's start.
If you prefer to start with someone else's work, you can download the BIN file from any compatible watch face you just found online (like the ones in amazfitwatchfaces.com) and then click on "Unpack compressed bin."
This is the first watch face that we're going to create. It's a digital dial with a limited number of complications (any function that exists in addition to telling time). They're in a folder called "lsdigital_lime_blue". Later we'll try an analog dial with some progress bars.
#1 After downloading my files, unzip them into the "Watch_face" folder of the watch face editor and just open that editor.
#2 Then click on the "Choose" tab.
#3 If you're starting fresh, click on "Select" next to "Images," and then select all the image files you already have.
#4 If you've saved your work before, click on the "Select" button next to "JSON with pictures," then select the JSON file.
#5 Then, click on the "Editing" tab, and just start editing your new watch face.
#6 Click on the "Background" button, then on "Image," scroll down and pick your background file.
#7 Then, click on "Time," check "Activate," then "Show," and then just fill out everything like in the following example:
"ImageIndex" is the index of the first image in a sequence. In our example, "1" is for the picture with the number "0." Be aware that there's also another sequence of smaller numbers that start on the index number 11. Just ignore them for now (more on that later).
"ImagesCount" is the number of images in that sequence.
#8 Then, click on the "Minutes" sub-tab, and again, follow this example:
#9 Then, click on the "Date" button, "Activate," and "Show." Keep following these instructions:
As you just saw, some complications are positioned as a box, and you'll have to set the left top corner, the right bottom corner, and the alignment. Depending on what your alignment is set to, you'll usually only have to fill out two coordinates. For the other two, you can define an approximate value. You can also set the spacing between the numbers in pixels.
#10 Then, click on the "Activity" button, then on "Activate," "Steps," "Show," and then just follow this example:
#11 Then, click on the "Pulse" sub-tab, then on "Show," and again do as the following image shows you:
#12 When you finish, click on the "Battery" button, then "Activate," then on "Text," and then on "Show." Again, use the following values:
#13 That's it. You've just finished your first watch face. It's time to pack, upload, and install it.
#14 That's it. Now you have the file that you need to upload to the Amazfaces platform or copy to your phone to use with any other app that allows you to install it on your watch (more on that later).
#15 You'll find the necessary files in this folder: "lsdigital_led_analog".
#16 First, follow the previous steps from #1 to #6. While on the "Editing" tab of the watch face editor, you should click on the "Analog clock" button. Then, click on "Activate," then on "Show." Just follow this example for the hour hand:
#17 Then for the minute hand:
#18 And then for the second hand:
This is a bit tricky if you're not used to dealing with analog watch hands. You should try other values for the coordinates and axes. That way, you can get a feel of what they do. If you're having issues, consider using someone else's work, as it can save you hours of frustration.
Anyways, now let's add a progressive bar. You should also consider this a more advanced example that you may only want to try later on. But let's go.
#19 The most popular complication is the "Steps progress." You can set it to a circle, an indicator, or a segment. In this example, we're sticking with "Segment." As always, just follow the screenshot:
#20 Then add the number of steps, as follows:
#21 You can also add a heart rate complication:
#22 Another common complication is the progressive bar for battery life, which you can add like this:
#23 Then just follow the following steps to add the day of the current month, and that's it.
While I do recommend the following method, I'll also give you an alternative.
As soon as you have your Bin file, just head into amazfitwatchfaces.com/upload, pick your device, fill in all the required fields, click on "Select pic" to select a preview (preferably the GIF you've created before), select the Bin file, and just hit upload.
Then you'll have to access their platform with the Android or iOS app that I've already mentioned to download and install those watch faces.
I strongly suggest you test it on your device as soon as it's online to make sure everything's running fine.
If you prefer to connect your phone to your PC, you can follow these instructions.
If you prefer to manually install using only your phone, you can check here how to, with step-by-step pictures. Just remember to rename your .BIN file to match the file name of the example shown there.
Don't forget to check your phone notifications and set the USB connection type as "File transfer."
That's it. If you're having any issues, just send me an email and I'll try to help you. You can also email me if you want to share your work with me. I can also share it here, so others can try it too.
I already have 40+ watch faces that I've made available for the GTR 47mm and that you can now convert to your own watch model.
You can check them out here:
My name is Luis Silva, and I have a degree in computer management. Ever since I was a teenager, I've loved everything to do with tech. Music, pictures, video editing, I've done it all! This site is a place for me to share some of the knowledge I have, as well as keep up-to-date with current trends. This is a wonderful place for tech-geeks and everyone else that just want to learn more about tech and smartphones in general.
Keep in touch