Ralf Kittner. MMZ-1, Ernst-Abbe-Platz 8 Raum 214 Tel.:

Transkript

1 Flash MX 2004

2 Ralf Kittner MMZ-1, Ernst-Abbe-Platz 8 Raum 214 Tel.: ralf.kittner@uni-jena.de

3 Eine Einführung Allgemeines Merkmale Begriffe in Flash Die Flash Oberfläche Grundprinzip, einige wichtige Funktionen Erste Schritte Einen Flash-Film erstellen

4 Macromedia Dreamweaver FreeHand Fireworks -> Erstellung von Web-Seiten -> Illustration und Layout für Druck und Web -> Design, Web Grafik Flash -> interaktive Webanwendung Director Authorware -> CD / DVD -> CD / DVD

5 Versionen Flash 3 5 Flash MX Flash MX Professional 7 Flash 8 Anforderungen: >Pentium III, >600 MHz, >256 MByte RAM, großer Bildschirm (besser 2 Monitore) Was kann Flash? A B C D

6 Flash-Merkmale + Animation, Aktion und Interaktion + Multimediale Publikation im Web + Flash arbeitet mit Vektorgrafik. + Wenig Speicherplatz, Streaming-Methode (sehr schnell übers Netz) + Frei skalierbar + Eigene Script Sprache (ActionScript) - Browser PlugIn notwendig (ab IE 5 und Netscape 4 nicht mehr) - Inhalt für Suchmaschine nicht zugänglich - Handhabung etwas gewöhnungsbedürftig - relativ teuer ( Euro)

7 Flash-Filme Texte, Grafiken + Animationen Videos, Bitmapgrafiken und Sounds swf offenes Format; gestreamt Flash besitzt eigene Scriptsprache

8 Begriffe Symbol -> Grafik- oder Textobjekt (auch mehrere Bilder) Bibliothek -> Übersicht aller Symbole + Bilder Ebenen -> Strukturieren und Anordnen der Objekte Bühne -> eigentliche Arbeitsfläche Zeitleiste -> Organisieren und Steuerung des zeitlichen Ablaufs Frame -> Zustand eines Objektes zu bestimmter Zeit Schlüsselbilder -> Änderungen einer Animation zu definieren Szene -> eigenständiger Teil eines Movies Movie -> fertiges Ergebnis

9 Begriffe Instanz -> eine Version eines Symbols Veröffentlichung -> erstellen eines fertigen Movies Tweening -> automatischer Bewegungsablauf Schlüsselbilder -> Änderungen um Ablauf zu definieren Exportieren -> entspricht speichern Einbinden -> einbinden in eine HTML Datei Endungen -> swf und fla

10 Flash Director Zeitleiste -> Drehbuch Bibliothek -> Besetzungsfenster Symbole -> Darsteller Instanzen -> Sprites Ebenen -> Sprite-Kanäle

11 Menüleiste Datei -> Importieren (Freehand, Adobe-Illustrator, AutoCad, Bitmaps, jpg-, gif-, png-dateien, Flashfilme, wav-, mp3- mov- Dateien) Datei > Importieren -> In Bibliothek öffnen Datei -> Exportieren (erstellt swf-datei ) Bearbeiten -> Voreinstellungen Modifizieren -> In Symbol konvertieren (Grafik bzw. Text in Symbole wandeln) Modifizieren > Dokument (Größe und Hintergrundfarbe) Steuerung > Fehlersuche Steuerung > Szene testen, Film testen Fenster -> Einblenden verschiedener Bedienfelder

12 Menüleiste Fenster -> Einblenden verschiedener Bedienfelder Bibliothek -> Übersicht über alle Mediendaten

13 Werkzeugleiste Pfeile, Linien, Lasso, Stift, Text Ellipsen, Rechteck, Freihand Pinsel, Tintenfass, Farbeimer Radiergummi, Farben Magnet

14 Zeitleiste Ist der Ort in Flash, mit dem Ablauf der Animation geregelt wird

15 Arbeitsfläche Ist die Bühne in der der Flash-Film erstellt wird und die fertige Animation abläuft

16 Design-Bedienfeld Ausrichten - Ausrichten der Objekte auf der Bühne Farbmischer - Farbeinstellung Farbfelder - Füllfarbe, Farbtöne, Linienfarbe Info - Koordinaten eine Objekts Szene - Übersicht über versch. Szenen eines Films Transformation - Drehung, Neigung

17 Entwicklungsbedienfeld Aktion - Eingabe der Scriptsprache Verhalten - vorgefertigte ActionScript- Skripts Komponenten - z.b. Menu, Button, CheckBox Debugger - findet Fehler Ausgabe - Fehler werden ausgegeben Web-Service - Eingabe von nützlichen WWW-Adressen

18 Andere Bedienfelder Eingabehilfen - Erstellung behindertengerechter Inhalte Protokoll - protokolliert die Schritte Filmexplorer - Anzeige der Struktur eines Dokuments String-Tabelle - Erstellen für Texte in mehreren Sprachen Allgemeine Bibliotheken Verwaltung der Medienbestände

19 Flash-Film Ein oder mehrerer Szenen Jede Szene kann aus vielen Ebenen bestehen Jede Ebene enthält ein Objekt Objekte werden auf einer Zeitleiste angeordnet Die Zeitleiste besteht aus einer Abfolge von Bildern besser Frames

20 Erste Fingerübungen

21 Erster Film Leeres Dokument laden Dokumenteneigenschaften einstellen Text erstellen (Farbe, Schrift, Ausrichten etc.) Text in Symbol konvertieren Bei Frame (Bild 12 oder 20) Schüsselbild erstellen Testen Ersten Frame etwas ändern Transformation Testen Letzten Frame ebenso ändern Transformation Testen Frame1 bis Frame 12 (20) markieren Tweening erstellen Testen

22 Erster Film Bild in Bibliothek importieren Bild auf Bühne ziehen Bild ausrichten In Symbol konvertieren Testen Ebenen tauschen Testen Film exportieren bzw. Veröffentlichen

23 Nützliche Adressen htm

24 Zum Schluss Action? Spaß

25 Danke für Ihre Aufmerksamkeit!