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 > Bannerkunst

Bannerkunst mit Fireworks

Auch wenn Banner nicht die gewünschten Klickraten bringen, sind sie als fester Bestandteil des Internets kaum mehr wegzudenken. Wir haben uns angesehen, wie Fireworks mit der Bannererstellung zurecht kommt. Und siehe da: das Bildbearbeitungsprogramm ist bestens gerüstet.

Bannerkunst ist vielseitig. Statische Banner bilden die Grundversorgung, Animation ist schon etwas anspruchsvoller, während Rich-Mediaund damit einhergehend (meist) Flash, die hohe Schule bilden. Fireworks soll uns helfen ein Banner im klassischen Format von 468*60 Pixel anzufertigen. Dazu werden erst mehrere Grafiken gebraucht, die dann zu einer Animation verschmelzen. Alle Grafiken müssen die selbe Größe aufweisen, anders geht es hier nicht. Öffnen Sie die erste Grafik in Fireworks und wechseln Sie zum Frames-Fenster, dem wichtigsten Werkzeug bei der Erstellung von Animationen.

tooltipp

Um eine zweite Grafik, auch Szene genannt, in die spätere Animation einzufügen, muss ein neues Frame erstellt werden. Dies geschieht mit dem Klick auf einen Button unterhalb des Frames-Fensters. Der Screenshot illustriert das. Automatisch wird das neue Frame ausgewählt und das Vorschaufenster leer erstellt.Ziehen Sie einfach die zweite Grafik per Drag und Drop in das leere Fenster. Befinden sich zwei Szenen im Arbeitsfenster, wird das Steuerungsfenster aktiviert: tooltipp

Nach dem Klicken auf das "Play"-Bildchen legt das Banner los, die Animation wird sichtbar. Sie wirkt etwas hektisch, weil die Frame-Verzögerung von Haus aus auf knappe 20 Milisekunden eingestellt ist. Arbeiten Sie mit Texten innerhalb des Banners, bedenken Sie bitte, dass der Websurfer genügend Zeit haben muss, um den Text zu lesen. Mit einem Doppelklick auf die Zahl im Frame-Fenster öffnet sich ein Fenster, in dem die Verzögerung eingestellt werden kann. Wir haben insgesamt 4 Szenen mit unterschiedliche Frame-Zeiten erstellt. Jetzt können das Banner exportieren. Öffnen Sie die Exportvorschau (über den Menüpunkt Datei -->Exportvorschau). In diesem Fenster befinden sich alle Funktionen, um das Banner noch vor dem Exportvorgang ein letztes Mal zu editieren. Als erstes muss das Dateiformat gewählt werden: Animiertes Gif. Um die Grafiken für die kürzeste Ladezeit zu optimieren, muss als Farbpalette "Angepasst" ausgewählt werden. tooltipp

Die Anzahl der Farben kann stufenweise herabgesetzt werden. So lange bis ein sichtbarer Qualitätsverlust auftritt, den man nicht mehr akzeptieren mag. Die Größe der Datei kann über das Exportvorschau-Fenster laufend kontrolliert werden. tooltipp

Über den Reiter "Animation" kann die Verzögerungszeit der einzelnen Frames eingestellt werden. Zur Kontrolle lässt sich die Animation im Vorschaufenster abspielen. Sind die Zeiten korrekt, die beste Komprimierungsstufe gewählt und das Ergebnis zufriedenstellend, darf der den Export-Button betätigt werden. Gif abspeichern. Das wars. (mj) tooltipp

 

Autor: (rb)

Abbildungen

Abbildung 1 - Frames-Übersicht

Abbildung 1 - Frames-Übersicht

Abbildung 2 - Banner-Steuerung

Abbildung 2 - Banner-Steuerung

Abbildung 3 - Format und Farbpalette

Abbildung 3 - Format und Farbpalette

Abbildung 4 - Animations-Zeiten

Abbildung 4 - Animations-Zeiten

Abbildung 5 - So sieht unser Ergebnis aus

Abbildung 5 - So sieht unser Ergebnis aus

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 /