TikTekTok Logo


How To Create and Install Amazfit Watch Faces - Beginners Guide

author Luis Silva (May 2021)

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.


Related articles:


How To Create and Install Mi Band 4 Watchfaces


Choose The Right Smartwatch For You In Under 3 Min.


40+ Watch Faces for the Amazfit GTR (47mm)

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:

  • I have an Amazfit GTR, so this is based on that smartwatch but should work just as well with the ones I've just mentioned.
  • You need to be aware of how many pixels your display has.
    • GTR 47mm and GTR 2: 454x454 pixels;
    • GTR 42mm: 390x390 pixels;
    • GTS and GTS 2: 348*442 pixels;
    • T-Rex, T-Rex Pro, and Verge Lite: 360 x 360 pixels;
  • You'll be working with PNG files. Usually, the background image name is 0000.png, and all other image files must be sequentially named, like: 0001.png, 0002.png, 0003.png, and so on.
  • Renamer can help you make your filenames sequential. Quick tips:
    • Select all your image files, drag and drop them on the program.
    • Add a rule, insert a character as a prefix, and then hit "Rename".
    • Select all files on the program and hit the delete button on your keyboard to clear the list. Then repeat the first step.
    • Delete that rule, add a "Delete" rule from position 0 to position 5.
    • Add a "Serialize" rule with "Pad with zeros to reach length": 4
    • Then click "Rename", and you should be good to go.
  • If you need icons (example: steps, battery, and so on), you can search them on Google (try searching for "steps icon"). You can also search for "google fonts" to get your dial numbers.
  • Make sure you only install watch faces that are compatible with your smartwatch.
  • You can place my files in a folder inside this folder: "Watch_face", inside the watch face editor folder itself.
  • Any packed BIN files should go right next to the AmazFit_Watchface_Editor.exe file, while the BIN files generated by this software will end up among the images you're working with.
  • If you end up with your watch on boot-loop because you exceeded the file size limit of a watch face, just put it on the charger and set another watch face. But don't worry, because the editor will warn you if you exceed that size.
  • Making a watch face can take roughly between an hour to an afternoon. If you don't have the time, just start with someone else's work. Always check the watch face description before hitting download because some people don't like to see their work published by someone else. But even if they let you change it, you should credit them as a courtesy.

Without further ado, let's start.

How to create a custom watch face for an Huami (Amazfit) watch

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.

Tips:

  • If you need to fine-tune something, just click on the "Enlarge" button on the left, just below the preview image.
  • You should try other values by going back to the "Choose" tab and then by clicking several times on the button "Random value" at the end of the screen. You can also manually enter them here:


  • If you're happy with what you've got, click on "Save GIF" to get a preview animation of your watch face so that you can use it later if you decide to share it online.


  • Depending on your watch model, you may have to go to the "Converting" tab, pick your model, and then click on "Convert." You'll then have another folder that you can check later.
  • This is what a typical watch face folder should look like on your PC, right before you pack 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).

Now let's try to build an Analog watch face.

#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.


How to install a watch face

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:

About me

Hello!

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


pinterest logo Follow us on Pinterest

facebook logo Join our Facebook group







No spam, I promise. You can unsubscribe at any time and I'll never share your email without your permission.