Ich habe noch nie Animationen erstellt, möchte aber eine für die Startseite meiner Website erstellen. Was ich im Grunde habe, ist ein Bild, in dem jedes Chakra des menschlichen Körpers mit seinem Namen gezeigt wird. Ich möchte zeigen, wie sich das Energieniveau im Körper bewegt, vom untersten Chakra zum obersten Chakra, wobei sich die Farben der Energie ändern, wenn sie auf ein anderes Chakra steigen.
Mit welcher Software kann ich diese Animation erstellen?
Für Website-Animationen sind dies die wichtigsten Optionen, die mir einfallen:
Die meisten dieser Optionen erfordern Übung (und/oder Programmierkenntnisse), es hängt also davon ab, wie vertraut Sie mit den Tools sind. Wenn Sie mit Grafiksoftware vertraut sind und Ihre Animation einfach ist, können Sie sich für ein animiertes GIF entscheiden (auf diese Weise müssen Sie nur jeden Frame der Animation zeichnen und dann zusammenfügen).
Sie können auch Adobe Edge Animate ausprobieren .
Eine weitere Option ist das Erstellen einer JQuery-Diashow. jQuery Cycle mit der Fade- Option würde dafür gut funktionieren. Sie erstellen jedes Bild in Illustrator oder Photoshop und durchlaufen es dann mit jQuery. Wenn Sie mit jQuery vertraut sind, können Sie die Pager-Funktion verwenden und den HTML-Titel für jedes Bild als Pager verwenden und dann den Pager mit CSS positionieren. Der Text, den Sie für jeden Bildtitel verwenden, wird als Liste angezeigt, sodass die entsprechende Folie geladen wird, wenn ein Benutzer auf diesen Text klickt. Dies erfordert jedoch fortgeschritteneres jQuery.
Hinweis: Ich habe keines dieser Tools eingehend ausprobiert.
Das, was ich einem vollwertigen Animator für das Web am nächsten kommen kann, ist Animatron . Es sieht so aus, als würde es auf Canvas rendern, was bedeutet, dass es auf HTML5 und JavaScript basiert. Ein weiteres ähnliches Tool ist HTML5Maker .
Wenn Sie jedoch nur ein Online-Video erstellen möchten, gibt es viele Tools, darunter Moovly , GoAnimate und Wideo , aber es gibt noch viele weitere ähnliche.
Wenn Sie nach Technologien suchen , die Sie für Webanimationen verwenden können, sollten Sie sich die Frage hier mit dem Titel Was ist der beste Weg, eine Illustration für das Web zu animieren?
Für mehr als eine einfache Videoanimation, insbesondere wenn viel Benutzerinteraktion erforderlich ist, empfehle ich, einen Entwickler/Animator (wie mich!) zu beauftragen, um es für Sie zu erstellen, oder um zu lernen, wie man es selbst macht.
Wenn Sie GIF-Bilder erstellen möchten, sollten Sie versuchen, Adobe After Effects zu verwenden, das Ihnen beim Erstellen eines Videos hilft.
Probieren Sie http://daneden.github.io/animate.css/ und http://mynameismatthieu.com/WOW/ aus, beide arbeiten wie ein Zauber mit Text oder Bildern zusammen und haben viele zahlreiche Effekte mit Verzögerung, Scroll-Aktivierung
Javascript und jQuery sind am besten geeignet, da sie das Laden von Webseiten nicht verzögern. Aber sie erfordern Programmierkenntnisse
Sunishtha Singh
Zach Saucier