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