Support

Open search

How to easily create watchfaces for Galaxy Watch and Gear S3: Watchmaker

Highlighted
Superuser II
Superuser II

If you own a smart watch Gear S3 or Galaxy Watch, you may have thought about creating your own watchface. Samsung offers an application for creating watchfaces, but it is quite complicated and what really matters to me, does not offer the possibilities to do something "extra".

Fortunately, there are alternatives, today we are going to talk about Watchmaker .

Watchmaker consists of two applications, one is installed in the phone and one in the watch. Your phone has a watchface editor, and in your watch it is an universal watchface that can show what you create in your phone application.

 

Installation

Go to the app page and install it in the usual way. Then run the application and walk through the wizard at the first startup:

 



Screenshot_20190129-053006_WatchMaker.jpgNextScreenshot_20190129-053024_WatchMaker.jpgVyberte hodinkyScreenshot_20190129-053029_WatchMaker.jpgPodpůrná aplikace


 

  1. Go to Play and install Watchmaker
  2. After startup, the welcome screen appears, click Next
  3. Now you have to choose your watch. As you can see, there is a lot of.
  4. Now you need to install the accompanying application to your watch, it's actually a programmable watchface.
  5. You will be redirected to Galaxy Apps.
  6. Click Install here.
  7. The application will be transferred to your watch.
  8. Click "Use" to set the dial.
  9. Enable access to the repository.
  10. Check your watch 

Screen_20190129_053237.pngScreen_20190129_053241.png

20190129_062530x.jpg

 

Brrr... Fortunately, this is only the default watchface that we will quickly change.

 

Creating a watchface

We go to the app on your phone

Screenshot_20190129-053257_WatchMaker.jpgPřepnout na editaciSwitch to editScreenshot_20190129-053305_WatchMaker.jpgVytvořit ciferníkCreate watchfaceScreenshot_20190129-053320_WatchMaker.jpgNew watchNew watchScreenshot_20190129-053326_WatchMaker.jpgA jsme tamHere we are

Screenshot_20190129-053427_WatchMaker.jpgInformaceInformation

  1. Press the button at the bottom right to get to your own watchfaces
  2. At the top right of the menu, press ...
  3. Select New watch
  4. You see an empty watchface, press the large green button
  5. Now we can fill in the clock description

 

Press the "+" button, a list of the elements we can use appears:

Screenshot_20190129-053432_WatchMaker.jpgScreenshot_20190129-053438_WatchMaker.jpgScreenshot_20190129-053447_WatchMaker.jpgScreenshot_20190129-053455_WatchMaker.jpgScreenshot_20190129-053503_WatchMaker.jpg

 

Select " Numbers " at the beginning, then press " + " again to select " Hour + Minute markers "

Screenshot_20190129-053522_WatchMaker.jpgScreenshot_20190129-053527_WatchMaker.jpg

We see that we are nicely composed next to each other, respectively, above each other.

 

Now add the hands:

Screenshot_20190129-053533_WatchMaker.jpgVýběr ručičekSelect handsScreenshot_20190129-053544_WatchMaker.jpgVlastnostiPropertiesScreenshot_20190129-053551_WatchMaker.jpgRotaceRotationScreenshot_20190129-053612_WatchMaker.jpgMinutováMinute handScreenshot_20190129-053619_WatchMaker.jpgSekundováSecond hand

Look at the properties of the hands. We see that they have a preset Rotation property. If you're curious and click on that feature, you can explore what's all about. Only preset values ​​for hours, minutes, and seconds are meaningful for rotation. When we leave the editor, we can check how the watchface piece looks. We see that the second hand jumps in seconds. If we want the motion to be smooth, we will change the Rotation property setting so that instead of {drs} it will be {drss}. We can use preset values ​​or write it manually, it does not matter. Now the movement of the second hand will be smooth:

 

Screenshot_20190129-053650_WatchMaker.jpg

Another interesting feature is Display. This determines whether the layer should only be displayed when the display is on, only when it is off or always. We see that the second hand is hidden when the display is dimmed. That's because Watchmaker does not support animation when the display is dimmed.

Screenshot_20190129-053714_WatchMaker.jpgScreenshot_20190129-053718_WatchMaker.jpg

 

We are patriots, so we want to boast of our membership in the Samsung Community. But because we are lazy patriots and do not want to do with graphics, we use only the text 

Screenshot_20190129-053745_WatchMaker.jpgTextTextScreenshot_20190129-053754_WatchMaker.jpgZměna pozice a velikostiChange position and sizeScreenshot_20190129-053759_WatchMaker.jpgEditace vrstevLayersScreenshot_20190129-053810_WatchMaker.jpgPřesunMovement

Press "+", select Text and type "Samsung Community". OK, but the text is now in the middle and very big! So let's go a little down in the properties and change the size of the text to 30. Now either by changing the value of Position X and Y or by simply dragging, move the text where you want.

But there are more complications - the text is displayed above the hand! So keep a finger on the relevant layer icon and after a while the crosses will appear on the layers and the icons will start to shake. The cross is used to remove the layer, but we do not want it now. Hold our finger on the text layer until the "Duplicate layer" menu appears. Ignore it (it fits when creating more similar elements), but now we can move the layer. We move it to the left, it gets under the hands. And now it looks more natural.

 

We have a watch with hands. What we're going to do is not let anyone down. They're a smart watch, so they might see weather and battery information, right?

 

Screenshot_20190129-053822_WatchMaker.jpgScreenshot_20190129-053827_WatchMaker.jpgScreenshot_20190129-053852_WatchMaker.jpgScreenshot_20190129-053857_WatchMaker.jpg

Press "+" again, select Weather, there are several icon sets available. Select a set and the big weather icon is displayed. Again, we reduce it and move it to a better position. We'll do the same with the battery icon. Here you can choose if we want to show the battery information in your watch or on your phone. Just be careful: because we're on the phone now, both values ​​will be the same in the editor!

 

The article is splitted because of 30000 characters limitation.

5 REPLIES 5
Superuser II
Superuser II

Because of limitation to 30 000 characters the article continues here...

 

Maybe it would still like the temperature information ...

Screenshot_20190129-053914_WatchMaker.jpgTextScreenshot_20190129-053929_WatchMaker.jpgWrite somethingScreenshot_20190129-053936_WatchMaker.jpgText with default  valueScreenshot_20190129-053942_WatchMaker.jpgCurrent temperatureScreenshot_20190129-053955_WatchMaker.jpgWhere is it?Screenshot_20190129-054008_WatchMaker.jpgStill nothing?Screenshot_20190129-054013_WatchMaker.jpgGo to settingsScreenshot_20190129-054017_WatchMaker.jpgWeaherScreenshot_20190129-054021_WatchMaker.jpgGPSScreenshot_20190129-054030_WatchMaker.jpgOpenWeatherMapScreenshot_20190129-054052_WatchMaker.jpgPreviewScreenshot_20190129-054113_WatchMaker.jpgAdd units

  1. Add a text box
  2. Write anything. Note: I did not figure out how to invoke the editor of variables directly.
  3. In the editor, go to the Text property
  4. Select Current Temperature in the Weather section {wt}
  5. An empty element is displayed!
  6. Leave the editor
  7. Go to Settings
  8. Here select Weather, the menu will be displayed if you want to use manual positioning or GPS
  9. Then change weather providers. This is because Yahoo does not work when this article was written.
  10. Go to preview, there is a number!
  11. Because the number itself is ugly, add units.

Screenshot_20190129-054137_WatchMaker.jpgPreview of dimmed screen

Now we could check how the dial looks when the display dimms. We see that everything darkened and the second hand disappeared.

 

We may still want to know what day is today:

 

Screenshot_20190129-054221_WatchMaker.jpgScreenshot_20190129-054228_WatchMaker.jpg

We will add a date, it will not surprise us that it is above the hands and we will move it wherever it belongs.

Such a date, that's a good thing, but what if it was even more useful?

We go into the properties and find Tap action below and choose Watch: Agenda

Screenshot_20190129-054231_WatchMaker.jpg

Now it's time to check out the watchface on your watch. Exit the editor and press the large green button. The watch should vibrate and the animation will be displayed. Amazing! Now that we click on the date, the calendar should be displayed.

x20190129_054328.jpgx20190129_072008.jpg

Let's play on. Battery icon is boring white, change to red using Tint:

Screenshot_20190129-054414_WatchMaker.jpg

 

Red is less boring, but the color might tell us something useful. Maybe the charge level.

Go back to the Tint property, click the text with the hexadecimal color expression and enter this command:

{bl}> 95 and 'ffffff' or 'ff0000'

This is what we say: if the condition that the charge level is above 95% is met, use the first value, otherwise use the second one.

Screenshot_20190129-054550_WatchMaker.jpgScreenshot_20190129-054600_WatchMaker.jpgScreenshot_20190129-054604_WatchMaker.jpg

Since the charge level was "only" 91%, the battery is red. You can try to use different thresholds to see that it really works.

Two colors are still boring....

{bl}> 85 and '00ff00' or {bl}> 30 and 'ffffff' or 'ff0000'

If the battery is above 85%, use green (R G B), if not more than 30%, use white, otherwise red. So 0-30% will be red, 31-85% white and over 85% green.

 

Screenshot_20190129-054740_WatchMaker.jpgScreenshot_20190129-054807_WatchMaker.jpg

 

The weather icon we've created could also do something, like a detailed forecast. We are going to the weather icon, properties, Tap action - well, but the weather is not there! So we select Watch: Select application and find Weather.

Screenshot_20190129-054824_WatchMaker.jpgScreenshot_20190129-054836_WatchMaker.jpgScreenshot_20190129-054849_WatchMaker.jpg

Now, when you click on the weather icon, the pre-installed weather forecast application starts.

 

Scripts

What if we wanted the color to change with the actual temperature when we click on it? (I believe you will be able to handle the color based on the temperature yourself.)

 

Now it will be a little more complicated. Press icon of watch in the left down corner. Summary of watchface appears. Go down and select Script and write a simple line here:

var_mode = 1

Screenshot_20190129-054957_WatchMaker.jpgScreenshot_20190129-073632_WatchMaker.jpg

 

This is how we have created a variable that tells us what mode we are using. The default will be 1.

Let's go to the text layer with the temperature and change the Color property:

var_mode == 1 and '00ff00' or 'ff0000' 

Thus we say: if var_mode is equal to one, use green, otherwise red. 

Now we have to make the var_mode change when we click on the temperature. Go into the Tap action and select Run Script:

Screenshot_20190129-055021_WatchMaker.jpgScreenshot_20190129-055025_WatchMaker.jpgScreenshot_20190129-055107_WatchMaker.jpg

 

the command for the script is:

var_mode = var_mode == 1 and 2 or 1 

Thus we say that if mode 1 is to change to 2, otherwise to 1. This will ensure that these two values ​​will continually change.

Now we can test that the color of text with temperature changes when we click on it.

 

That would be enough for the beginning...

In second part I describe Howto create active watchface for Galaxy Watch or Gear S3 using scripting.

First Poster

This is great and everything, except the manditory price for the companion app for the watch.  You left that part out.

Superuser II
Superuser II

If you have Galxy Watch and probably a Samsung phone I believe that the price od the application cannot be a problem for you

First Poster

I use Google Rewards for all my app purchases (i.e. I don't pay for apps).  I found Facer which is free for both phone and watch.  I'll stick with that.

Apprentice

Watchmaker was great for creating own watchfaces.

But unfortunately it's not available from the Galaxy Store from the watch since a few weeks.

 

Does anyone knwo any others ways to transfer Watchmaker fatchfaces (.watch Files) to my Samsung Galaxy S3 without having watchmaker on my wearable?

 

Regards

  Michael

 

 

Top Liked Authors