Adobe Edge Animate

• Einführung in die Arbeitsoberfläche
• Bewegungen mit der Timeline steuern
• Grafikformate im Web (Vektor- und Bitmap-Grafik)
• Texte und Grafiken erstellen und animieren

Animationsdesign

• Timing einer Animation
• Skalierung
• Übergänge
• Timelineoptionen
• Animationen kopieren
• Timing im Gesamtprojekt

Komplexe Animationsabläufe

• Verschachtelte Animationen
• Symbole auf der Bühne
• Schleifen
• Instanzen
• Playback Kommandos
• Mit Symbolen arbeiten
• Clipping von Animationen
• Arbeiten mit Schatten

Einfache Interaktionen

• Was sind interaktive Komponenten?
• Einblick in JavaScript
• Timeline Auslöser
• Events und Aktionen
• Buttons erstellen
• Im Codepanel arbeiten
• Dem Mauscursor anpassen
• Animationen kontrollieren

Medien interaktiv einbinden

• Medien (Audio, Video) einfügen
• Hyperlinks nutzen
• Vorhandene HTML Inhalte bearbeiten
• Events (Tastatur, Maus, Touch u.a.) nutzen
• Logik: Abläufe über Bedingungen steuern
• Einsatz von Variablen
• Interaktive Diashow erstellen

Veröffentlichen und responsives Design

• Ein Projekt online bringen
• Abwärtskompatibilität
• Preloading
• Einbindung des Codes in HTML
• Responsives Design
• Animate Animationen auf responsives Design anpassen
• Auflösungsunabhängige Darstellung

Edge Animate ermöglicht es Webdesignern, Motion Designern oder Webentwicklern, Web-Inhalte zu animieren und interaktiv aufzubereiten. Edge Animate basiert auf aktuellen Web-Standards wie HTML5, CSS3 und JavaScript (jQuery). Es lassen sich somit problemlos Inhalte für Desktop, Smartphone und Tablets erstellen.
In dieser eintägigen Edge Animate Schulung erhalten Sie einen Überblick über die Technologie und Funktionalität. Lernen Sie, wie sich Texte, Bilder und Grafiken animieren lassen und wie sich Inhalte auch ohne JavaScript-Kenntnisse mit Interaktivität versehen lassen. Sogar Inhalte bereits existierender Webseiten lassen sich nachträglich mit Edge Animate animieren, so dass Ihre statische Seite durch dezente Effekte neuen Schwung erhält.
Dieses Seminar gibt einen umfassenden Überblick über die Funktionalität von Edge Animate. Sie lernen unter anderem Webfonts einzusetzen, mit Symbolen zu arbeiten, verschachtelte Animationen zu erstellen und diese mit verschiedenen Animationsabläufen zu belegen. Darüber hinaus lernen Sie, wie Elemente mit Interaktivität versehen und über Events gesteuert werden können.