Also Webanimationen kann man ganz gut mit Adobe Animate erstellen. Das ganze funktioniert mit einer Html5 Canvas und Javascript. In Animate kann man tolle Sachen damit machen. Es ist sogar Responsive und lässt sich gut in WordPress einbinden. Probleme gabs mit Schriften (vorallem mit deren Animation). Dafür eignet sich Animate nicht sehr gut. Auch kann man keine Bones im HTML5 Modus in Animate verwenden. Das Ebenen Parenting funktioniert auch nicht. Die Ausgabegröße ist sehr gut gegenüber Gif.
Eignet sich ganz gut für Webanimation, wird aber heutzutage selten im www verwendet.
Wer kennt es nicht das gute alte Gif. Kann man gut in Photoshop, Animate oder After Effekts erstellen. Eignet sich wirklich nur für kleine Icons. Die Qualität ist nicht gut. Schriften kann man vergessen und die Ausgabegröße ist galaktisch.
Hat ausgedient
Ja das war eine schöne Sache Svg damit zu erstellen. Das Bodymovin Plugin für After Effekts in Verbindung mit Lottie Scripts. Leider wird das von Adobe nicht mehr unterstützt.
Tot
Auch eine schöne Sache. Es gibt viele Css Befehle mit denen man Animationen umsetzen kann. Man kann sogar Keyframes anlegen.
Für Interessierte empfehle ich dieses Buch.
Css Animations and Transitions by Alexis Goldstein
Die Reponsität ist anstregend auch mit Svgs. Aufwendig zu erstellen. Man braucht aber dafür kein Javascript. Eignet sich für kleine Animationen.
Under Construction
Hier habe ich eine Methode entwickelt wie man total einfach eine sehr gute Webanimation estellen kann. Dieses Prinzip ist aus alten Gamemechaniken bekannt. Es lässt sich aber gut in CSS in Verbindung mit Javascript umsetzen. Man erstellt in einer Bildsoftware ein Spritesheet mit den verschiedenen Animationszuständen (Stats). Dieses Bild setzt man in einen Div Conatiner als CSS Background und lässt mit Hilfe von Jquery das Bild versetzen. Mit Javascript kann man das Timing triggern. Das schöne daran ist, das es voll Responsive ist. Es eignet sich auch toll für WordPress oder pure Landing Pages. Es folgt noch ein kleines Tutorial wie man so etwas bauen kann. Under Construction
Eine coole Methode um sehr gute Web Animationen zu erstellen. Es ist auch nicht so aufwendig wie CSS3 Animationen.
Under Construction