Derzeit haben wir keine offenen Kurstermine in nächster Zeit geplant. Gerne organisieren wir ab 3 Teilnehmer einen offiziellen Seminartermin
oder ein Individualtraining nur für Sie allein.
Inhalt
Einführung in Adobe Edge Animate
Moving target: offene Webstandards
Web-Animationen: Status quo
Das Autorenwerkzeug Adobe Edge Animate
Einsatzmöglichkeiten und Workflows
Edge-Animate-Banner
Edge Animate für Storytelling
Edge Animate auf mobilen Endgeräten
Edge Animate und DPS
Edge Animate in andere Seiten bzw. CMS einbetten
Download und Installation
Benutzeroberfläche
Begrüßungsscreen
Menüleiste
Bühne
Eigenschaftsinspektor
Elemente
Bibliothek
Zeitleiste
Arbeitsbereiche
Tastaturbefehle (Shortcuts)
Hello Edge Animate!
Edge Animate runtime Basics
Systemvoraussetzungen
HTML & Co.
Ein solides Fundament: jQuery
Das Resultat und die runtime
Das Code-Verhalten von Edge Animate
Ergänzende Werkzeuge
Gestaltungswerkzeuge und Bildmanipulation
Code-Editoren und Entwicklungsumgebungen
Kreation
From Scratch (leeres Dokument)
Elemente und Bibliothek
Ausgangspunkt HTML-Dokument
In Edge Animate animieren
Grundeigenschaften
Position, Größe und Deckkraft
Eigenschaften per Anfasser verändern
Anzeige (Sichtbarkeit)
Überlauf (Overflow)
Mauszeiger (Cursor)
Schatten
Beschneiden (Clipping)
Verschachteln und Symbole
Symbole exportieren und wiederverwenden
Erweiterte Eigenschaften
Kontext: Stage
Kontext: Primitive Form
Kontext: Text
Kontext: Bild
Kontext: Symbol
Benutzerdefinierte Fonts
Google web Fonts
Adobe Typekit
Fonts in Edge Animate einbinden
Flexible Layouts
Relative Werte (Prozentangaben)
Minimale und maximale Breite
Elemente flexibel ausrichten
Vorgaben für flexible Layouts
Praxis
Flexibles Banner für verschiedene Auflösungen
Unabhängige Layouts für verschiedene Größen
Animation
Die Zeitleiste
Schlüsselbilder (Keyframes)
Zusatzfunktionen in der Zeitleiste
Abspielen
Animationssequenzen im Nachhinein verändern
Non-lineare Animationen (Easings)
Pfadanimationen
Symbole und ihre Zeitleisten
Symbole
Symbole wiederverwenden
Unabhängige Zeitleisten
Steuerung von Zeitleisten mit Wiedergabeaktionen
Steuerung von Zeitleisten mit Scriptanweisungen
Praxis
Banner-Animation
Asynchrone Animationen und Wiedergabeaktionen
Symbole und Steuerung per Script
Charakteranimationen mit Spritesheets
Interaktion und Scripting
Einfaches Logging
Ereignisse (Events)
Auf Ereignisse reagieren
Benutzer-Ereignisse
Kompositions-Ereignisse
Zeitleisten-Ereignisse
Symbol-Ereignisse
System-Ereignisse
Kontext von Ereignissen
Symbole und Elemente
Aktionen
Code-Vorlagen
Steuerung der Zeitleiste
URL aufrufen
Auf Symbole zugreifen
Auf Elemente zugreifen
Elemente modifizieren
Symbole dynamisch erzeugen und löschen
Mit Symbolvariablen arbeiten
Das sym-Argument
Code-Ansichten
Edge Code und Brackets
Praxis
Schaltflächen
Tweeting Edge
Intervall-Updates ohne Zeitleiste (Edge Clock)
Veröffentlichen
Vorbereitungen
Poster (Standbild)
Abwärtskompatible Bühne
Preloader
Export und Einstellungen
Profil »web«
Profil »Animate-Bereitstellungspaket«
Profil »iBooks/oS X«
Praxis
Komposition mit FTP veröffentlichen
Komposition in eine HTML-webseite einbinden
Edge Animate in WCMS-Umgebungen
InDesign (DPS)
Für Fortgeschrittene
Externe Komponenten
yepnope.js
Google Maps
Videos (YouTube)
jQuery-UI-Komponenten
Mehrere Kompositionen auf einer Seite verdrahten
wiederverwendbare Komponenten
Edge Commons
Laden der Edge Commons
Logging
Spotlight overlay (Youtube)
Parallax Scrolling
Composition Loader
Sound
Data Injection
Gaming
Edge-Animate-Projekt
Game Assets
Character-Steuerung
Hotspots
Spiellogik