do-web Blog und Informationsarchiv

Flash Tutorial-Serie Teil 1: Programmoberfläche

Dies ist der erste Teil einer sehr langen Tutorial Serie, in der ich euch die Grundlagen und ein bisschen mehr von Flash und Actionscript 3 beibringen möchte. In diesem ersten Teil der Serie, wird es erst einmal eine kleine Einführung in die Programmoberfläche geben, weil wenn wir die nochnicht mals kennen, haben wir keine Chance auf Erfolg.

Bei Fragen, Problemen oder wenn es euch gefällt, hinterlasst mir doch einfach einen Kommentar.

Die Arbeitsoberfläche:

Die Arbeitsoberfläche von Adobe Flash CS4 Professional sieht nach dem ersten Start folgendermaßen aus:

Die meisten Elemente werdet ihr erst später kennen lernen, doch jetzt geht es erst einmal um die wichtigsten.

Alle diese Elemente sind auf der Oberfläche ab- und andockbar wo auch immer man sie haben möchte. So kann man sich die Fenster so anordnen, wie man am besten damit zurecht kommt und diese dann unter Fenster->Arbeitsbereich->Neuer Arbeitsbereich speichern, sodass sie auch beim nächsten Start noch verfügbar ist und man nicht jedesmal alles neu herrichten muss.

Unter Fenster->Arbeitsbereich findet man alle seine und die vorgefertigten Arbeitsbereiche und kann diese dort wechseln.

Das Dokumentenfenster:

Jede Flashdatei, jeder Flashfilm wird in einem eigenen Dokumentenfenster bearbeitet.So kann man mehrere Flashfilme zur gleichen Zeit öffnen und so sogar Elemente per Zwischenablage hin und her kopieren, zwischen den einzelnen Flashdateien. Die verschiedenen Dokumente sind dann in der Registratur auswählbar.

Die Bühne im Arbeitsbereich bildet den Hauptteil des Dokumentenfensters und ist die zuanfang weiße Fläche. Objekte und Grafiken kann man auf und neben der Bühne platzieren, jedoch werden sie normalerweise neben der Bühne im fertigen Flashfilm nicht angezeigt.

Darauf sollte man sich allerdings nicht verlassen und sich merken, das Inhalte die den User nichts angehen oder ihn verwirren könnten, weder auf der Bühne noch neben der Bühne etwas zu suchen haben und sollten ihren Weg gar nicht erst ins Dokument finden.

Oberhalb des Arbeitsbereichs(siehe: Bild 2) findet ihr zum einen die "Ort-Hirarchie", die euch anzeigt, wo ihr euch grade befindet und wodrin dieses Symbol eventuell ist, und zum anderen zwei Symbole mit denen ihr entweder die verschiedenen Szenen oder Symbole anwählen könnt, sowie ein Feld zur Bestimmung des Zoomfaktors.

Die Zeitleiste:

Die Zeitleiste steuert den zeitlichen Ablauf des Films und dient der Erstellung von Animationen. Wie jeder andere Film besteht auch ein Flashfilm aus einzelnen Bildern, diese werden hier als Frames(Bilder) bezeichnet und horizontal aufgelistet. Vertikal werden die einzelnen Ebenen dargestellt.

Jedes Element des Films, sichtbar sowie unsichtbar, sollte auf eine eigene Ebene platziert werden um hinterher eine leichtere Handhabung zu gewährleisten.

Rechts  über den Ebenen sind drei kleine Symbole zu sehen. Das Auge blendet die Ebenen ein und aus, das Vorhängeschloss verhindert die Auswahl von Elementen auf der Ebene und das Quadrat schaltet die Ebene in den Konturmodus, in der alle Elemente nur noch als Konturen in der Farbe des Quadrats sichtbar sind.

Macht man das gleiche bei gehaltener Alt-Taste werden alle anderen Ebenen umgeschaltet. Beim Klick auf die Symbole selbst, betrifft die Änderung alle Ebenen.

Jegliche Änderung über diese drei Symbole beeinflusst den Film in keinster Weise, selbst wenn man eine Ebene ausblendet, bleibt sie im fertigen swf-Film sichtbar.

Die drei Symbole unterhalb der Ebenen sind Ebene einfügen, Ebenenordner einfügen und Ebene löschen. Vor den einzelnen Ebenen die Symbole stehen für den Ebenentyp. Um diesen zu ändern, macht man einen Doppelklick auf das Symbol.

In der Zeitleiste selbst, sind drei Arten von Frames sichtbar:

• Ein gefüllter Kreis ist ein Schlüsselbild(Keyframe). Solch ein Schlüsselbild muss gesetzt werden, wenn eine Ebene in einem bestimmten Frame einen neuen Inhalt erhalten soll. Dabei ist es egal, ob nur eine Verschiebung des aktuellen Inhalts vorliegt oder ein komplett neuer Inhalt.
• Der leere Kreis ist ein leeres Schlüsselbild. Essentiel gibt es keinen Unterschied zwischen dem gefüllten und leeren Kreis nur, dass das leere Schlüsselbild eben leer ist und die Ebene an dieser Stelle (noch) keinen Inhalt besitzt.
• Das leere Kästchen zeigt weiterhin den Inhalt des vorherigen Schlüsselbilds an. Falls es unter einem Pfeil zwischen zwei Schlüsselbildern liegt, ist es Teil einer Tweening-Animation, die die Zwischenzustände automatisch berechnet.

Die Eigenschaftenleiste:

Eins der wichtigsten Werkzeuge, wenn nicht sogar das wichtigste Werkzeug von Flash ist die Eigenschaftenleiste. Sie ist kontextsensitiv, was bedeutet, dass sie unterschiedliche Optionen bei unterschiedlichen ausgwählten Elementen enthält und beinhaltet die wichtigsten Einstellungen.

Ist kein Element ausgewählt enthält die Eigenschaftenleiste die wichtigsten Filmeinstellungen, dies ist auch im linken Bild sichtbar.Ich denke, beide Eigenschaftenleisten sind selbsterklärend, sollte jedoch noch etwa unklar sein, so sagt mir bitte bescheid, damit ich dies noch erläutern kann.

Nächste Teil:

Im nächsten Teil der Serie, erstellen wir dann unseren ersten kleinen Flashfilm und üben uns im Umgang mit der Arbeitsoberfläche und der Thematik der Symbole.