Tutorial – How-To (Animated Gifs)

Great tutorial!! I am creating a watchface right now using this method, what is the most frames yo uhave succesfully tried? The more the better for me for a smooth animation, but i don’t want to push it…i currently have 14 frames and would like to go higher, i split my GIF using the website you said and have 80 pics now. Was just wondering if you have tried more frames. I know this is an old thread but figured i’de ask away :smiley:

1 Like

Search the forum for animation performance. I’ve got a graph and some examples with excessive frame loads.

1 Like

thank you, i actually read over that one yesterday and am messing around with all of that, thank you for the reply

1 Like

check out my newest animated face. I have a 20 frame loop with a 25 frame single run overlaid. With 55 frames, plus all the cover art and static art for Dim screen the animation is a little choppy.

4 Likes

nice one…how many layers is that face? the one i’m currently working on has 110 layers/elements and i’m only half way finished…how many start to lag to watch/face? i didn’t search for this yet, figured I’d throw it on you and see if you had dealt with this issue.

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