Medienproduktion Sommersemester Dipl.-Inform. Alexander Schulze Prof. Dr. Ing. Klaus Rebensburg

Transkript

1 Medienproduktion Sommersemester 2010 Dipl.-Inform. Alexander Schulze Prof. Dr. Ing. Klaus Rebensburg

2 Ablauf Heute Festlegung von Gruppen und Projekten Diskussion und weiteres Vorgehen Flash - Elemente Autorenwerkzeug Übung: Arbeiten mit Flash

3 Organisation - Gruppenbildung

4 grundlegende Themenidee seit Beginn der LV Facebook-Spiel mit Flash und "Social Software"- Elementen Lego-Mindstorms Kalibrierungs-Software Sound-System Sensordaten goes Multimedia :-) Wii-Remote goes 3D 3D-Kurzfilm kamerabasierte Projektionen

5 Organisation - Festlegung der Projektgruppen folgende Gruppen haben sich zusammengefunden: Gruppe 1:... Gruppe 2:... folgende Projektthemen schlagen die Gruppen vor Thema Gruppe 1:... Thema Gruppe 2:...

6 Organisation - Präsentation der Projekte nächster Termin Vortrag Vorstellung des Projektthemas Gruppen stellen gemeinsam Projektidee vor so klar und so grafisch wie möglich Interface-Mockups, StoryBoards, Flussdiagramme, Fragen die der Vortrag beantworten soll Idee des Projektes geplante Features, so konkret wie möglich geplante Schritte bis zum nächsten VL-Termin

7 Flash - das Autorenwerkzeug

8 Adobe Flash - das Autorenwerkzeug aktuelle Version: CS5 Preis ca. 850 Student Edition ca. 130 meistgenutztes Werkzeug zum Erstellen von Flash- Inhalten Zeitleisten-basiert und/oder Skript-basiert Animation auf Grundlage von Keyframes Import vieler Medien-formate

9 Adobe Flash - das Autorenwerkzeug Illustrationswerkzeuge für Vektorgrafiken Import-Möglichkeiten für Bitmapdateien Import-Möglichkeiten für Audiodateien Wiedergabe externer Videodateien weitreichende Möglichkeiten zur Animation mit voller Interaktivität Keyframes, Interpolationssteuerung, Synchronisation und Interaktion mit Audio und Video

10 Flash - das Autorenwerkzeug Auswahl der zu erzeugenden Datei

11 Adobe Flash - Autorenwerkzeug - Startdialog letzte Dateien öffnen neue Flash-Datei erzeugen aus Vorlage erzeugen meistens:.fla AS3

12 Adobe Flash - Autorenwerkzeug - Startdialog Flash-Datei (ActionScript 3.0) Flash-Datei (ActionScript 2.0) Flash-Datei (Adobe Air) Flash-Datei (Mobile) ActionScript-Datei AS-Kommunikationsdatei Flash-JavaScript-Datei Flash-Projekt

13 Adobe Flash - Autorenwerkzeug - Flash-Datei Flash-Datei (ActionScript 3.0) erzeugt Standard-FLA-Datei es muss kein AS verwendet werden, aber falls doch, AS 3.0 voreingestellt Flash-Datei (ActionScript 2.0) identisch aber mit AS 2.0 veraltet!

14 Adobe Flash - Autorenwerkzeug - Startdialog Flash-Datei (AIR) AIR-Anwendungen erstellen (AIR 1.5) läuft wie Standalone-Anwendung auf allen Systemen mit installiertem AIR-Framework Erstellung einer FLA-Datei Veröffentlichen als.air Datei bei Doppelklick installiert AIR-Framework die Datei als normales Programm

15 Adobe Flash - Autorenwerkzeug - Startdialog Flash-Datei (ActionScript 3.0) erstellen von Flash-Lite-Anwendungen für Mobilgeräte Device-Central, mit > 450 Geräteprofile außer Flash auch Illustrator, Photoshop und After Effects-Dateien möglich Aufruf Autorenwerkzeug mit entr. Profilen, Geräte-Emulator

16 Adobe Flash - Autorenwerkzeug - Startdialog ActionScript-Datei auslagern Code in getrennte.as-datei(en) Trennung Design und Code Text-Format ( Lieblingeditor, Versionsverwaltung,...) AS-Kommunikationsdatei ActionScript-Code für den Server.ASC läuft auf spezieller Software von Adobe (z.b. Flash Media Server)

17 Adobe Flash - Autorenwerkzeug - Startdialog Flash-Javascript-Datei Skripte zur Steuerung der IDE selbst läuft innerhalb Flash CS4 ab.jsfl-dateien (Textformat) Automatisieren von Aufgaben innerhalb der IDE mit Editor programmieren oder Makros aufzeichnen und erzeugte Skripte abwandeln

18 Adobe Flash - Autorenwerkzeug - Startdialog Flash-Projekt bündeln und verwalten mehrerer Quelldateien in einem Projekt einfache Versionsverwaltung (mehre Versionen einer FLA-Datei).FPL-Dateien

19 Flash - das Autorenwerkzeug wichtigste Elemente des GUI

20 Adobe Flash - Autorenwerkzeug - Flash-Datei Bühne Werkzeuge Paletten Zeitleiste

21 Adobe Flash - Autorenwerkzeug - Bühne erzeugen und platzieren von Inhalten (z.b. Gafiken) rechteckiger Bereich dort wird im Flash Player oder Plugin das Dokument wiedergegeben

22 Adobe Flash - Autorenwerkzeug - Bibliothek Speichern und Verwalten der in Flash erstellten Symbole und importierter Daten Bitmapgrafiken Sounddateien Videoclips Bibliothekselemente können in Ordnern zusammengefasst werden verschiedene Sortiermöglichkeiten

23 Adobe Flash - Autorenwerkzeug - Werkzeuge Erstellen von (Vektor-)Grafikelementen (Elipsen, Kreise, Rechtecke, Linien, Text,...) Manipulieren von Grafikelementen (skalieren, rotieren, färben, verformen, 3d- Perspektive, Bones...)

24 Adobe Flash - Autorenwerkzeug - Zeitleiste organisieren und steuern des zeitlichen Ablaufs des Dokuments in Ebenen und Bildern anlegen und organisieren von ebenen Playhead läuft durch alle vorhanden Bilder

25 Adobe Flash - Autorenwerkzeug - Eigenschafteninspektor Eigenschafteninspektor: Attribute beareiten Schriftart, -ausrichtung, Farben, Füllungen, Liniendicken,...

26 Adobe Flash - Autorenwerkzeug - Aktionen Aktionen-Fenster: Aktions-Skripte bearbeiten Speicherung in FLA Syntax-Coloring automatische Einrückung Syntax-Check diverse Hilfswerkzeuge

27 Flash - das Autorenwerkzeug wichtige Konzepte

28 Adobe Flash - Autorenwerkzeug - Konzepte Zeitleiste vs Pure ActionScript Bilder Playhead Bibliothek, Symbole, Instanzen MovieClips Schlüsselbilder, Tweens Veröffentlichen

29 Adobe Flash - Autorenwerkzeug - Konzepte Zeitleiste vs Pure ActionScript verschiedene Ansätze a) reine Animation über Zeitleiste & Schlüsselbilder, kombiniert mit Skripten an Schlüsselbilder b) Instanziierung, Platzierung und Animation von (grafischen) Objekten nur über ActionScript beides möglich, auch beliebige Mischung, Sinnhaftigkeit kontextabhängig

30 Adobe Flash - Autorenwerkzeug - Bilder Flashdokument ist eine Folge von Einzelbildern Zeitleiste organisiert und steuert Inhalt des Dokuments mit Hilfe der Bilder Schlüsselbild Bild, in dem Änderungen von Objekteigenschaften für Animationen gespeichert werden Bild, mit ActionScript-Code zum Steuern bestimmter Dokumentenaspekte Playhead Abspielkopf läuft linear durch alle Bilder einer Zeitleiste bestimmte Objekte (MovieClip) mit eigener Zeitleiste Steuerung durch ActionScript: gotoandplay(30);

31 Adobe Flash - Autorenwerkzeug - Symbole Bibliothek enthält Symbole Symbole sind (grafische) Objekte Drag-n-Drop zur Bühne erzeugt Instanzen Instanzen können benannt werden Instanzen werden über Namen von AS refrenziert Umwandlung Zeichenobjekt Symbol nötig

32 Adobe Flash - Autorenwerkzeug - Symbole verschiedene Typen von Symbolen Grafik, Schaltfläche und MovieClip i.d.r. verwendet man MovieClip unterstützt am meisten Features Zugriff auf MC-Instanzen über ActionScript möglich Filter, 3D-Tweens, Blendmodi a la Photoshop,...

33 Adobe Flash - Autorenwerkzeug - Tweening automatische Generation von Bildern zwischen Schlüsselbildern ursprünglich zwei Arten von Tweens: Bewegungs-Tweens: Festlegen von Eigenschaften wie Position, Rotation und Skalierung einer Instanz, Gruppe oder Textobjekts zu einem bestimmten Zeitpunkt Ändern der Eingenschaften zu einem anderen Zeitpunkt Animation an einem Pfad Form-Tweens: Interpolation zwischen den Formen von Schlüsselbildern zu verschiedenen Zeitpunkten

34 Adobe Flash - Autorenwerkzeug - Tweening neues Tween-Verfahren mit CS4 eingeführt alte Bewegungstween bleiben erhalten (Abwärtkompabilität) neues Verfahren Bewegungstween altes Verfahrem klassisches Tween wichtig für Tutorials aus Zeiten CS3 und früher ( Bewegungstween dort heißt klassisches Tween jetzt)

35 Adobe Flash - Autorenwerkzeug - Tweening Bewegungstween (> CS4) Verfahren näher an anderer Software AFX, 3D,... Symbol erstellen (z.b. Form, dann in Symbol konvertieren) Bewegungstween erstellen (default 1 Sekunde Länge) Playhead verschieben Objekt manipulieren => KeyFrame wird eingefügt (Position, Größe, Farbe, Filter, Rotation,...)