Es war wirklich ein Einstieg in ein neues einfaches Verfahren, Inhalte im Web zu animieren. Sonja Vieten hat ein super Programm zusammengestellt.
K. Huber, Chorin
ONLINE-WORKSHOPHTML5 Animationen mit Edge Animate
Die neue Generation der Web Animation - in einer komfortablen visuellen Oberfläche erstellt
Auf einen Blick
|
02.07.2013
22.07.2013
3 Wochen
ca. 8 - 10 Std.
Adobe Edge Animate (z.Zt. noch kostenlos) HTML-Editor (z.B. die kostenlose Testversion von Dreamweaver CS6) Grundkenntnisse HTML und CSS vorteilhaft, aber nicht zwingend
(Details)
295 Euro / 245 Euro*
(* für Mitglieder von akademie.de) Alle Preise enthalten 19% MwSt.
10% Frühbucher-Rabatt noch bis 11.06.
Wir akzeptieren Prämiengutscheine! Jetzt anmelden
Haben Sie noch Fragen? workshops@akademie.de |
Ihre Workshop-Leiterin: Sonja Vieten
arbeitet seit 1999 als Web- und Flash-Designerin. Das Spezialgebiet der zertifizierten Animatorin sind die Konzeption und Entwicklung interaktiver Designs. Dazu gehört ein tiefes Verständnis dafür, was "unter der Haube" passiert. Schließlich macht die Programmierung ca. 50 Prozent ihrer Arbeit aus. Faszinierend findet Sonja Vieten dabei gerade die Verbindung von Design und interaktiver Programmierung.
Das sagen die Teilnehmer
Betreuung durch Workshopleiter:
Qualität der Unterlagen:
Praxisnähe des Workshops:
Teilnehmerstimmen
[Die Workshop-Unterlagen sind] sehr gut zusammengestellt und hervorragend verständlich. [... Besonders gefallen hat mir] der Austausch und das tolle Feedback der Kursleitung.
Beatrice Ermisch, Geseke
Hallo Sonja,
Ich will es nicht versäumen, Dir für diesen interessanten Workshop und Deine angenehme, engagierte und kompetente (Beg-)Leitung dieses Workshops herzlich zu danken. Mir schien, als wärest Du nahezu allezeit im Forum ansprechbar. Jedenfalls hast Du jeweils kurzfristig mit Deiner Hilfestellung geantwortet. Obwohl der Workshop für mich recht intensiv war, habe ich mit Freude und Begeisterung an den gutgewählten Übungsbeispielen gearbeitet und dabei viel gelernt.
Katharina Hofer, Olten (Schweiz)
Online-Workshop-Newsletter
HTML5 Animationen haben einen entscheidenden Vorteil z.B. vor Flash-Animationen: sie laufen ohne Plugin in jedem neuen Browser. Und damit auch auf allen mobilen Geräten und Plattformen. Der Nachteil: das umständliche Programmieren. Hier schafft das Programm Edge Animate Abhilfe.
Mit Edge Animate können Sie HTML5 Animationen in einer visuellen Oberfläche erstellen. Der Programmiercode wird automatisch im Hintergrund erstellt.
In diesem Online-Workshop führt Sonja Vieten Sie kompakt und ganz praktisch in die Erstellung von HTML5 Animationen mit Edge Animate ein:
anhand von Praxisübungen, in denen Sie HTML5 Animationen mit HTML Elementen, Bildern, Text und Webfonts erstellen, lernen Sie die wesentlichen Funktionen von Edge Animate kennen und nutzen
in fortgeschrittenen Übungen machen Sie Ihre Animation interaktiv und ergänzen Ihr Projekt um Zeitleisten- und Klickereignisse
die Veröffentlichung im Web rundet Ihr Projekt ab
Der Workshop richtet sich an alle, die plattform- und browserunabhängige Web Animationen in einer komfortablen visuellen Oberfläche erstellen möchten. Teilnehmer ohne Vorkenntnisse sind ebenso willkommen wie Teilnehmer mit Programmierkenntnissen, denen optionale Zusatzaufgaben zur Erweiterung Ihres Projektes per JavaScript-Programmierung angeboten werden.
Themen im Detail
1. Woche: Einstieg in Edge Animate
Sie erhalten zunächst einen Einstieg und Überblick über die wesentlichen Funktionen von Edge Animate.
Bei der Erarbeitung von praktischen Aufgaben üben Sie den Umgang mit dem Programm und lernen, den Arbeitsbereich zu bedienen. Zur Vorbereitung der Animationsaufgaben zeichnen wir eine Figur in Edge Animate, importieren Bilder und fügen Text und Webfonts ein.
2. Woche: Edge Animate Animationen
In der zweiten Woche widmen wir uns ganz dem Thema Animation in Edge Animate.
Sie animieren die vorbereiteten HTML Elemente aus der ersten Woche und lernen den Umgang mit der Zeitleiste, Schlüsselbildern, verschiedenen Animationstechniken, Symbolen sowie den Werkzeugen für CSS Eigenschaften und Transformation kennen.
3. Woche: Interaktivität und Veröffentlichung
In dieser Woche ergänzen Sie die Animation um Interaktivität.
Dabei wenden Sie Aktionen, Klickereignisse, Auslöser und Beschriftungen an. Eine Auswahl grundsätzlicher und fortgeschrittener JavaScript Befehle ermöglicht Ihnen optional eine Erweiterung Ihres Projekts individuell nach Vorkenntnisstand.
Die Veröffentlichung im Web und optionale Erstellung eines dynamischen Responsive Designs rundet das Projekt ab. Dabei erfahren Sie auch, wie Sie bereits vorhandene Websites in Edge Animate einladen und um Animationen erweitern können oder alternativ eine Edge Animate Komposition in eine bereits vorhandene Website integrieren.
Voraussetzungen
Nötige Programme:
Das Programm Adobe Edge Animate (Download zur Zeit noch frei. Dazu: 1. Adobe-ID anlegen (E-Mail + Passwort), 2. in die "Creative Cloud" einloggen, 3. dort auf "Jetzt herunterladen" klicken und den Download-Anleitungen folgen)
HTML-Editor zur Bearbeitung der HTML Dateien (z.B. Dreamweaver CS6 in der Testversion 30 Tage gültig)
Vorkenntnisse:
Grundlegende HTML und CSS Kenntnisse sind vorteilhaft, jedoch nicht zwingend notwendig.
Ebenso erleichtert die Kenntnis eines Bildbearbeitungsprogramms oder von Flash bzw. After Effects den Einstieg und das Verständnis für die Handhabung.
Online-Workshop: HTML5 Animationen mit Edge Animate
|
02.07.2013
295 Euro
/
245 Euro*
(* für Mitglieder von akademie.de) |