Beginnen wir von Grund auf. In diesem Video entdecken Sie, wie Sie ein WebAnimator-Projekt starten, speichern und wieder öffnen können. Lernen Sie, wie Sie Projekte für die Desktop-Ansicht und erstellen können, sowie auch, wie Sie responsive Animationen einrichten können bzw. wie ein non-responsives Projekt in eine responsive Animation konvertiert werden kann.

Dieses Video bietet einen kleinen Rundgang über die Benutzeroberfläche von WebAnimator, damit Sie sofort bereit sind, Ihre erste HTML5-Animation zu erstellen. Wir präsentieren die Leinwand, die Timeline, die Haupt-und Responsive-Werkzeugleiste, den Bereich Eigenschaften und alle andere verfügbaren Funktionen.

Und jetzt, an die Arbeit mit diesem Tutorial über die Einrichtung von Animationen mit WebAnimator. Lernen Sie, wie die Timeline funktioniert, wie Sie  Keyframes automatisch oder manuell hinzufügen bzw. die zahlreichen Elemente animieren können. Entdecken Sie die Geheimnisse der Easing-Funktionen, die Ihre Animationen flüssiger und natürlicher machen.

Wie kann ein Element in einer Szene frei und mit einem fließenden und natürlichen Verlauf bewegen? Es scheint kompliziert, mit Bewegungspfade ist es aber nicht. In diesem Tutorial erfahren Sie, wie Sie den Pfad mithilfe von Anker- und Steuerpunkten definieren, Elemente automatisch ausrichten und das Timing über die Zeitleiste steuern können. Mit WebAnimator werden Sie zum Experten für die Erstellung von Animationen.

Jeder sollte die schönen Animationen sehen, die Sie mit WebAnimator erstellt haben. Prüfen Sie zunächst, ob alles in Ordnung ist, und fahren Sie dann mit dem Export fort. In diesem Tutorial entdecken Sie, wie Sie eine Szene oder ein gesamtes Projekt in der Vorschau anzeigen können. Danach lernen Sie, wie der HTML5-Export des Projekts funktioniert und wie Sie es in eine mit WebSite X5 erstellte Webseite importieren können.