Pixelfonts in Flash
Oft sehen Texte in Flash verwaschen und unscharf aus. Nicht mit Pixelfonts!
Zur Zeit ist es sehr beliebt Pixelfonts zu nutzen um das Weichzeichnen der Schriften in Flash zu umgehen. Aber wie geht das und wo bekomme ich Pixelfonts her? Nun, hier müssen wir das Rad nicht neu Erfinden, über das Thema wurde schon viel geschrieben, leider nicht immer verständliches. Ein gutes Tutorial wurde von Craig Kroeger verfasst (miniml.com). Wir bieten Ihnen eine freie Übersetzung in Bezugname auf die von Ihm entworfenen Pixelfonts.
1. Font wählen
Der Font muss ein vektorbasierender Pixelfont sein um fehlerfrei zu funktionieren.
2. Fontgröße
Pixelfonts müssen auf eine feste Größe oder deren vielfaches (bei 8 Punkten z.B.: 16, 24, 32, etc.) eingestellt werden. In der Regel geben die letzten 2 Zahlen des Fontnamens Auskunft über die Größe.
3. Vertikaler Text
Die Pixelfonts können auch vertikal eingesetzt werden.
4. Laufweite
Für unterschiedliche Laufweiten stehen oft alternative Versionen zur Verfügung.
5. Font in Flash einbinden
Dynamische Pixelfonts müssen in Flash eingebettet werden, sonst können diese nicht, ohne auf dem System installiert zu sein, dargestellt werden. Statischer Text wird immer automatisch eingebettet.
9. An Pixel ausrichten
Nutzen Sie immer das “An Pixel ausrichten” Feature. Sind die Fonts nicht an geraden _x und _y Werten ausgerichtet, erscheinen sie verwaschen.
10. Fonts in Bewegung
Sollen Fonts auch während der Bewegung immer scharf dargestellt werden, ist es erforderlich die _x und _y Werte im Laufe der Bewegung immer auf oder abzurunden. Nutzen Sie bitte hierfür das folgende Action Script:
_x = Math.floor(_x);
_y = Math.floor (_y);
Es kommt sehr oft vor das die Textbox innerhalb einer Filmsequenz tief verschachtelt liegt. Hier beginnen Sie mit der Ausrichtung in der Hauptebene – Bearbeiten an Position- und arbeiten sich bis zur Textbox vor.
Die Vorgehensweise Schritt für Schritt erklärt:
Linke obere Ecke der Textbox am Mittelpunkt des Movilclips ausrichten (x:0.0) (y:0.0), Skalierung jeweils auf 100.0%, dann in die nächste Ebene, den Movieclip auf die gewünschte Position schieben und ebenfalls auf (x:?.0) (y:?.0) ausrichten.
Info: Zentrieren und Blocksatz sind beim Einsatz der Miniml Fonts nicht möglich.
Den Flash Movie an besten in einem durch Flash automatisch erzeugten HTML-Template testen (F12) oder veröffentlichen. Der Film darf später selbstverständlich nicht skaliert werden.
Links zur Pixelfonts:
http://www.kottke.org/plus/type/silkscreen/index.html
http://www.fountain.nu
http://flashkit.com/fonts/
Abschließend bleibt hier nur noch zu sagen: Viel Glück! Es bleibt bei vielen freien Pixelfonts auszuprobieren ob sie in jeder Situation funktionieren. Um sich eventuellen Ärger zu ersparen, ist es ratsam professionell erstellte Schriften zu kaufen.
Eine professionelle Schrift, angewandt mit guter Typographie ist das Aushängeschild jedes Versuchs auf “schriftlichem” Wege etwas wichtiges mitzuteilen.
Link: Craig Kröger
Verwandte Artikel:
» E-Commerce iPhone Apps
» Twitter Hintergründe
» WordCamp SF 2009 - Matt Cutts Slides
» Google Trends Gadget
» Webworker Buchtipp - Twitter. Mit 140 Zeichen zum Web 2.0


Francis Collis

