Fachartikel

Von 1997 bis 2005 erschienen Artikel von mir in den Computerfachzeitschriften PC Intern und Internet Intern. Nachfolgend finden Sie alle erschienenen Artikel aufgelistet. Eine kurze Beschreibung zeigt Ihnen, worum es in dem Artikel geht. Klicken Sie einfach auf den Link, um den gesamten Artikel zu lesen. Die Bilder in den Artikeln sind mit vergrößerten Darstellungen verknüpft.

Fachartikel

Effektvolle Texte mit Flash

Effektvolle Texte mit Flash

Titelthema: Heft 02/2002 (S. 42) 2 Seiten

Schriften geschickt konstruieren

In puncto Textgestaltung bietet Flash MX dem Anwender leider nicht allzu viel Unterstützung. In diesem Workshop stellen wir Ihnen einige Möglichkeiten vor, um dennoch zu ansprechenden Ergebnissen zu kommen. Dazu sind jedoch einige "Tricks" nötig

Als Ausgangssituation für diesen Workshop ist zunächst ein neues Dokument nötig. Verwenden Sie dazu die Flash MX-Funktion "Datei/Neu". Mit der Funktion "Modifizieren/Dokument", die Sie auch mit dem Tastaturkürzel Strg-J erreichen, soll dann die Größe des Dokuments auf eine Breite von 600 und eine Höhe von 200 Pixeln eingestellt werden. Als Hintergrundfarbe haben wir einen Blauton mit dem hexadezimalen Wert #330099 ausgesucht. Der Schriftzug erhält folgende Attribute: Als Schrifttype wird die Schrift Arial verwendet, die auf den meisten Systemen installiert ist. Als Schriftgröße stellen wir 110 Punkt ein. Außerdem wird die Option "fett" aktiviert. Die Schrift ist zunächst weiß. Richten Sie dann den Schriftzug "Flash MX" zentriert zur Bühne aus. So sollte sich die abgebildete Ausgangssituation ergeben.

Die ersten Veränderungen

Nach diesen vorbereitenden Arbeiten können wir uns den Änderungen widmen. Dabei soll zunächst das Textobjekt erhalten bleiben, da nach dem Umwandeln in eine Form kein Editieren des Textes mehr möglich ist.

Die erste und einfachste Veränderung besteht darin, den Text zu duplizieren. Verwenden Sie dazu am besten die Tastenkombination Strg-C. Fügen Sie dann den Text mit der Tastenkombination Strg-V wieder ein. Das Duplikat soll anschließend mit den Pfeiltasten um zwei Pixel nach rechts unten verschoben werden. Färben Sie den Text in derselben Farbe wie den Hintergrund ein. So ergibt sich ein reliefartiges Aussehen.

Eine andere Variante besteht darin, ein weiteres Duplikat zu verwenden. Dieses soll weiß eingefärbt bleiben und um einen Pixel nach links oben verschoben werden. Die Textvariante mit der Farbe des Untergrunds muss dabei an oberster Stelle im Ebenenstapel liegen. Damit ergibt sich eine unterschiedlich starke Kontur, was recht interessant wirkt. Soll der Schriftzug leicht erhaben wirken, kann der nach unten rechts geschobene duplizierte Schriftzug schwarz eingefärbt werden. Sind beide Duplikate jeweils nur um einen Pixel verschoben, ergibt sich eine schwache Erhebung. Zusätzlich wurde bei dem abgebildeten Beispiel der oben liegende Schriftzug schwach heller eingestellt. Soll der Schriftzug in den Untergrund "eingedrückt" werden, müssen schwarz und weiß vertauscht werden. Außerdem sollte dann die Textfläche dunkler eingefärbt werden. So ergibt sich eine ganze Anzahl verschiedener Variationen.

Texte als Formen bearbeiten

Viel mehr können Sie in Flash MX leider nicht mit Texten "anstellen", wenn die Editierfähigkeit erhalten bleiben soll. Alle anderen Veränderungen sind nur möglich, wenn Sie den Text mit der Funktion "Modifizieren/Teilen" in eine einfache Form umwandeln. Alternativ dazu können Sie auch die Tastenkombination Strg-B verwenden. Da beim ersten Aufruf der Funktion der Schriftzug in die einzelnen Buchstaben zerlegt wird, muss die Funktion anschließend ein weiteres Mal aufgerufen werden. Sie sollten dann die markierten Buchstaben sehen. Diese neue Ausgangsform soll nun für weitere Texteffekte eingesetzt werden.

Die Form kann jetzt gefüllt werden. Wir haben zunächst den Standard-Chrom-Verlauf verwendet. Beachten Sie beim Füllen, dass die Option "Füllung sperren" aktiviert ist. Andernfalls erstreckt sich der Verlauf nicht über den gesamten Schriftzug, sondern über die einzelnen Buchstaben. Außerdem kann nun auch eine Kontur angebracht werden, was bei Textobjekten leider nicht vorgesehen ist. Wir haben eine Stärke von 3 Pixeln mit einem hellgrauen Farbton eingestellt.

Da die Konturen ja aus lauter einzelnen Elementen bestehen, ergibt sich eine weitere Variationsmöglichkeit: Wenn Sie alle rechten und unteren Kontursegmente markieren und diese dunkel einfärben, ergibt sich wieder ein leicht erhabener Effekt.

Effektvolle Texte mit Flash
Diese schlichte Vorlage soll in deutlich interessantere Gestaltungen umgearbeitet werden. Durch verschiedene Duplikate lassen sich unterschiedliche Varianten erstellen

Konturexperimente

Die Kontur können Sie auch für experimentelle Varianten verwenden. So haben wir beispielsweise eine fünf Pixel starke Kontur verwendet und diese ebenfalls mit dem Chrom-Verlauf gefüllt - allerdings gegenläufig. Konturen können nämlich auch gefüllt werden. Dazu müssen Sie aber zunächst die Funktion "Modifizieren/Form/Linien in Füllungen konvertieren" verwenden. Dies bringt weitere Variationsmöglichkeiten, da ja nach der Umwandlung die ehemaligen Konturen nun ebenfalls Flächen sind, die wiederum gefüllt werden können. So haben wir eine ein Pixel starke, schwarze Kontur eingestellt.

Die Konturvariante wirkt übrigens auch sehr spannend, wenn der schwarzweiße Standardverlauf gegenläufig angewandt wird. Zusätzlich kann dann noch die innere Form gelöscht werden, um so die Kontur alleine zu verwenden.

Effektvolle Texte mit Flash
Nach der Umwandlung in eine Form lassen sich durch Konturen und Verläufe verschiedensten Varianten erstellen

Weitere Fülloptionen

Das Auftrennen in Formen bietet noch weitere Fülloptionen. So lässt sich der Schriftzug beispielsweise auch mit einem Foto füllen. Importieren Sie das betreffende Foto, und teilen Sie dies ebenfalls in eine Form. Sie können dann das Foto mit der Pipette aufnehmen. Anschließend kann der Schriftzug damit gefüllt werden. Auch hier gibt es weitere Möglichkeiten, wenn die Kontur mit einbezogen wird. Zum korrekten Positionieren des Verlaufs kann das Füllungstransformations-Werkzeug verwendet werden, das auch mit der Taste F aufgerufen werden kann.

Formen verformen

Wer weiter experimentieren möchte, für den ist die Funktion "Modifizieren/Transformieren/Umhüllen" sicherlich interessant. Dabei wird eine "Hülle" um die markierte Form gelegt, die verzerrt werden kann. Dazu dienen die Markierungspunkte. Die eckigen Markierungspunkte lassen sich verschieben. Mit den runden Markierungspunkten kann die Kurvenform angepasst werden. Leider ist nach dem Fertigstellen aber keine Korrektur der Verzerrung mehr möglich. Wird die Funktion erneut aufgerufen, wird eine neue Hülle um die bereits verzerrte Form gelegt. Nachteilig ist auch, dass diese Funktion für eine Animation leider nicht verwendet werden kann. Damit ließen sich sonst schwungvolle Bewegungsabläufe erstellen.

Effektvolle Texte mit Flash
Mit der Umhüllen-Funktion können in Formen umgewandelte Schriftzüge effektvoll verformt werden

Kombinationen

Werden die vorgestellten Möglichkeiten nun miteinander kombiniert, ergeben sich weitere vielfältige Möglichkeiten zur Gestaltung interessanter Schrifteffekte. Um eines kommen Sie dabei aber nicht herum: Probieren, probieren, probieren ... Viel Spaß also bei weiteren Experimenten!

Fazit

Für kommende Flash-Version wäre eine weitergehende Unterstützung bei der Schriftgestaltung sehr wünschenswert. Vor allem auch im Hinblick auf die Animierbarkeit. Momentan sind Schriftanimationen immer mit einem erheblichen Arbeitsaufwand verbunden.

Zurück