NetObserver Studie
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 > Verlauf-Animation

Verlauf-Animation

Verlauf-Animation mit Fireworks. Einfacher Effekt für Anfänger und Fortgeschrittene um ein wenig Bewegung in deine Bilder zu bekommen.

 

Zunächst erstellen wir eine Leinwand ( Farbe und Größe frei wählbar ). In diesem Fall der Hintergrund: "schwarz" Größe: "300x100px". Wir arbeiten auf einer sehr einfachen Fläche mit wenig Funktionen. Die einzigen Fenster welche Sie benötigen sind Eigenschaften, Ebenen, Frames. Die Fenster können Sie in der obersten Leiste ihres Programmes unter "Fenster" ein und ausschalten.

Ab jetzt folgen hier alle Schritte in der original Reihenfolge. Sollten etwas unklar sein oder Probleme auftreten, können Sie sich jeder Zeit an mich werden. tooltipp

Zunächst erstellen Sie mit dem in der Werkzeugliste enthaltenen"A" (Textwerkzeug) einen Schriftzug mit ihrem beliebigen Text, wie in Bild1* gezeigt. Lassen Sie diesen Text markiert während den nächsten Schritten. Zur Information: Maskiert ist der Text, sobald ein blauer Rahmen um ihn aufgezeigt ist. tooltipp

In diesem Teil (siehe Bild) ihrer Werkzeugleiste finden Sie die Farbfüll-Eigenschaft. Klicken Sie hier das Feld, welches auf dem Bild mit weiß gefüllt ist. Dann erscheint ein weiteres Fenster. Dort klicken Sie auf "Fülloptionen". Nun kommt ein Fenster mit Einstellungseigenschaften bei dem Sie auf "Einfarbig" klicken. Dort klappt dann ein Scroll Down Menue auf, wo sie "Linear" wählen. Unter diesem Scroll Down Menue befindet sich die Farbeinstellung. Standardmäßig ist dort "Weiß-Schwarz" eingestellt. Rechts davon ist ein "Bearbeiten" Button den Sie jetzt bitte klicken. tooltipp

Jetzt klicken Sie bitte auf den hier im Bild mit einem "Roten Kästchen" markierten Bereich. Jetzt erscheint ein "Farbwahl-Feld". Bitte wählen Sie nun auf diesem Feld die Farbe "Weiß" bzw. die Farbcodenummer "#FFFFFF". Nun können Sie die beiden anderen Rechtecke auch mit ihrer beliebigen Farbe versehen. Das Weiß in der Mitte sollte aber auf jedenfall bei jeder Verlaufanimation stehen bleiben, da diese einen "Glanz" Effekt bildet. Wir wählen für die beiden äußeren Farben Links: "#0099FF" und Rechts: "#FFCC00" tooltipp

Der Farbverlauf Teil ist damit dann abgeschlossen. Nun folgt die eigentliche Animation. tooltipp

Gehen Sie auf das Frame und Verlauf Fenster ihres Programmes. Dort erstellen Sie, indem Sie auf den im Bild markierten Button drücken insgesamt 10 neue Frames. Das bedeutet das sie den Klick 10mal wiederholen müssen. Standartmäßig ist bei der Geschwindigkeit, die Sie auf dem Bild im Rechten Fenster sehen "7" eingestellt. Hier wurde es auf "9" geändert, dies ist flexibel und Sie können es nach Ihren Wünschen einstellen, je nach dem wie schnell die Animation ablaufen soll. tooltipp

Jetzt kommt der Verlauf. Ändern Sie bitte den Verlauf wie Sie ihn bis jetzt hatten "oben" in die Form des "unteren". Sie können mit der Maus die Farbverlaufpunkte verändern, auf dieser Veränderung beruht dann später auch die Animation.

Wenn Sie damit fertig sind führen Sie folgende Funktion aus: Rechtsklick->Bearbeiten-Kopieren. Nun befindet sich die Grafik im Zwischenspeicher und kann in anderen Frames und Folien/Leinwänden eingefügt werden.

Nun markieren Sie den zweiten Frame, der unter dem markierten im oberen Bild liegt und führen dort aus: Rechtsklick-Einfügen. Jetzt befindet sich die vorher kopierte Grafik auch auf diesem Frame. Dieses machen Sie jetzt mit allen Frames. Einfach indem Sie den gewünschten Frame markieren und dort dann die Grafik mittels des Mausklicks einfügen.Wenn sie damit fertig sind folgt der nächste und auch abschließende Schritt. tooltipp

Jetzt beginnt der Hauptteil, den man mit Screenshots (Bildern) leider nur schlecht festhalten kann. Dazu auf Frame2* gehen und die Farbverlauf Anzeige (Kreis, Strich, Viereck) ein Stück nach vorne (rechts) verschieben. Nun auf Frame3* gehen und wieder ein Stück weiter schieben als beim vorherigen Frame. Dieses für alle Frames wiederholen wie dargestellt im "Theorie..." Bild . Damit fertig , wechseln Sie auf Frame1. Jetzt kann die Animation schon bewundert werden, indem Sie Auf die "Play" Taste in ihrem Leinwand Fenster klicken. Diese befindet sich am unteren Rand.

Jetzt können Sie die Animation erstellen, indem Sie folgendes Wählen: Datei-Exportvorschau-" Format " = Anigif, Rest der Einstellungen beibehalten und exportieren wählen. tooltipp

 

Autor: (Caspar )

 

 

Abbildungen

Abbildung 1 - Text auf der Leinwand erstellen

Abbildung 1 - Text auf der Leinwand erstellen

Abbildung 2 - Farbfüllung

Abbildung 2 - Farbfüllung

Abbildung 3 - Farbverlauf einstellen..

Abbildung 3 - Farbverlauf einstellen..

Abbildung 4 - Der fertige Farbverlauf....

Abbildung 4 - Der fertige Farbverlauf....

Abbildung 5 - Frames erstellen

Abbildung 5 - Frames erstellen

Abbildung 6 - Farbverlauf ändern

Abbildung 6 - Farbverlauf ändern

Abbildung 7 - Theorie...

Abbildung 7 - Theorie...

Abbildung 8 - Endergebnis

Abbildung 8 - Endergebnis

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 /