Animierte HTML5-Banner mit Adobe Animate erstellen [1505]

Bannerwerbung ist nach wie vor ein wichtiger Bestandteil des Marketing-Mix. Der aktuelle Stand der Technik ist HTML5, mit dem Sie Banner flexibel, modern und responsiv gestalten können.

In diesem Kurs lernen Sie, wie Sie ansprechende, wirkungsvolle Banner mit Adobe Animate gestalten. Sie erfahren, worauf Sie unbedingt achten müssen, wie Sie dabei die aktuellen technischen Anforderungen im Blick behalten und Ihren Workflow optimieren.

Seminarinhalte:

• Einführung
  • Überblick über die Programmoberfläche und Fenster von Adobe Animate
• Animationen erstellen
  • Vorbereitung, Formen und Objekte erstellen, Bilder und Grafiken importieren und optimieren
  • automatische Bewegungen auf der Zeitleiste erzeugen – „Tweening“
  • das Konzept von Keyframes und Frames auf der Zeitleiste
• ein Banner als HTML5-Animation erstellen
  • Dokument, Quellformat und Ausgabeformat richtig einstellen
  • Text und Webfonts integrieren und optimieren
  • Aktionen mit Codefragmenten einfügen und editieren, z.B. Banner verlinken, Banner als Loop abspielen
  • Optimierungsmöglichkeiten vor der Veröffentlichung
• HTML5-Animationen veröffentlichen
  • Veröffentlichungseinstellungen, Details und Tipps
  • Weitergabe und Editierbarkeit der HTML5-Dokumente
  • Responsive Design, Skalierbarkeit, HiDPI-Anpassung
  • optimierte Aufbereitung der Bannerformate für AdServer
• Vorstellung eines optimalen Workflows (Konzeption, Photoshop/AfterEffects, Abstimmung mit dem Kunden, Produktion in Animate, Optimierung nach Sizmek und Google Ads, finale Auslieferung der Files) anhand einer Beispiel-Banner Produktion sowie
• Vorstellung realer Banner-Produktionen mit unterschiedlichen Workflows

Voraussetzungen:

Grundlegende Computerkenntnisse (MacOS oder Windows), praktische Kenntnisse in einem Grafikprogramm wie InDesign, Photoshop oder Illustrator sind von Vorteil.

Seminardauer:

1 Tag (9:00 - 16:00 Uhr) oder
2 Vormittage (je 9:00 - 12:00 Uhr) oder
2 Nachmittage (je 13:30 - 16:30) Uhr