Flash: Zoomeffekt selbstgemacht

1. Text erstellen
Zu Beginn wird der kleinere Text eingefügt der dann später gezoomt werden soll, dies erreicht man durch das Text-Tool . Im nächsten Schritt sollte der Text noch in der Mitte zentriert werden. Dazu markiert man den eingefügten Text und wählt Modify | Align. Zusätzlich sollte noch Align to page ausgewählt werden.

2. Effekt hinzufügen

Jetzt wird ein weiteres Keyframe hinzugefügt, dazu gehen wir in Frame 20 und fügen dort ein mit Insert|Keyframe ( F6 ) ein neues Keyframe ein. Dabei sollte man unbedingt darauf achten, das dabei der Text markiert bleibt, um diesen auch im neuen Frame einzufügen.

In diesem Frame wird der Text nun auf die gewünschte maximale Größe gebracht. Dies geschieht entweder, indem man den Text markiert und dann das Menü Modify | Transform | Scale and Rotate öffnet und dort t kann man verschiedene Einstellungen treffen, beispielsweise die prozentuale Vergrößerung oder auch die Drehung des Textes. Manuell geht es auch, dabei muß der Text markiert werden, das Menü Modify | Transform | Scale aufgerufen werden und dann kann man mit Hilfe der Maus den Text vergrößern oder verkleinern.

Der einfache Zooming-Effekt ist damit fertig, im folgenden wird jedoch noch die Verkleinerung hinzugefügt. Dazu erzeugt man in Frame 40 ein weiteres Keyframe.

Dort stellt man dann die Schrift wieder auf die Größe die im 1. Keyframe genutzt wird. Entweder man markiert den Text in Keyframe 1 und kopiert ihn dann in die Zwischenablage (STR+C). Dann löscht man den ursprünglichen Text im Keyframe 3 und fügt dort wird mit der Tastenkombination STR+V den Text aus dem 1. Keyframe ein. Natürlich kann man die Schriftgröße auch manuell einstellen, dabei gibt man einfach diesselbe Größe an, die auch im ersten Frame genutzt wird.

Wenn diese Schritte erledigt sind, ist damit die Grundstruktur fertig. In der Ansicht sieht man derzeit nur  wechselnden Text ohne Animation. Die Animation wird im nächsten Durchgang hinzugefügt.

3. Animation hinzufügen

Um eine Animation hinzuzufügen, also die Zwischenschritte des Effekts, wählt man einfach eine beliebiges Frame im ersten Bereich ( Frame 1-20 ) und klickt dann auf Modify|Frame. Unter Tweening wählt man nun Motion (Bewegung) aus und setzt den Easing-Regler auf OUT bzw. +100.

Diesen Schritt wiederholt man nun für einen Frame zwischen 20 und 40. Dort wird setzt man den Easing-Regler jedoch auf IN bzw. -100.

Fertig, die entstandene Animation kann nun mit Control|Test Movie angeschaut werden. Danach wird sie noch als Flash-Datei gespeichert und später als swf-Datei gespeichert ( File->Export Movie ), erst diese kann man direkt in eine HTML-Datei einbinden und im Browser betrachten. Die Erstellung der HTML-Datei übernimmt dabei das Programm AfterShock, welches zum Lieferumfang von Flash gehört.

Die obige Animation ( WebmasterNETZ-Zooming ) kann man zur Analyse oder Hilfe hier downloaden. Die Dateigröße der gesamten Animation im Browser liegt im Endeffekt bei knapp 2 kB.