Erstellen Sie mit Edge Animate ganz einfach HTML5-Animationen

Autor: Peter Berry
Erstelldatum: 13 Juli 2021
Aktualisierungsdatum: 13 Kann 2024
Anonim
Wie man Animationsvideos macht
Video: Wie man Animationsvideos macht

Inhalt

Edge Animate CC ist das perfekte Tool für Designer, die raffinierte animierte HTML5-Inhalte erstellen möchten. Es passt wunderbar in Ihren Creative Cloud-Workflow: Erstellen Sie Ihre Assets in Illustrator oder Photoshop, importieren Sie sie und beginnen Sie mit der Animation. Wenn Sie mit After Effects vertraut sind, können Sie mit Edge Animate sofort loslegen. Hier sind 10 Dinge, die Sie über dieses oft übersehene Tool wissen müssen ...

01. Creative Cloud-Integration

Edge Animate CC lässt sich perfekt in die Creative Cloud-Tools integrieren. Sie können Grafiken aus Illustrator problemlos als SVG-Dateien exportieren, um die Dateigröße zu sparen, oder natürlich als PNG- oder JPEG-Dateien aus Photoshop oder Illustrator. Sie können Dateien auch per Drag & Drop auf die Edge Animate-Bühne ziehen.

02. Vorlagen

Um den Workflow weiter zu verbessern, können Sie benutzerdefinierte Vorlagen für den schnellen Zugriff auf wiederverwendbare Assets speichern. Dies spart Ihnen viel Zeit, wenn Sie an vielen ähnlichen Projekten arbeiten.


03. Präzise Animation

Die Zeitleiste in Edge Animate basiert auf der Zeitleiste in After Effects - und somit erhalten Sie eine enorme Kontrolle über Ihre Animationen. Sie können wie in AE eigenschaftsbasierte Keyframes bearbeiten, um die Bewegung präzise zu steuern.

04. Unterstützung für Wischgesten

Entwerfen für Handys? Glücklicherweise können Sie mit Edge Animate CC Elemente für Ihre Projekte mit Links- und Rechtswischereignissen versehen. Dies erleichtert das Codieren und bietet eine einfache Möglichkeit, interaktive animierte Inhalte auf Mobilgeräten bereitzustellen.

05. Bewegungspfade

In Edge Animate CC können Sie Elemente entlang vollständig anpassbarer Bewegungspfade animieren, wodurch Sie eine enorme Kontrolle über die Bewegung Ihrer Objekte erhalten. Wie in After Effects können Sie auch Beschleunigungsfunktionen anwenden. Sie können Bewegungspfade auch in anpassbaren Layouts verwenden.


06. Verwenden Sie diese Symbole erneut

Wenn Sie mit Illustrator vertraut sind, ist diese Funktion ein Kinderspiel. In Edge Animate CC können Sie die Symbolfunktion verwenden, um verschachtelte Animationen mit unabhängigen Zeitleisten und interaktiven Funktionen zu erstellen. Dies erleichtert die Verwaltung Ihrer Projekte erheblich.

07. Mobil bereit

Wie Adobe sagt: „Mit Edge Animate erstellte Inhalte funktionieren zuverlässig auf iOS- und Android-Geräten sowie in modernen Browsern wie Firefox, Chrome, Safari und Internet Explorer 9+.“ Sie müssen sich keine Sorgen machen, dass Ihr HTML5-Inhalt auf mehreren Plattformen korrekt angezeigt wird.

08. OAM Benutzerfreundlichkeit

Mit dem Edge Animate CC OAM-Format können Sie Ihre Edge Animate CC-Kompositionen schnell und einfach in Adobe Muse CC oder InDesign CC importieren. Unabhängig von Ihrer Zielplattform oder Ihrem Zielgerät können Sie mit Edge Animate CC auf einfache Weise qualitativ hochwertige animierte Inhalte erstellen.


09. Unterstützung für Web-Font-Services

Edge Animate CC verfügt über eine integrierte Unterstützung für Typekit- und Edge-Web-Schriftarten, sodass Sie Ihren HTML5-Projekten eine umfangreichere Typografie hinzufügen können. Sie können eine Vorschau von Schriftarten aus dem Edge Web Fonts-Dienst über die Web-Schriftartenoberfläche anzeigen.

10. Erstellen Sie in Edge Animate CC

Sie können nicht nur aus den übrigen Tools in Creative Cloud importieren, sondern dank der Zeichen- und Textwerkzeuge auch direkt in Edge Animate CC erstellen.Und da die Tools genauso funktionieren wie die in Ihren bekannten Creative Cloud-Apps, müssen Sie keine Lernkurve meistern.

Lesen Sie nun diese:

  • Tipps, Tricks und Korrekturen für Photoshop, die Sie noch heute ausprobieren sollten
  • Kostenlose Photoshop-Pinsel, die jedes Motiv haben muss
  • Kostenlose Photoshop-Aktionen, um atemberaubende Effekte zu erzielen
  • Die besten Photoshop-Plugins

Welche Creative Cloud-Tools verwenden Sie? Sag es uns in den Kommentaren ...

Die Wahl Des Herausgebers
Verwandeln Sie das iPad Pro in einen Cintiq-Ersatz
Weiter Lesen

Verwandeln Sie das iPad Pro in einen Cintiq-Ersatz

Wir haben da Potenzial de iPad Pro al ern tzunehmende Zeichenwerkzeug hier bei Creative Bloq weitgehend po itiv bewertet - aber eien wir ehrlich, e i t kein Wacom Cintiq. Die Her teller einer der neue...
Twitter könnte Drittanbieter-Kunden "mit Leichtigkeit" verbieten.
Weiter Lesen

Twitter könnte Drittanbieter-Kunden "mit Leichtigkeit" verbieten.

Der Entwickler Benjamin Mayo hat in einem Blog die Verbreitung der Nutzung von Twitter-Client be chrieben. Twitter tellt olche Daten nicht ohne weitere zur Verfügung, und o führte Mayo ein k...
Wie man ein effizienteres Studio betreibt
Weiter Lesen

Wie man ein effizienteres Studio betreibt

Au gela tete tudio ind nur dann erfolgreich, wenn ie ihre Arbeit bela tung effizient bewältigen können, da on t die Dinge zu ammenbrechen: Fri ten werden verpa t, Budget ver chwendet und Kun...