Jugend mosht
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 > Pfadanimationen

Animationen entlang eines Pfades

Objekte von A nach B in einer geraden Linie animieren ist in Fireworks kein Problem, aber entlang eines Buchstaben oder beliebigen anderen Pfades wird schon etwas komplizierter.

Beispiel mit dem Buchstaben S

1. Legen Sie ein neues Dokument an, schreiben Sie ein S mit dem Textwerkzeug (nicht allzu klein), entfernen in der Werkzeugleiste die Füllung und vergeben nur eine beliebige Pinselstrichfarbe. tooltipp

2. Wechseln Sie in das Ebenenbedienfeld und erzeugen eine neue Ebene. Damit Sie genauer arbeiten können, stellen Sie die Ansicht der Leinwand auf 200% und zeichnen Sie in die neue Ebene einen kleinen Kreis etwa wie im Bild. [Abbildung 2 - Neue Ebene und Ansicht 200%

3. Markieren Sie den Kreis und konvertieren Sie diesen mit F8 in ein Symbol. Lassen Sie unbedingt als Typ Grafik tooltipp und tooltipp

4. Jetzt duplizieren Sie das Symbol mehrmals mit Strg+Alt+D bis Sie wie im Bild 6 Teile haben. tooltipp

5. Nun müssen die einzelnen Teile angeordnet werden. Die Kugeln zwischen der ersten und letzten bestimmen den Weg der Animation. Sie verläuft immer bis zur nächstliegenden Kugel. Die richtige Anordnung spielt dabei eine wichtige Rolle. tooltipp

6. Markieren Sie alle Symbole und wählen Sie Modifizieren-->Symbol-->Tween-Instanzen. Übernehmen sie die Einstellungen wie im Bild.

tooltipp

7. Als letzten Schritt markieren Sie die Ebene mit dem S und geben diese frei. Fireworks bringt noch eine Meldung die Sie mit OK bestätigen können. Dies ist wichtig, damit das S in allen Frames der Animation sichbar ist. tooltipp

Anmerkung: Damit Sie die Animation nur in Ihrer tatsächlichen Größe exportieren, markieren Sie Frame 1, zeichnen ein Segment in passender Größe über das S und definieren es im Optimierenbedienfeld als Animiertes Gif. tooltipp

Beim Exportieren müssen folgende Einstellungen verwendet werden, damit nicht die gesamte Leinwand exportiert wird. tooltipp

 

Autor: (ar)

 

Abbildungen

Abbildung 1 - Normaler Buchstabe

Abbildung 1 - Normaler Buchstabe

Abbildung 2 - Neue Ebene und Ansicht 200%

Abbildung 2 - Neue Ebene und Ansicht 200%

Abbildung 3 - Kreis in Symbol konvertieren.

Abbildung 3 - Kreis in Symbol konvertieren.

Abbildung 4 - fertiges Grafik-Symbol

Abbildung 4 - fertiges Grafik-Symbol

Abbildung 5 - 6 duplizierte Symbolteile

Abbildung 5 - 6 duplizierte Symbolteile

Abbildung 6 - Anordnung

Abbildung 6 - Anordnung

Abbildung 7 - Tween-Instanzen aus einem einzelnen Symbol

Abbildung 7 - Tween-Instanzen aus einem einzelnen Symbol

Abbildung 8 - Textebene freigeben

Abbildung 8 - Textebene freigeben

Abbildung 9 - Vor dem Export

Abbildung 9 - Vor dem Export

Abbildung 10 - So exportieren Sie richtig

Abbildung 10 - So exportieren Sie richtig

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping
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 /