Seite auswählen

Flash-Kurs: Star Wars-Text erstellen

kniffliges Netz

Texteffekte sind bei Flash-Nutzern immer beliebt – allen voran der „Star Wars“-Effekt, der mit der Eröffnungsszene des Films von 1977 berühmt wurde. Der Effekt ist relativ einfach, hat aber seinen Preis: Die Wiedergabeleistung leidet. Verwenden Sie es sorgfältig und testen Sie Ihre Animation häufig, um sicherzustellen, dass die Wiedergabe nicht hängen bleibt. Stellen Sie sicher, dass der Text lesbar ist, ohne dass der Leser Kopfschmerzen hat.

 

ch10 01

  1. Beginnen wir mit der Eingabe unseres Textes. Versuchen Sie es mit einer einfachen Fettschrift, die leicht zu lesen ist. Wir werden diesen Text transformieren und animieren. Da es in ständiger Bewegung ist, ist es von größter Bedeutung, dass es buchstabiert und für den Betrachter leicht zu lesen ist. Wählen Sie das Textfeld aus und teilen Sie es auf, bis der Text zu Vektorgrafiken wird. Die Menge an Vektorinformationen ist wichtig und führt höchstwahrscheinlich zu Leistungsproblemen während der Wiedergabe. Dies ist auch ein Grund, eine einfache, klare Schrift zu verwenden, da sie zu weniger Vektorpunkten führt.

    ch10 03

  2. Der nächste Schritt besteht darin, die Perspektive zu simulieren, die erforderlich ist, um einen Effekt zu erzielen, als würde sich der Text entfernen. Wählen Sie das Werkzeug „Freie Transformation“ q und darin das Werkzeug „Verzerren“. Ziehen Sie bei gedrückter S-Taste eine der oberen Ecken in Richtung Textmitte. Durch Drücken der S-Taste werden die Übersetzungsverhältnisse beibehalten, indem die angrenzende Ecke in die entgegengesetzte Richtung verzerrt wird. Wandeln Sie diesen Textblock in ein grafisches Symbol um. Wenn Sie mehrere Textblöcke haben, behandeln Sie sie am besten als kleinere einzigartige Symbole.

    ch10 04

  3. Fügen Sie eine neue Ebene ein und konvertieren Sie sie in eine Führungsebene. Stellen Sie sicher, dass die Ebene, die Ihren Text enthält, nicht angehängt oder „geführt“ ist. Sie können die Führungsebene unter die Textebene ziehen, um zu verhindern, dass sie zusammengeführt werden. Alles, was die Führungsebene enthält, wird nicht in die exportierte SWF-Datei aufgenommen. Flash CS5 verfügt über eine gute Funktion, mit der Sie auswählen können, ob ausgeblendete Ebenen exportiert werden sollen oder nicht. Diese Option ist auf der Registerkarte Flash des Menüs Datei > Einstellungen für Veröffentlichungen verfügbar. Verwenden Sie auf dieser Ebene das Linienwerkzeug, um eine Linie in einem Winkel zur Seite Ihres Textfelds zu zeichnen. Kopieren Sie es und fügen Sie es ein, spiegeln Sie es horizontal und platzieren Sie es dann auf der gegenüberliegenden Seite des Textblocks.

    ch10 06

  4. Fügen Sie einen zweiten Keyframe hinzu und ändern Sie die Größe des Textes, bis er zwischen die Hilfslinien passt, wo sie sich verengen. Wir müssen noch einige Frames zwischen den beiden Keyframes einfügen und ein Bewegungs-Tween anwenden.

    ch10 07

  5. Der letzte Schritt bricht tatsächlich die einzige Perspektive, auf der diese Animation basiert. Ich denke, dies ist der wichtigste Schritt, da es wirklich hilft, die Illusion eines in der Unendlichkeit verschwindenden Textes zu bewahren, aber es ist so einfach. Wählen Sie im letzten Würfel des Tweens das Symbol aus, das das Textfeld enthält, und ändern Sie die Größe dann mithilfe der beiden mittleren Handler entlang der oberen oder unteren Kante mit dem Werkzeug „Frei transformieren“ vertikal. Zusammenfassend komprimieren wir das Symbol, um es flacher zu machen (nicht zu verbreitern).

Die kontinuierliche Wiedergabe erfordert eine Kombination aus Hunderten von Bildern und einer hohen Bildrate. Die genaue Zahl hängt davon ab. Die genaue Menge hängt von der Textmenge, der Schriftart und der Größe (Höhe x Breite) unseres Films ab. Je größer der Film, desto mehr wird der Prozessor beansprucht. Jeder animierte Effekt, der eine Kombination dieser Faktoren verwendet, führt zu einer schlechten Wiedergabeleistung. Lassen Sie uns oft testen und wissen, wie unser Publikum sein wird.


Wir können diesen Effekt auch in Photoshop mit einem Textblock ausprobieren, der in die gleiche Perspektive verzerrt wurde. Wir importieren den Text mit demselben einfarbigen Hintergrund, den unser Flash-Film verwendet. Dies führt zu einer viel prozessorfreundlicheren Animation, aber ihre Qualität verschlechtert sich, wenn Sie die Größe ändern. Flash ändert die Größe importierter Bitmaps nicht sehr gut, sodass das Ergebnis optisch nicht ansprechend ist. Der Kompromiss ist die Verwendung von scharfem Vektortext mit geringem potenziellen Leistungsverlust während der Wiedergabe. Die beste Verteidigung ist, oft zu testen.


 

Weitere Flash-Tipps und -Tricks unter Knifflige Techniken in Adobe Flash CS5finden Sie im Buch, in der Veröffentlichung, aus der auch der in diesem Artikel gelesene Trick zu finden ist.

 

Sie können am 28. März eine Live-Flash-Demo auf unserer Website sehen, in der Sie weitere Tricks lernen können!

 

Am Tag der Ausstrahlung startet auch auf unserer Seite eine Verlosung, bei der die Knifflige Techniken in Adobe Flash CS5Wir werden drei Exemplare des Buches unter unsere Leser ziehen.



Über den Autor

s3nki

Inhaber der Website HOC.hu. Er ist Autor von Hunderten von Artikeln und Tausenden von Nachrichten. Neben diversen Online-Schnittstellen hat er für das Chip Magazine und auch für den PC Guru geschrieben. Er betrieb zeitweise einen eigenen PC-Shop, arbeitete jahrelang neben dem Journalismus als Storemanager, Serviceleiter, Systemadministrator.