Tutorial – How-To (Animated Gifs)

Your tutorial has been INCREDIBLY helpful :slight_smile: Thanks for posting it!!! I used your expressions to animate my newest watchface “Dabbing Unicorn.”

3 Likes

Lol!

Nice face!

2 Likes

thanks :slight_smile:

@eradicator09 very nicely done . Love the tutorial I am learning so much from you guys.

2 Likes

@eradicator09 Your tutorials have been amazing! I’ve made a couple of animated watch faces and am having a ton of fun with it. I just tried to do a 5 second, 6 fps animation using the #DWE# formula, but am having trouble with it. I used the formula letter for letter on the Long Animation tutorial, but am just getting a blank screen. Any tips? Thanks!

1 Like

5 second animation with 6fps:

$(#DWE#)>(0*0.1667)&&(#DWE#)<=((0+1)*0.1667)?100:0$
$(#DWE#)>(1*0.1667)&&(#DWE#)<=((1+1)*0.1667)?100:0$
$(#DWE#)>(2*0.1667)&&(#DWE#)<=((2+1)*0.1667)?100:0$
$(#DWE#)>(3*0.1667)&&(#DWE#)<=((3+1)*0.1667)?100:0$
$(#DWE#)>(4*0.1667)&&(#DWE#)<=((4+1)*0.1667)?100:0$
$(#DWE#)>(5*0.1667)&&(#DWE#)<=((5+1)*0.1667)?100:0$
$(#DWE#)>(6*0.1667)&&(#DWE#)<=((6+1)*0.1667)?100:0$
$(#DWE#)>(7*0.1667)&&(#DWE#)<=((7+1)*0.1667)?100:0$
$(#DWE#)>(8*0.1667)&&(#DWE#)<=((8+1)*0.1667)?100:0$
$(#DWE#)>(9*0.1667)&&(#DWE#)<=((9+1)*0.1667)?100:0$
$(#DWE#)>(10*0.1667)&&(#DWE#)<=((10+1)*0.1667)?100:0$
$(#DWE#)>(11*0.1667)&&(#DWE#)<=((11+1)*0.1667)?100:0$
$(#DWE#)>(12*0.1667)&&(#DWE#)<=((12+1)*0.1667)?100:0$
$(#DWE#)>(13*0.1667)&&(#DWE#)<=((13+1)*0.1667)?100:0$
$(#DWE#)>(14*0.1667)&&(#DWE#)<=((14+1)*0.1667)?100:0$
$(#DWE#)>(15*0.1667)&&(#DWE#)<=((15+1)*0.1667)?100:0$
$(#DWE#)>(16*0.1667)&&(#DWE#)<=((16+1)*0.1667)?100:0$
$(#DWE#)>(17*0.1667)&&(#DWE#)<=((17+1)*0.1667)?100:0$
$(#DWE#)>(18*0.1667)&&(#DWE#)<=((18+1)*0.1667)?100:0$
$(#DWE#)>(19*0.1667)&&(#DWE#)<=((19+1)*0.1667)?100:0$
$(#DWE#)>(20*0.1667)&&(#DWE#)<=((20+1)*0.1667)?100:0$
$(#DWE#)>(21*0.1667)&&(#DWE#)<=((21+1)*0.1667)?100:0$
$(#DWE#)>(22*0.1667)&&(#DWE#)<=((22+1)*0.1667)?100:0$
$(#DWE#)>(23*0.1667)&&(#DWE#)<=((23+1)*0.1667)?100:0$
$(#DWE#)>(24*0.1667)&&(#DWE#)<=((24+1)*0.1667)?100:0$
$(#DWE#)>(25*0.1667)&&(#DWE#)<=((25+1)*0.1667)?100:0$
$(#DWE#)>(26*0.1667)&&(#DWE#)<=((26+1)*0.1667)?100:0$
$(#DWE#)>(27*0.1667)&&(#DWE#)<=((27+1)*0.1667)?100:0$
$(#DWE#)>(28*0.1667)&&(#DWE#)<=((28+1)*0.1667)?100:0$
$(#DWE#)>(29*0.1667)&&(#DWE#)<=((29+1)*0.1667)?100:0$
$(#DWE#)>(30*0.1667)&&(#DWE#)<=((30+1)*0.1667)?100:0$
4 Likes

Thanks so much! Worked like a charm!

1 Like

An easier way is to use a free screen recorder which has the option to export as GIF file format.

can you create variations of long animations?
exemplo: Mr Jones Watches - Last Laugh Tattoo - watch face for Apple Watch, Samsung Gear S3, Huawei Watch, and more - Facer

1 Like

I don‘t think this is a frame animation. The effects are simply made with the facer creator itself.

2 Likes

Its as @GAUSS stated. These are animations as my tutorials show. The ‘animations’ on that design are rotational formulas and a mix of sin/cos expressions. To complicate things, it looks like there are 4 animations that are cycling through using the ‘Random’ expression.

2 Likes

Thanks for the answer, I intend to study this then.
Is it possible to make a long animation in GWD?

What is GWD? I’m not familiar with that acronym.

2 Likes

GWD is Galaxy Watch Design, know this program?
|
|
I was told it is probably possible by Tizen Studio, but apparently it is necessary to understand programming

I can vary the speed of each frame?
I used the following expression for my animation:
$(#DWE#)>(0*1.5000)&&(#DWE#)<=((0+1)1.5000)?100:0$
$(#DWE#)>(1
0.1250)&&(#DWE#)<=((1+1)0.1250)?100:0$
$(#DWE#)>(2
0.1250)&&(#DWE#)<=((2+1)0.1250)?100:0$
$(#DWE#)>(3
0.1250)&&(#DWE#)<=((3+1)0.1250)?100:0$
$(#DWE#)>(4
1.0000)&&(#DWE#)<=((4+1)1.0000)?100:0$
$(#DWE#)>(5
0.1250)&&(#DWE#)<=((5+1)0.1250)?100:0$
$(#DWE#)>(6
1.0000)&&(#DWE#)<=((6+1)1.0000)?100:0$
$(#DWE#)>(7
1.0000)&&(#DWE#)<=((7+1)1.0000)?100:0$
$(#DWE#)>(8
0.5000)&&(#DWE#)<=((8+1)*0.5000)?100:0$
but the animation didn’t stay with this time, did I miss something?

1 Like

You can. However there is a lot more manual work on the individual frames. In your example above there are gaps between your ending and starting positions of the next frames. You need to also consider how much customization to do. Most watches have a 5 second wake, so programming more than that is somewhat of a losing battle in terms of design over performance.

1 Like

how to fill in the gaps?

I finished my first watch face at Facer, the time was not as I wanted but it will do. Take a look and leave your opinion. thanks.

4 Likes

I am loving using the split gif images at the moment thank you, it’s just a shame that we can only use 25 images for a sequence.
:point_right: My latest effort :point_left:

1 Like

Hello, i am trying to do a 2.71 second, 38 fps animation and i’m having some trouble with it. Could you send me a model expression… my brain hurts while trying to figure it out. please

2 Likes