Saola Animate - Das ultimative Tool zum Erstellen von HTML5-Animationen und interaktiven Webinhalten. Animieren Sie alles in einem intuitiven Editor, ohne dass Programmierkenntnisse erforderlich sind. Hervorragende Animationsfunktionen, die Ihre Kreativität fördern.
Zeitleisten
Zeitleisten dienen als Container für Animationen und als Lineal, das die Zeit misst. Jede Szene kann mehrere Zeitleisten haben, um eine große Anzahl von Elementen, Animationen und Interaktivität zu erfüllen. Steuern Sie die Timeline-Wiedergabe, um umfangreiche und interaktive Animationen zu erstellen.
Szenen
Stellen Sie sich Szenen als Folien in Microsoft PowerPoint vor. Verwalten Sie Szenen, um den Fluss Ihrer Animationen zu steuern und erstaunliche visuelle Erlebnisse zu erzielen.
Sprite Sheets
Ein Sprite-Blatt ist eine Folge verschiedener Grafiken, die in einer Bitmap-Bilddatei angeordnet sind. Dank Sprite Sheets können Sie ein animiertes Zeichen erstellen, das eine oder mehrere Animationssequenzen darstellt, während Sie nur eine einzige Datei laden müssen.
Auto-Keyframe
Auto-Keyframe ermöglicht das automatische Generieren von Keyframes beim Erstellen von Animationen. Dementsprechend erleichtert es das Keyframing und verkürzt die Zeit, die Sie in Ihre Animationen investieren.
Bewegungspfad
Bewegungspfad ist die beste Idee, wenn es darum geht, Bewegung zu erzeugen. Sie können komplexe Kurven als nur eine gerade Linie zeichnen und Ihr Objekt so animieren, dass es sich natürlicher bewegt.
Lockerungsmethoden
Die Lockerung gibt die Geschwindigkeit an, mit der ein Übergang im Laufe der Zeit fortschreitet. Bis zu 40 Lockerungsmethoden sorgen dafür, dass Ihre Animationen atemberaubender und natürlicher werden.
Formen & Freiform
Eine Vielzahl vordefinierter Formen steht Ihnen zur Verfügung. Sie können auch leichte Vektorgrafiken für das Bildmaterial in Ihrer Animation importieren oder zeichnen.
Interaktivität
Interaktivität ist eine großartige Möglichkeit, die Aufmerksamkeit und das Interesse des Publikums zu gewinnen und zu erhalten, da es ihm ermöglicht, interaktive Kontrolle zu erfahren. Binden Sie Ihre Zuschauer ein, indem Sie Aktionen und Auslöser als Reaktion auf Ereignisse wie einen Mausklick oder einen Tastendruck hinzufügen.
Flexibles Layout
Saola Animate unterstützt ein flexibles Layout, dh die Größe des Dokuments passt sich der Größe des Browserfensters an. Dank des flexiblen Layouts können Ihre Animationen auf jedem Gerät und Browser perfekt ausgeführt werden.
Sich anpassendes Design
Stellen Sie sicher, dass die Seite an einem bestimmten Punkt auf die Browsergröße reagiert, um ein optimales Seherlebnis für verschiedene Geräte und Bildschirmgrößen zu erzielen.
Google & System-Schriftarten
Lassen Sie die Typografie mit Hunderten von wunderschönen Schriftarten aus der Google Fonts-Bibliothek und Systemschriftarten auf Ihrem Computer sprechen. Betten Sie Systemschriftarten in die HTML5-Ausgabe ein, um ein einheitliches Erscheinungsbild für alle Browser und Geräte zu erzielen.
Externe Skriptressourcen
Importieren Sie externe HTML-, CSS- und JavaScript-Dateien oder URLs und verwenden Sie diese, um die vollständige Kontrolle über das Dokument zu haben. Alle Skriptressourcen können innerhalb des Programms bearbeitet werden.
Skriptunterstützung
JavaScript ist nützlich, wenn Sie Ihre eigene Interaktivität erstellen möchten. Saola Animate verfügt über einen leistungsstarken integrierten Code-Editor mit intelligenten Funktionen, mit denen Sie schnell JS-Funktionen erstellen und bearbeiten können. Die JavaScript-API ist auch verfügbar, um Sie jederzeit zu sichern.
HTML5
Verwirklichen Sie Ihre Ideen mit dynamischen, interaktiven und ansprechenden Webinhalten. HTML5 und seine umfangreiche Funktionalität ermöglichen es Ihnen, Ihre Vision ohne Ende fortschrittlicher Animationen und Interaktivität zum Leben zu erwecken.
Symbole
Verwenden Sie Symbole, um identische Elemente, Szenen, Zeitleisten und Animationen über Szenen hinweg oder an verschiedenen Positionen in derselben Szene zu teilen.
_________________________________________________
Das ultimative Tool zum Erstellen von HTML5-Animationen und interaktiven Webinhalten.
Heutzutage sind Webinhalte ziemlich cool und interaktiv, mit vielen frischen Animationen. Darüber hinaus wurden Design-Tools im Laufe der Jahre perfektioniert und erfordern heute nur noch wenig bis gar keine Programmierkenntnisse. Saola Animate ist beispielsweise eine leistungsstarke Anwendung, mit der Sie ansprechende interaktive HTML5-Animationen erstellen können.
Verwenden Sie eine große Auswahl an anpassbaren Objekten
In Bezug auf das visuelle Layout ist die Anwendung ähnlich wie ein Video-Editor aufgebaut. Der mittlere Bereich ist die Leinwand mit einem Zeitleisten-Editor am unteren Rand des Fensters, einem Seitenbereich für die Verwaltung von Szenen, einem weiteren zum Durchsuchen von Ressourcen und zum Anpassen von Objekteigenschaften sowie der oberen Symbolleiste, die mit den erforderlichen Steuerelementen und Funktionen ausgestattet ist.
Der große Aufwand für Sie besteht darin, auf eine gute Idee zu kommen, denn die Anwendung hilft Ihnen, sie einfach in die Praxis umzusetzen. Es gibt viele Objekttypen, die Sie in die Animation einbeziehen können. So können Ihre Kreationen aus Rechtecken, Ellipsen, HTML-Widgets, Bildern, Audiodateien, Videos, Symbolen sowie einer Vielzahl von Formen bestehen.
Die Bearbeitung kann mit einer Fülle von zu konfigurierenden Parametern schnell umfangreich werden. In einem Seitenbereich befinden sich Optionen, mit denen Sie allgemeine Objektparameter, Position und Größe, Transformationseffekte, Füllung, Rahmen und sogar textbezogene Konfigurationen anpassen können.
Mehrere Szenen und intuitiver Timeline-Editor
Sie beginnen in einer leeren Szene, die Ihre Leinwand darstellt. Sie können die Größenangaben so einstellen, wie es zu Ihrem Projekt passt. Mehrere Szenen können hinzugefügt werden, und die Ebenenunterstützung stellt sicher, dass Sie sich nicht überfordert fühlen, wenn Sie mit zu vielen Objekten und Elementen arbeiten. Die Leinwand selbst kann mit einem Raster versehen werden, an dem Objekte für genaue Designs eingerastet werden können.
Der Timeline-Editor ist insgesamt intuitiv. Jedes hinzugefügte Objekt wird in die Zeitachse aufgenommen. Falls Sie sich nicht die Zeit nehmen möchten, Keyframes manuell zu platzieren, gibt es eine automatisierte Funktion, mit der Sie einfach die Zeit und die Eigenschaften eines Objekts ändern können, wobei die Änderung als Keyframe markiert wird, um Animationen zu erzeugen.
Passen Sie Interaktionen an und speichern Sie das Projekt als HTML5
Für komplexere Aufgaben können Sie auf den Ereignishandler zugreifen. Es funktioniert als allgemeine Regel oder für ein ausgewähltes Objekt. Hier können Aktionen für eine Vielzahl von Ereignissen definiert werden, z. B. Einzel- oder Doppelklickvorgänge, Wiedergabe und Pause, Mausbewegung, Fokus, Wischen und mehr. Hier ist keine Codierung erforderlich, sondern es müssen nur Namen und Werte definiert werden, die Sie dann im Canvas als Vorschau anzeigen können.
Auf Knopfdruck kann eine Vorschau für die gesamte Animation oder eine eigene Auswahl gestartet werden. Darüber hinaus können Sie den Standardbrowser aufrufen, um die Animation abzuspielen, damit Sie sie in ihrer nativen Umgebung anzeigen können. Was den Export betrifft, können Sie das Projekt jedoch nur als HTML5 erstellen. Es wäre nützlich gewesen, die Animation auch für die Offline-Nutzung zu speichern.
_________________________________________________
Das ultimative Tool zum Erstellen von HTML5-Animationen und interaktiven Webinhalten.
Heutzutage sind Webinhalte ziemlich cool und interaktiv, mit vielen frischen Animationen. Darüber hinaus wurden Design-Tools im Laufe der Jahre perfektioniert und erfordern heute nur noch wenig bis gar keine Programmierkenntnisse. Saola Animate ist beispielsweise eine leistungsstarke Anwendung, mit der Sie ansprechende interaktive HTML5-Animationen erstellen können.
Verwenden Sie eine große Auswahl an anpassbaren Objekten
In Bezug auf das visuelle Layout ist die Anwendung ähnlich wie ein Video-Editor aufgebaut. Der mittlere Bereich ist die Leinwand mit einem Zeitleisten-Editor am unteren Rand des Fensters, einem Seitenbereich für die Verwaltung von Szenen, einem weiteren zum Durchsuchen von Ressourcen und zum Anpassen von Objekteigenschaften sowie der oberen Symbolleiste, die mit den erforderlichen Steuerelementen und Funktionen ausgestattet ist.
Der große Aufwand für Sie besteht darin, auf eine gute Idee zu kommen, denn die Anwendung hilft Ihnen, sie einfach in die Praxis umzusetzen. Es gibt viele Objekttypen, die Sie in die Animation einbeziehen können. So können Ihre Kreationen aus Rechtecken, Ellipsen, HTML-Widgets, Bildern, Audiodateien, Videos, Symbolen sowie einer Vielzahl von Formen bestehen.
Die Bearbeitung kann mit einer Fülle von zu konfigurierenden Parametern schnell umfangreich werden. In einem Seitenbereich befinden sich Optionen, mit denen Sie allgemeine Objektparameter, Position und Größe, Transformationseffekte, Füllung, Rahmen und sogar textbezogene Konfigurationen anpassen können.
Mehrere Szenen und intuitiver Timeline-Editor
Sie beginnen in einer leeren Szene, die Ihre Leinwand darstellt. Sie können die Größenangaben so einstellen, wie es zu Ihrem Projekt passt. Mehrere Szenen können hinzugefügt werden, und die Ebenenunterstützung stellt sicher, dass Sie sich nicht überfordert fühlen, wenn Sie mit zu vielen Objekten und Elementen arbeiten. Die Leinwand selbst kann mit einem Raster versehen werden, an dem Objekte für genaue Designs eingerastet werden können.
Der Timeline-Editor ist insgesamt intuitiv. Jedes hinzugefügte Objekt wird in die Zeitachse aufgenommen. Falls Sie sich nicht die Zeit nehmen möchten, Keyframes manuell zu platzieren, gibt es eine automatisierte Funktion, mit der Sie einfach die Zeit und die Eigenschaften eines Objekts ändern können, wobei die Änderung als Keyframe markiert wird, um Animationen zu erzeugen.
Passen Sie Interaktionen an und speichern Sie das Projekt als HTML5
Für komplexere Aufgaben können Sie auf den Ereignishandler zugreifen. Es funktioniert als allgemeine Regel oder für ein ausgewähltes Objekt. Hier können Aktionen für eine Vielzahl von Ereignissen definiert werden, z. B. Einzel- oder Doppelklickvorgänge, Wiedergabe und Pause, Mausbewegung, Fokus, Wischen und mehr. Hier ist keine Codierung erforderlich, sondern es müssen nur Namen und Werte definiert werden, die Sie dann im Canvas als Vorschau anzeigen können.
Auf Knopfdruck kann eine Vorschau für die gesamte Animation oder eine eigene Auswahl gestartet werden. Darüber hinaus können Sie den Standardbrowser aufrufen, um die Animation abzuspielen, damit Sie sie in ihrer nativen Umgebung anzeigen können. Was den Export betrifft, können Sie das Projekt jedoch nur als HTML5 erstellen. Es wäre nützlich gewesen, die Animation auch für die Offline-Nutzung zu speichern.
_________________________________________________
Das ultimative Tool zum Erstellen von HTML5-Animationen und interaktiven Webinhalten.
Heutzutage sind Webinhalte ziemlich cool und interaktiv, mit vielen frischen Animationen. Darüber hinaus wurden Design-Tools im Laufe der Jahre perfektioniert und erfordern heute nur noch wenig bis gar keine Programmierkenntnisse. Saola Animate ist beispielsweise eine leistungsstarke Anwendung, mit der Sie ansprechende interaktive HTML5-Animationen erstellen können.
Verwenden Sie eine große Auswahl an anpassbaren Objekten
In Bezug auf das visuelle Layout ist die Anwendung ähnlich wie ein Video-Editor aufgebaut. Der mittlere Bereich ist die Leinwand mit einem Zeitleisten-Editor am unteren Rand des Fensters, einem Seitenbereich für die Verwaltung von Szenen, einem weiteren zum Durchsuchen von Ressourcen und zum Anpassen von Objekteigenschaften sowie der oberen Symbolleiste, die mit den erforderlichen Steuerelementen und Funktionen ausgestattet ist.
Der große Aufwand für Sie besteht darin, auf eine gute Idee zu kommen, denn die Anwendung hilft Ihnen, sie einfach in die Praxis umzusetzen. Es gibt viele Objekttypen, die Sie in die Animation einbeziehen können. So können Ihre Kreationen aus Rechtecken, Ellipsen, HTML-Widgets, Bildern, Audiodateien, Videos, Symbolen sowie einer Vielzahl von Formen bestehen.
Die Bearbeitung kann mit einer Fülle von zu konfigurierenden Parametern schnell umfangreich werden. In einem Seitenbereich befinden sich Optionen, mit denen Sie allgemeine Objektparameter, Position und Größe, Transformationseffekte, Füllung, Rahmen und sogar textbezogene Konfigurationen anpassen können.
Mehrere Szenen und intuitiver Timeline-Editor
Sie beginnen in einer leeren Szene, die Ihre Leinwand darstellt. Sie können die Größenangaben so einstellen, wie es zu Ihrem Projekt passt. Mehrere Szenen können hinzugefügt werden, und die Ebenenunterstützung stellt sicher, dass Sie sich nicht überfordert fühlen, wenn Sie mit zu vielen Objekten und Elementen arbeiten. Die Leinwand selbst kann mit einem Raster versehen werden, an dem Objekte für genaue Designs eingerastet werden können.
Der Timeline-Editor ist insgesamt intuitiv. Jedes hinzugefügte Objekt wird in die Zeitachse aufgenommen. Falls Sie sich nicht die Zeit nehmen möchten, Keyframes manuell zu platzieren, gibt es eine automatisierte Funktion, mit der Sie einfach die Zeit und die Eigenschaften eines Objekts ändern können, wobei die Änderung als Keyframe markiert wird, um Animationen zu erzeugen.
Passen Sie Interaktionen an und speichern Sie das Projekt als HTML5
Für komplexere Aufgaben können Sie auf den Ereignishandler zugreifen. Es funktioniert als allgemeine Regel oder für ein ausgewähltes Objekt. Hier können Aktionen für eine Vielzahl von Ereignissen definiert werden, z. B. Einzel- oder Doppelklickvorgänge, Wiedergabe und Pause, Mausbewegung, Fokus, Wischen und mehr. Hier ist keine Codierung erforderlich, sondern es müssen nur Namen und Werte definiert werden, die Sie dann im Canvas als Vorschau anzeigen können.
Auf Knopfdruck kann eine Vorschau für die gesamte Animation oder eine eigene Auswahl gestartet werden. Darüber hinaus können Sie den Standardbrowser aufrufen, um die Animation abzuspielen, damit Sie sie in ihrer nativen Umgebung anzeigen können. Was den Export betrifft, können Sie das Projekt jedoch nur als HTML5 erstellen. Es wäre nützlich gewesen, die Animation auch für die Offline-Nutzung zu speichern.
_________________________________________________
Zitieren
