Beschreibung
Adobe Animate CC
für Designer
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
Grundkenntnisse HTML/CSS.
Unterrichtszeit
von 9:00 bis 16:30 Uhr
Inhalt
Unser Kurs Adobe Animate für Designer geht detailliert auf die Flash Problematik ein und gibt einen Überblick zu HTML5, CSS3 und JavaScript. Es werden zu Beginn des Seminars der Einstieg in die Animate Software erklärt und die ganze Breite von Möglichkeiten der Erstellung erklärt. Neben dem Kennenlernen der Programmoberfläche werden die Grundlagen für die richtigen Voreinstellungen und Eigenschaften von Elementen besprochen, um eigene Animationen zu planen.
Hierbei arbeitet man mit Texten, Webfonts und Grafiken und fügt Symbole und Bibliotheken ein. In diesem Zusammenhang sind auch die Importfunktionen sowie Transformationen und Übergänge ein wichtiges Thema. Weiterer Schwerpunkt ist die konsistente Darstellung Ihrer Objekte in allen gängigen Browsern. Dazu zeigen wir Ihnen, wie Sie die Vorschau im Browser sinnvoll verwenden, bevor Sie Ihr Projekt veröffentlichen.
Inhalte im Detail:
Was passiert mit Adobe Flash? * Der Einstieg Adobe Animate * Den Animate-Workflow verstehen * Was kann man it Animate erstellen?
Programmoberfläche * Bühne, Voreinstellungen und Eigenschaften von Elementen * HTML5, CSS3 und JavaScript im Überblick * Animationen planen * animate-Animationen und Dreamweaver implementieren * Benutzung der Animate-Schnittstelle * Übersicht der Animate-Menüs * Arbeiten mit Text, Webfonts * Verwendung von SVG Grafiken * Zeichnen von Elementen, Webgrafiken * Bibliotheken und Symbole * Erstellen von einfachen Formen mit Div-Tags und CSS * Identifizieren von animierten Objekten * Animate-Timeline benutzen, Besonderheiten * Importfunktion von Animate * Manuelle Animationen * Transformationen und Übergänge * Verschachtelte Animationen * Automatische Animationen * Animationen am Pfad * Verwenden mehrerer Schichten * Einfache Scripte, Events * Veröffentlichen für verschiedene Projekte * Konsistenz in allen Browsern * Ablagestruktur im Dateisystem * Vorschau im Browser * Übersicht der Events: Maus, Touch und jQuery Mobile * Platzierung der Animate-Inhalte auf der Website