Beschreibung
Adobe Animate CC
für Entwickler
Eine Website ohne animierte Grafiken und Objekte ist fast nicht mehr denkbar. Die visuelle Darstellung beeindruckt den Besucher und inspiriert. Da die Animationen per Flash nicht auf allen Tabletts oder Smartphones unterstützt werden, bietet Adobe nun mit Animate CC die Möglichkeit, per CSS3, HTML5 oder JavaScript auf eindrucksvolle Weise Animationen interaktiv von allen Endgeräten aufbereiten zu können.
Wir bieten Kompaktseminare in der aktuellen Version für Web-Entwickler und auch für Designer an.
Eine ideale Ergänzung zu Animate bietet Adobe Muse, eine Software, mit der komplette Websites gebaut und Animate-Inhalte gleich professionell integriert werden können.
Voraussetzungen
Grundkenntnissen HTML/CSS, JavaScript.
Unterrichtszeit
von 9:00 bis 16:30 Uhr
Inhalt
Neben dem Aufzeigen der detaillierten Flash-Problematik wird der fundierte Einstieg in die Animate-Oberfläche und deren Menüs ermöglicht und wir zeigen Ihnen den Animate-Workflow. Im Seminar werden Galerien, Slideshows, Microsites, InApp Advertising sowie Multiswitcher und Weiteres entwickelt und eingesetzt. Es wird mit Texten und Webfonts genauso wie mit SVG-Grafiken, -Elementen und Webgrafiken gearbeitet.
Ein weiterer Schwerpunkt des Seminars liegt auf der Nutzung der Animate-Schnittstellen und den vielfältigen Importfunktionen. Hierbei wird auf den Zusammenhang der einzelnen Bibliotheken und Symbole eingegangen. Manuelle, interaktive, verschachtelte und automatische Animationen sowie die Verwendung mehrerer Schichten und das Nesting-Konzept sind ebenfalls Features unserer Seminare.
Um Animate-Inhalte auf Webseiten platzieren zu können und dabei für eine konsistente Darstellung in allen gängigen Browsern zu sorgen, werden zahlreiche praktische Übungen durchgeführt.
Inhalte im Detail:
Was passiert mit Adobe Flash? * Sprite-Exporte von Adobe Flash? * Adobe Animate CC und der Flash Fallback Workflow * Der Einstieg AdobeAnimate CC
Der Adobe Animate-Workflow :
Galerien, Slideshows, Microsites, InApp Advertising, Multiswitcher etc. entwickeln * Adobe Animate-Animationen planen * Benutzung der Adobe Animate-Schnittstelle * Übersicht der Adobe Animate-Menüs * Arbeiten mit Text, Adobe Webfonts, Google Webfonts * Verwendung von SVG Grafiken * Zeichnen von Elementen, Webgrafiken * Bibliotheken und Symbole * Identifizieren von animierten Objekten * Adobe Animate-Timeline benutzen * Importfunktion von Animate * Manuelle Animationen * Transformationen und Übergänge * Verschachtelte Animationen * Das Nesting Konzept * Automatische Animationen * Animationen am Pfad * Interaktive Animationen * Trigger Event Animationen bzw. – Verhalten * Verwenden mehrerer Schichten * Scripte, Events * Der Code Editor * Instanzen per JavaScript ansprechen und interaktiv modifizieren * Include-Varianten z.B. iFrames, Social Media * Veröffentlichen für verschiedene Projekte Konsistenz in allen Browsern * Vorschau im Browser * Ablagestruktur im Dateisystem * Übersicht der Events: Maus, Touch und jQuery Mobile * Platzierung der Animate-Inhalte auf der Website