Flash Einführung
Transcrição
Flash Einführung
Flash 8 – Einführung Animationsarten Die Oberfläche von Flash Beim Start von Flash 8 präsentiert sich das Programm mit der folgenden Oberfläche: c d f g e c Menüleiste mit allen verfügbaren Befehlen von Flash. d Begrüßungsbildschirm Zugriff auf die zuletzt bearbeiteten Dateien, Auswahl der neu zu erstellenden Dateien, Vorlagen, Zugriff auf Hilfeseiten und auf die Internetseiten von Adobe (vormals Macromedia). e Eigenschaftenleiste Je nach ausgewähltem Element ändern sich die Eigenschaften. f Fensterleiste Über das Menü „Fenster“ kannst du festlegen, welche Elemente in der Fensterleiste angezeigt werden. g Werkzeugleiste Hier finden sich alle notwendigen Werkzeuge zur Bearbeitung in Flash. Flash_Einführung Seite 1 von 11 © SC 2006 Animationen in Flash In Flash 8 stehen dir grundsätzlich drei Möglichkeiten der Animation zur Verfügung: • • • Einzelbildanimation Bewegungstween Formtween Unabhängig davon, welche Art von Animation du verwendest, wirst du immer wieder auf den Begriff „Schlüsselbild“ stoßen. Vereinfacht gesagt, ohne Schlüsselbilder, keine Animation. 1) Einzelbildanimation Starte Flash 8 und wähle das Menü „Datei – Neu“: Achte darauf, dass „Flash-Dokument“ ausgewählt ist, und klicke auf „OK“. In der folgenden Abbildung siehst du die Oberfläche von Flash. Hier findest du alle notwendigen Werkzeuge und ihre Eigenschaften, die Zeitleiste und natürlich die Bühne, auf der deine Animation später ablaufen soll. Flash_Einführung Seite 2 von 11 © SC 2006 Zeitleiste Bühne Eigenschaftenleiste Werkzeugleiste Standardmäßig ist die Bühne größer, ändere daher zunächst in der Eigenschaftenleiste die Bühnengröße. Klicke dazu auf die Schaltfläche „Größe“ und gib als Wert „300 x 150 Pixel“ ein. Die anderen Werte kannst du unverändert lassen. Betrachte nun die Zeitleiste etwas genauer: Du siehst im Bild 1 ein Symbol, das ein wenig an einen Ordner erinnert: An dem Kreis im Bild, kannst du erkennen, dass es sich hier um ein Bild handelt. Sobald du etwas zeichnest, ist der Kreis im Symbol schwarz gefüllt = Schlüsselbild!!! Flash_Einführung Seite 3 von 11 © SC 2006 Wähle als nächstes in der Werkzeugleiste das Werkzeug „Ellipse“ aus und lege die Eigenschaften für die Ellipse fest: Zeichne nun den Kreis wie in der Abbildung zu sehen. Damit du einen Kreis und keine Ellipse erhältst, musst du beim Zeichnen die SHIFT-Taste gedrückt halten. Wähle in der Werkzeugleiste das Werkzeug „Linien“ und zeichne ein Strichmännchen wie in der folgenden Abbildung: Flash_Einführung Seite 4 von 11 © SC 2006 Damit hast du schon die Vorarbeit für deine erste Einzelbildanimation geleistet. Klicke nun in der Zeitleiste auf das 2. Bild, klicke mit der rechten Maustaste und wähle aus dem Kontextmenü den Befehl „Schlüsselbild einfügen“: An dem Kreis im Bild 2 kannst du erkennen, dass es sich tatsächlich um ein Schlüsselbild handelt. Flash hat eine Kopie von Bild 1 erstellt und in Bild 2 eingefügt. Damit später auch tatsächlich eine Animation stattfindet, musst du nun das zweite Bild etwas verändern. Um die Vorgehensweise zu veranschaulichen, zeichne – wie in der folgenden Abbildung – neben dem abgewinkelten Unterarm eine zweite Linie: Damit dein Strichmännchen nicht plötzlich zwei Arme besitzt, wählst du als nächstes das Werkzeug „Auswahl“. Flash_Einführung Seite 5 von 11 © SC 2006 Markiere nun den „überschüssigen“ Unterarm (siehe Abbildung) und drücke die Taste „Entf“. Füge nun in Bild 3 ein weiteres Schlüsselbild ein. Gehe dabei gleich vor, wie gerade beschrieben. Das Ergebnis sollte dann so aussehen: Drei Schlüsselbilder in der Zeitleiste. Flash_Einführung Seite 6 von 11 © SC 2006 Dein „Animation“ besteht nun aus drei Schlüsselbildern mit drei unterschiedlichen Zuständen. In der folgenden Abbildung kannst du diese erkennen: Wähle nun das Menü „Steuerung – Film testen“ und betrachte deinen gerade erstellten „Trickfilm“. Wenn du alles richtig gemacht hast, wird dein Strichmännchen winken, aber sehr schnell, was nicht besonders schön aussieht. Um das zu ändern, musst du lediglich in der Zeitleiste die Schlüsselbilder bei gedrückter Maustaste verschieben, z. B. so wie in der nächsten Abbildung: Speichere deine Arbeit unter dem Namen „Strichmännchen.fla“ und schließe deinen Film. Zugegeben, berauschend ist diese Animation nicht, aber du hast jetzt das Prinzip einer Einzelbildanimation verstanden. Je mehr Zwischenbilder du erzeugst, umso interessanter wird die Animation und umso „natürlicher“ sieht sie dann aus. Nachteil der Einzelbildanimation ist, dass sie sehr aufwändig ist und viel Zeit beansprucht, darum wird dir die nächste Animationsart sicher besser gefallen, weil dir Flash dabei sehr viel Arbeit abnimmt. Flash_Einführung Seite 7 von 11 © SC 2006 2) Bewegungstween Wähle das Menü „Datei – Neu“ und erzeuge einen neuen Film mit denselben Einstellungen wie vorher (300 x 150 Pixel). Wähle wiederum das Werkzeug „Ellipse“ und lege für deine Ellipse folgende Eigenschaften fest: Linienfarbe: Füllfarbe: blau – Durchgezogen gelb Zeichne nun bei gedrückter SHIFT-Taste einen Kreis auf die Bühne. Die Position sollte etwa wie in der Abbildung rechts sein. Wähle als nächstes in der Zeitleiste das Bild 50 aus, klicke mit der rechten Maustaste und füge ein Schlüsselbild ein. Klicke nun doppelt in die gelbe Füllung deines Kreises und verschiebe mit den Cursortasten deinen Kreis nach rechts, bis das Ergebnis etwa so aussieht: WICHTIG: Der Doppelklick auf den Kreis war deshalb notwendig, weil Flash Füllungen und Umrisse als eigenständige Objekte behandelt. Um also beides zu verschieben, ist ein Doppelklick notwendig. Wenn du das vergisst, schaut das Ergebnis so aus: Wie du erkennen kannst, hat Flash nur die Füllung verschoben, die Kontur ist an ihrer Ausgangsposition geblieben. Darum immer an den Doppelklick denken!!! Flash_Einführung Seite 8 von 11 © SC 2006 Klicke nun in der Zeitleiste wieder auf das erste Schlüsselbild, um es auszuwählen. Wie du erkennen kannst, befindet sich der Kreis im ersten Schlüsselbild auf der linken Seite der Bühne, der Kreis im zweiten Schlüsselbild (Bild 50) auf der rechten Seite. Um nun den Kreis von der linken auf die rechte Seite zu bewegen, könntest du entweder eine Einzelbildanimation erstellen, in der der Kreis Bild für Bild langsam nach rechts wandert, oder eben ein Bewegungstween erstellen, bei dem dir Flash die Arbeit abnimmt. Klicke mit der rechten Maustaste auf das erste Schlüsselbild und wähle den Befehl „Bewegungstween erstellen“. Ob das funktioniert hat, erkennst du daran, dass sich die Zeitleiste zwischen dem ersten und dem zweiten Schlüsselbild blau verfärbt und ein durchgehender Pfeil zu sehen ist. Sollte der Pfeil nicht durchgehend sein, hast du etwas falsch gemacht (siehe nächste Abbildung). Hier z. B. war der Fehler, dass im Bild 51 vergessen wurde, ein Schlüsselbild einzufügen. Merke: Ein Bewegungstween geht immer von einem Schlüsselbild zum nächsten Schlüsselbild!!! Wähle nun das Menü „Steuerung – Film testen“ und betrachte dein gerade erstelltes Bewegungstween. Speichere deine Arbeit unter dem Namen „Bewegung.fla“ und schließe deinen Film. Flash_Einführung Seite 9 von 11 © SC 2006 3) Formtween Wähle das Menü „Datei – Neu“ und erzeuge einen neuen Film mit denselben Einstellungen wie vorher (300 x 150 Pixel). Zeichne noch einmal einen Kreis mit gelber Füllung und blauem Umriss wie in der vorigen Übung. Platziere ihn wieder im linken Bereich der Bühne. Nun wählst du in der Werkzeugleiste das Werkzeug „Rechteck“ Lege als Eigenschaften fest, dass das Rechteck einen gelben Umriss haben soll und eine rote Füllung: Klicke nun in der Zeitleiste auf Bild 50 und füge mit Rechtsklick ein leeres Schlüsselbild!! ein! Ziehe bei gedrückter SHIFT-Taste ein Quadrat auf, das du rechts der Bühne platzierst. Wähle nun wieder das erste Schlüsselbild in der Zeitleiste aus, indem du es anklickst und stelle in der Eigenschaftenleiste den Tween auf „Form“ ein: Wenn du alles richtig gemacht hast, müsste die Zeitleiste nun wie in der folgenden Abbildung ausssehen. Flash_Einführung Seite 10 von 11 © SC 2006 Ein Bewegungstween erkennst du daran, dass zwischen dem ersten und dem zweiten Schlüsselbild die Zeitleiste grün eingefärbt wird und ein durchgehender Pfeil zu sehen ist. Auch hier gilt: Ist die Linie nicht durchgehend, hast du einen Fehler gemacht. Wähle nun wieder das Menü „Steuerung – Film testen“ und betrachte dein gerade erstelltes Formtween. Speichere deine Arbeit unter dem Namen „Form.fla“ und schließe deinen Film. Damit hast du die grundlegenden Animationsarten von Flash kennen gelernt und kannst jetzt schon mit einigen Effekten experimentieren. Im nächsten Kurs lernst du weitere Möglichkeiten von Flash wie z. B. Masken und Animationspfade kennen. Flash_Einführung Seite 11 von 11 © SC 2006