power-box.de
Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > Fireworks > Text an Pfad anfügen

Text an Pfad anfügen

Manchmal benötigt man einen Text, der an einem Kreis, einer Ellipse oder an einem anderen beliebigen Pfad entlangläuft, wir zeigen wie es geht.

Vorbereitung

Zunächst erstellen wir eine neue Datei (Strg+N) mit der Leinwandgröße 300 x 300 Pixel, die Leinwandfarbe spielt hierbei keine Rolle.

Einen Kreis erstellen, um den später der Text fließt

Als Nächstes erstellen wir einen Kreis.

Hierzu wählen wir das Kreis-Werkzeug aus und halten beim Aufziehen des Kreises die Shift (Umschalt)-Taste gedrückt, wodurch wir einen gleichmäßig runden Kreis und keine elliptische Form erhalten.

Die Größe legen wir auf 180 x 180 Pixel fest, den horizontalen sowie den vertikalen Abstand auf 70 Pixel. Somit sollte unser Kreis genau in der Mitte der Leinwand platziert sein. tooltipp Abb. 01

Jetzt erstellen wir den Pfad für den Text

Wir klonen den Kreis – dies ist nötig, um den Text an dem Pfad auszurichten. Denn Fireworks blendet später die Form, an der wir den Text ausrichten, aus, sie ist somit nicht mehr sichtbar. tooltipp Abb. 02

Nun markieren wir im Ebenen-Fenster den oberen Kreis (Fireworks fügt geklonte Elemente über dem aktuellen Element/Objekt ein). tooltipp Abb. 03

Den soeben geklonten Kreis, der uns als Pfad für den Text dient, transformieren wir und skalieren ihn auf 110%, ansonsten klebt der Text später unschön am Kreisrand fest. Hierbei muss man beachten, dass im Bedienfeld Skalieren „Attribute skalieren“ und „Proportionen beschränken“ ausgewählt (abgehakt) ist. tooltipp Abb. 04

Soll der Text im Kreis Inneren stehen, müssen wir auf 80-90% skalieren, dies ist abhängig von der Schriftgröße.

Soweit die Vorbereitungen - schreiben wir unseren Text

Mit dem Textwerkzeug ziehen wir ein Textfeld auf schreiben und formatieren unseren Text.

An dieser Stelle gehen wir mal davon aus, dass jeder weiß, wie man einen Text in Fireworks erstellt, und gehen in diesem Tutorial nicht näher darauf ein.

Wir markieren den Text und den zuletzt erstellten Kreis, an dem der Text entlanglaufen soll. tooltipp Abb. 05

Danach gehen wir auf Text/Text an Pfad anfügen. tooltipp Abb. 06

Geschafft, unser Text läuft an dem vorher erstellten Pfad entlang. tooltipp Abb. 07

Um den Text an die richtige Position zu bekommen, geben wir im Eigenschaften-Fenster einen positiven oder negativen Wert bei Textfluss ein. tooltipp Abb. 08

Soll der Text im Kreisinneren unten entlanglaufen, führen wir einen weiteren Schritt aus: Nachdem wir Text/Text an Pfad anfügen gewählt haben, wählen wir im selben Menü zusätzlich Richtung umkehren. tooltipp Abb. 09

Das Ergebnis ist davon abhängig, wie viel Text wir eingegeben haben und welche Schriftgröße ausgewählt wurde. tooltipp Abb. 10

Hier sehen wir auch, wieso es ratsam ist, den Pfad für den Text kleiner zu skalieren als das Objekt, an dem sich der Text anfügen soll. Damit der Text im Inneren der Objektes entlangläuft, müssen wir den Pfad kleiner skalieren.

Anmerkung:

Bei der Programmversion „Fireworks MX Deutsch“ ist den Entwicklern ein kleiner Schönheitsfehler unterlaufen.

Das Eingabefeld „Textfluss“ wird von einem anderen Feld überlagert und ist schlecht zu fixieren. Mit ein wenig Geduld ist es jedoch auch in dieser Version möglich, den Maus-Cursor in dem Eingabefeld „Textfluss“ zu platzieren.

Selbstverständlich kann man einen Text an jedem erdenklichen Pfad anfügen.

Ob es sich um eine Ellipse, ein Polygon oder eine Linie handelt, ist völlig egal.

FIREWORKS, nichts ist unmöglich ...

 

Autor: Torsten

Abbildungen

Abbildung 01

Abbildung 01

Abbildung 02

Abbildung 02

Abbildung 03

Abbildung 03

Abbildung 04

Abbildung 04

Abbildung 05

Abbildung 05

Abbildung 06

Abbildung 06

Abbildung 07

Abbildung 07

Abbildung 08

Abbildung 08

Abbildung 09

Abbildung 09

Abbildung 10

Abbildung 10

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping


Ferienwohnungen
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
Maandiko.de
d. Webdesigner
PSD Tutorials
Medizin
Handy Forum

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /