Watchface Designer

Marco_Ferreira · April 21, 2018, 12:09pm

Apr 19, 2018 5:49:33 GMT 1 Tim And Pierce Collins said:
Hi marco . Hope you are well . Just a quick question . Not heard from you in a while . Have you finished the development of this ?
Keep up the good work

Thankyou

Sorry, I’ve been out (work related issues). It seems I wont be able to get rid of those issues until my vacations… I haven’t quit on this, that’s for sure, but simply didn’t have the time. But please keep specifying requests and filling up bugs. I’ll use most of my vacations (in august) for this

kensupen · April 21, 2018, 8:43pm

Good to see it’s going to get more Dev love. Features I’d like to see:

Adjustment radius for the corners of “Squarify” to pull them in or out. Think camfer box.
Shape subtraction. Like if you put down a square shape then a circle, you can take the circle out of the square.

I’ve noticed a bug that is I have a bunch of text clocks, dates, etc. added, my file won’t load once saved.

Marco_Ferreira · April 23, 2018, 11:13am

Apr 21, 2018 20:43:53 GMT 1 kensupen said:
Good to see it's going to get more Dev love. Features I'd like to see:

Adjustment radius for the corners of “Squarify” to pull them in or out. Think camfer box.

Shape subtraction. Like if you put down a square shape then a circle, you can take the circle out of the square.

I’ve noticed a bug that is I have a bunch of text clocks, dates, etc. added, my file won’t load once saved.

Thanks for the suggestions.

You can already do shape subtraction. Group the shapes and then on the resulting group select the Alpha Operation to subtract elements from the first layer.

Could you please send me the file that won’t open so I can check what’s wrong with it?

Thanks,
Marco

kensupen · April 28, 2018, 4:11am

Apr 23, 2018 11:13:57 GMT 1 mpmf said:
Thanks for the suggestions.
You can already do shape subtraction. Group the shapes and then on the resulting group select the Alpha Operation to subtract elements from the first layer.

Could you please send me the file that won’t open so I can check what’s wrong with it?

Thanks,
Marco

1. Cool to know. I’ll have to try this.

~~I’ll try to get you a corrupted save tomorrow.~~ I can’t recreate the bug corrupting saves. If I happen to do it again. I’ll get it to you.

Another feature request: Add another type of emboss to only shade from the inside/outside of a layer like the bezel, kind of like a flat emboss.

Marco_Ferreira · May 2, 2018, 1:35pm

Apr 28, 2018 4:11:24 GMT 1 kensupen said:
Apr 23, 2018 11:13:57 GMT 1 mpmf said:
Thanks for the suggestions.
You can already do shape subtraction. Group the shapes and then on the resulting group select the Alpha Operation to subtract elements from the first layer.

Could you please send me the file that won’t open so I can check what’s wrong with it?

Thanks,
Marco

1. Cool to know. I’ll have to try this.

~~I’ll try to get you a corrupted save tomorrow.~~ I can’t recreate the bug corrupting saves. If I happen to do it again. I’ll get it to you.

Another feature request: Add another type of emboss to only shade from the inside/outside of a layer like the bezel, kind of like a flat emboss.

Can you send me a picture of what you mean by shade from inside/outside of a layer? (I'm not photoshop versed - and don't own it ).

Thanks.

kensupen · May 3, 2018, 2:31am

Can you send me a picture of what you mean by shade from inside/outside of a layer? (I'm not photoshop versed - and don't own it ).

Current emboss:
drive.google.com/file/d/1jYkvVZXP3tK5zjbWp0ur452ivc6GpJ8c/view?usp=sharing

Suggestion:
drive.google.com/file/d/1gdWyPlCV9F0GhYExuJ2__Yu3ko3IameJ/view?usp=sharing

Let me know if this helps.

akif2018 · June 4, 2018, 1:39pm

Jul 4, 2017 21:19:46 GMT 1 mpmf said:
I'm developing a watch face designer in my spare time. It's no photoshop replacement nor a CSM replacement. I'm developing it because:
a) I don’t have a Photoshop license (and even if I had, I am… how do I say it… artistically challenged

)
b) I can’t get used to GIMP (and again, that art/design stuff is unreachable to me)
c) I use mostly Linux (although I do have Windows, and OS X, on other partitions)
d) But mostly because… It’s fun

Here is a video of me using my designer to create a (simple) clockskin watch face in 10 minutes. : Sorry, I forgot to include a link to the app. It’s a Java app, so you need to have Java 8 installed. Just unzip the file and run the .jar file.

Here is another video of designing a (simple) digital watch face in about 6 minutes.

So, what do you think? While I don’t have much spare time, I will implement more features if you suggest them…

If you want to buy me a beer (or, in reality, contribute so that I can buy an Android Watch and test the app with it), you can use the following link: paypal.me/mpmf.

– Most recent version –

Version 0.11.0

UI changes on Sliders

New AutoRotation: Day

New AutoRotation Movements (Smooth, Quartz, Overshooting Quarts, Elastic)

New Pattern (sinosoidal waves)

Some bugfixes…

Download link: goo.gl/UaXuDy

– Older versions –

Version 0.10.2

Added a Tolerance property on Glow Effect

Simplified the translation system. Now, translation files can be on the “translations” folder and take precedence for the internal ones

Added a quick Translation helper tool (on the “translations” folder)

Removed the “old” TextLayer. The new PerspectiveTextLayer does the same. For compatibility, watchfaces saved with old versions will still use the old TextLayer.

Download link:: goo.gl/9vwfNz

Version 0.10.1

Some bug fixes

New Lens Effect

Download link: goo.gl/qCG7TW

Version 0.10.0

Several optimizations (memory usage and speed)

New Simple Perspective Effect

New Perspective Text Layer

Some bug fixes.

Conical paint style (this was added on 0.9.3, but I forgot to mention it before)

Download link: goo.gl/4D8Vjd

Version 0.9.3

Tick layer can now use images

(early) Support for animated GIFs

(early) Support for squared faces

Changed multi-threaded rendering mechanism (hope it solves the non-appearing layers on high-resolution watch faces, and doesn’t introduce new problems )

Store unexpected exceptions on a log file for easier communication of bugs

Various Bug fixes

Download link: goo.gl/jpShWi

Version 0.9.2

Fixed bug on .watch export with some large non-centered ImageLayers

Added Start Angle property to HandLayers to facilitate the creation of hands that do not start at 12 o’clock.

Download link: goo.gl/CbS94i

Version 0.9.1

Added support for shadow rotations (type 8, 9 and 10 of the ClockSkin rotations)

Fixed .watch file creation on windows (I had an error with the path separator, that in Windows is \ while on Linux is / and I usually only develop/test on Linux)

Download link: goo.gl/aFx8yN

Version 0.9.0

New MAJOR feature: Export as WatchMaker. It’s still experimental, and does not yet support watchmaker’s specific functions, such as interactivity and scripting, but allows the user to quickly convert a clockskin into a watchmaker’s .watch file, that can be further improved on WatchMaker android app.

New Layer Type: Polygon. Now it’s possible to create n-sided polygons or n-pointed stars.

New Layer Type: Charging Icon. The charging icon will appear on the designated place when the watch is charging. Only compatible with ClockSkin (not available on WatchMaker export)

Download link: goo.gl/jvfiMn

…

Version 0.6.0

Fixed bug on open file (undo history was not previously cleared)

Prevented dynamic layers to be part of groups

Added rescale option for DigitalClock layers (as requested by arb2040)

Added “Create Preview Image” functionality

Added Fill and Stroke styles allowing gradients to be used

The largest parts of this release are the template engine for watch face previews and the support for linear and radial gradients. The preview templates are NOT included in the main application download. I attach here a link for some templates, but the purpose is to have the community make and share their own templates, so we all can benefit from it. A template is just an image with transparent areas where the clock is then placed and perspective corrected.

WatchFace Designer v0.6.0 download link: goo.gl/WqVFyb
Templates download link: goo.gl/kBnK18

I’ve removed the previous version history from here because this was getting too long. Left version 0.6.0 because of the templates download link. If you wish for the complete version history, or just another version, just ask me and I’ll send it to you.

akif2018 · June 4, 2018, 1:49pm

Hi when I unzip I have only 3 files on the latest version which one do I click

ciscopov · June 4, 2018, 7:48pm

hello,

when I save a new clockskin only save xml file, no images, it is too strange always saved everything but now in the new folder only see xml file, I save and export, please I need help…thanks.

Marco_Ferreira · June 5, 2018, 6:36pm

Jun 4, 2018 13:49:57 GMT 1 akif2018 said:
Hi when I unzip I have only 3 files on the latest version which one do I click

The WatchFaceDesigner.jar.

This is a standard Java app. You need to have Java 8 installed and run the .jar file.

You can get Java, if you have it not installed already at: java.com/

For more information on how to run a .jar file, google suggested this page (among others): www.addictivetips.com/windows-tips/run-a-jar-file-on-windows/

Marco_Ferreira · June 5, 2018, 6:38pm

Jun 4, 2018 19:48:09 GMT 1 ciscopov said:
hello,
when I save a new clockskin only save xml file, no images, it is too strange always saved everything but now in the new folder only see xml file, I save and export, please I need help…thanks.

Are you exporting the watch face to the clockskin format using the “File”->“Export Standard Clockskin…” menu option?

gpablo1 · June 5, 2018, 11:34pm

Hi, this software is fantastic, thanks!
A question. How can I display the date in this format: dd/mm/aaaa? Thank you in advance.

Marco_Ferreira · June 6, 2018, 4:45pm

Jun 5, 2018 23:34:45 GMT 1 gpablo1 said:
Hi, this software is fantastic, thanks! A question. How can I display the date in this format: dd/mm/aaaa? Thank you in advance.

That format is not natively supported by the clockskin format, but it is still possible to use it.

You’ll have to do 3 DigitalClock layers, one for the day, another for the month and another for the year. In the month layer, you’ll have to change the month names to numbers. You’ll also have to put the separators manually using Text Layers…

gpablo1 · June 7, 2018, 3:29pm

Good trick!!! Thank you!!!

Bert_van_de_Bovenkamp · July 31, 2018, 12:06pm

I don’t know if this is a known bug in WFD or in the launcher.

I use the AM and PM fields in the time.
I noticed that the value is changing from AM to PM at 12:59 to 13:00.
So at 12:59 it still shows AM.

That should be from 11:59 to 12:00.

Marco_Ferreira · July 31, 2018, 7:55pm

Jul 31, 2018 12:06:01 GMT 1 bertorelli said:
I don't know if this is a known bug in WFD or in the launcher.
I use the AM and PM fields in the time.
I noticed that the value is changing from AM to PM at 12:59 to 13:00.
So at 12:59 it still shows AM.

That should be from 11:59 to 12:00.

It must be the launcher. On WFD it behaves correctly (changes AM to PM from 11:59:59 to 12:00:00).

kensupen · August 1, 2018, 1:26am

Another thing I’d like to see is if you make a layer that is larger than the watch face, export the entire image.

Example:

Watch face is 400x400 and you make a dial of numbers that is 800x800, and offset it to rotate on to the screen, when you export it is cropped to 400x400.

Marco_Ferreira · August 1, 2018, 11:32pm

Aug 1, 2018 1:26:23 GMT 1 kensupen said:

Another thing I’d like to see is if you make a layer that is larger than the watch face, export the entire image.

Example:

Watch face is 400x400 and you make a dial of numbers that is 800x800, and offset it to rotate on to the screen, when you export it is cropped to 400x400.

hmmm… I had already worked on this. But probably only when exporting the clockskin. You are referring to export only the single layer as a .png, right? I’ll add it to my todo list

Thanks.

kensupen · August 2, 2018, 1:01am

Aug 1, 2018 23:32:28 GMT 1 mpmf said:
Aug 1, 2018 1:26:23 GMT 1 kensupen said:

Another thing I’d like to see is if you make a layer that is larger than the watch face, export the entire image.

Example:

Watch face is 400x400 and you make a dial of numbers that is 800x800, and offset it to rotate on to the screen, when you export it is cropped to 400x400.

hmmm… I had already worked on this. But probably only when exporting the clockskin. You are referring to export only the single layer as a .png, right? I’ll add it to my todo list

Thanks.

Any way to get it exported works. It’d be great if exporting the clockskin did it, but layer would work too.

I found another small thing. If you use Minute auto rotation with a multiplier and quartz/overshoot/elastic, it never moves. (e.g. If you set it to minute and 60 multiplier, it should be like second, 30 should be 2 seconds, etc.)

Request: Is it possible to make a rotation movement where the hand just jumps to the next position, like quarts, but with no animation? This would be great for doing animations or number dials. I don’t know if the engine can do that or not.

klausm · August 4, 2018, 6:40am

Jul 6, 2017 23:23:22 GMT 1 mpmf said:
Version 0.2.2 published. Now with tooltips and Simple Edge Emboss.

Hi and thanks for your great work.

I’m just started to have a look at your software but I already have a suggestion or two

The tooltips are not really closing when the mouse is away from the icon and it can be difficult to go and read what the next one is doing when the mouse still is in that area. Also when you want to go to the second row of Icons the tooltip from the icon above is covering it up.

I don’t know if that makes sense.