Fireworks 4 - Das Programm

von Fries Websolutions

Ohne Grafiken geht im Web nichts mehr. Wie schön, dass Dreamweaver eine Schwester hat. Sie heißt Fireworks und beherrscht einfach alles, was für die professionelle Grafik-Gestaltung im Web nötig ist.

Viele schwören auf das Programm, aus dem Hause Macromedia. Aber ein HTML-Code kann man auch mit einem einfachen Texteditor gut bearbeitenn, während man bei Grafiken höhere Ansprüche stellt. Der Zentrale Punkt bei der Bearbeitung von Grafiken, für das Web, ist auch die Optimierung der Bilder. Lange Ladezeiten für Webseiten mit überladenen Grafiken haben beim Surfer schon von vornherein wenig Chancen.

Und inzwischen haben auch die Software-Hersteller gemerkt, dass ohne Web-Werkzeuge kein Grafikprogramm mehr auskommt. Deswegen rüsteten die Softwareschmieden Ihre Programme laufend auf, um im Wettstreit um das beliebteste und beste Programme mithalten zu können. Firmen wie Adobe-Photoshop, Corel- Photopaint oder Paint Shop Pro sprangen auf den Web-Zug auf und entwickelten Funktionen, die einem Webmaster das Leben leichter machen sollen. Wofür Sie sich entscheiden, ist im Prinzip egal.

Fireworks kann direkt mit Dreamweaver zusammenarbeiten, beispielsweise HTML Code für geteilte Grafiken übergeben. Es gibt schließlich Gemeinsamkeiten, die das Arbeiten einfacher machen. Wenn man eine zeitlang mit Dreamweaver gearbeitet hat, fällt einem die Arbeit mit Fireworks leichter. Bei dem Entwickeln der Software folgt Macromedia einer festgelegten Struktur. Viele Fenster, die sich innerhalb der Arbeitsfläche befinden und die Zusammenarbeit der Programme untereinander verbessern, sind ein Markenzeichen Macromedias. Es mag zwar Verwirrend aussehen, beim ersten Start. Doch wenn man sich mit den einzelnen Objekten vertraut gemacht hat, ist ein schnelles und kreatives Arbeiten möglich.

Die Arbeitsfläche
Fireworks' Arbeitsfläche mit sämtlichen Fenstern.
Aus einem Hauptfenster und vier kleinen Zusatzfenstern setzt sich die Arbeitsoberfläche zusammen. Die Fenster müssen nicht alle gleichzeitig aktiviert sein, um mit dem Programm zu arbeiten. Jedes einzelne Fenster besteht zusätzlich aus vier bis fünf Registerkarten. Dass sie aus den vordefinierten Fenster herausgezogen und neu zusammengesetzt werden können, ist ein echtes Plus dieser Registerkarten. Damit können Sie sich eine persönliche Arbeitsfläche einrichten. Sie enthält dann nur die Fenster, die Sie am häufigsten nutzten.

Ausschnitt aus der Arbeitsoberfläche

Die Farbtabelle
Wird eine Grafik in Fireworks geladen, gibt das Farben-Fenster automatisch Auskunft darüber, aus wie vielen und welchen Farben sich das Bild zusammensetzt.

Das Farben-Fenster gibt eine ausführliche Übersicht über alle Farben der Grafik aus.

Über die verschiedenen anklickbaren Schalter, mit denen auf die Farben zugegriffen werden kann, die am unteren Rand des Fensters angebracht sind. Durch Anklicken eines Farbkästchens kann zum Beispiel die entsprechende Farbe durch eine andere ersetzt, gelöscht, gesperrt oder transparent gemacht werden. Auch völlig neue Farben können so zusammengefügt werden.

Warum die Registerkarten auf verschiedene Fenster aufgeteilt wurden, wird jetzt klar, wenn man beispielsweise eine Farbe im Fenster "Farbtabelle" angeklickt. Die Fenster arbeiten zusammen. Im darunter liegenden Fenster kann man in der Registerkarte "Info" den RGB-Wert einer Farbe ablesen. Zusätzlich wird dort die Größe der Grafik in Pixel angegeben, sowie die x-y-Position innerhalb des Arbeitsfensters.

Der Farbmischer
Verschiedene Farb-Modi können über ein Pop-Up Menü angewählt werden. Die Farben können ausgetauscht und für bestimmte Werkzeuge einzeln definiert werden.

Der Farbmischer

Im Farbmischer können Farben in den verschiedenen Modi definiert werden: RGB, Hexadezimal, HSB, CMY und Grauskala.

Farbfelder
Ein weiteres mächtiges Werkzeug im Umgang mit Farben bietet das Fenster "Farbfelder". Nach dem Start von Fireworks ist das Fenster leer. Erst durch Auswahl "Aktuelle Exportpalette" aus dem Pop-Up Menü wird das Farbfeld der Grafik angezeigt, die sich auf dem Arbeitsfeld befindet. Dieses Farbfeld kann dort abgespeichert werden, und jederzeit wieder aufgerufen werden.

Mit Hilfe des Pop-Up Menüs kann ein Farbfeld geladen, gespeichert oder gelöscht werden.

Optionen
Das Fenster "Optionen" passt sich dem jeweiligen Werkzeug aus der Werkzeugleiste an. Haben Sie zum Beispiel ein Rechteck gezeichnet, können Sie durch Angabe eines Dezimalwertes die Ecken abrunden.

Ebenen
Wie von anderen Grafikprogrammen her bekannt ist, ist es möglich mehrere Ebenen, auch Schichten genannt, übereinander zu legen, aus der später ein komplettes Bild erzeugt wird. Das ist außerordentlich praktisch, denn jede Ebene kann für sich bearbeitet werden, auch Effekte können so gezielt angewendet werden.

Im Fenster "Ebenen" können die einzelnen Ebenen ausgeblendet, gelöscht oder gesperrt werden.

Frames (Rahmen)
Roll-Over-Effekte und Animationen sind mit Fireworks kein Problem. Im Fenster "Frames" bringt man die einzelnen Bilder einer Animation unter. Um fließende Animationen zu erstellen, helfen hier professionelle Funktionen aus dem herkömmlichen Animationsverfahren. Wie die sogenannte "Zwiebelschicht". Bei dieser Methode wird ein dünnes, durchsichtiges Schablonenpapier verwendet, um animierte Sequenzen zu betrachten.

Mit dem Frame-Fenster lassen sich problemlos Roll-Over-Buttons konstruieren

Verlauf
Damit man seine Arbeit an einem Dokument nachvollziehen kann, gibt es den "Verlauf". Das Fenster enthält eine Auflistung der Arbeitsschritte, die man in Fireworks durchgeführt hat. Die Zahl der aufgezeichneten Arbeitsschritte bestimmt man unter Datei > Voreinstellungen im Register "Allgemein".

Info
Das Fenster "Info" gibt Informationen zu Farbwerten, Größe und Lage einer Grafik oder eines Objektes an.

Optimieren
Fireworks enthält selbstverständlich auch Funktionen zur Optimierung von Grafiken und zur Objektgestaltung. Das Programm bietet ein vorbildliches Optimierungssystem. Eine Grafik kann zu jeder Zeit eines Arbeitsvorganges im Hinblick auf Dateiumfang und Ladezeit kontrolliert werden. Eine Vorschau ermöglicht den direkten Vergleich von verschiedenen Optimierungstiefen.

Jedes einzelne Fenster zeigt eine andere Optimierungstiefe mit der Dateigröße und Ladezeit an.

Objekt
Die Durchsichtigkeit stellen Sie im Register-Fenster "Objekt" ein. Hier können Sie den Mischmodus wählen. Haben Sie ein Objekt gezeichnet, können Sie hier außerdem Pinselstrich und Füllung bestimmen.

Pinselstrich
Die umfangreiche Einstellungsmöglichkeiten in der Registerkarte "Pinselstrich" ermöglichen es eigene Strichformen zu erstellen und für den späteren Gebrauch zu archivieren.

Verhaltensweisen
Das Fenster "Verhaltensweisen" liefert verschiedene Funktionen zur Gestaltung von den sogenannten Roll-Over-Buttons. Per Mausklick versehen Sie Web-Objekte mit JavaScript-Optionen. Hier lassen sich auch die bereits mit Objekten verknüpften Verhaltensweisen überprüfen und ändern.

Ein typischer Roll-Over-Button - kein Problem mit Fireworks.

URL
Angenommen Sie möchten eine bestimmte URL mehrmals in einem Dokument verwenden, wollen sie aber nicht jedes Mal wieder suchen. Dann hilft hier auch Fireworks. Man legt sich einfach eine URL-Bibliothek an. Darin sammelt man seine häufig benötigten Adressen und macht Sie jederzeit verfügbar.

Stile
Grafische Vorlagen, die sogenannten Stile, lassen sich unter anderem auf Buttons oder Texte anwenden. Auf diese Weise erzielt man in wenige Minuten interessante Grafiken, ohne all zu sehr in die Tiefe einsteigen zu müssen. Einfach mal ausprobieren. Eigene Stilformen zu entwickeln, ist natürlich auch möglich. Vorhandene Vorlagen kann man abändern, oder einen völlig neuen Stil kreieren.

Bibliothek
Hier handelt es sich um eine Symbol-Bibliothek. Symbole sind Objekte, die hier abgelegt werden können und jederzeit als Kopien (Instanzen) zur Wiederverwendung aufrufen kann. Wird das Original eines Symbolobjekts bearbeitet, aktualisieren sich die Kopien automatisch.

Hilfreich beim Erstellen von Roll-Over-Buttons: die Bibliothek

Füllen
Objekten eine geeignete Füllung zu verpassen, ist die Aufgabe des Füll-Fensters. An Farbverläufen steht eine Palette vordefinierter Möglichkeiten zur Verfügung. Sie kann jederzeit durch eigene Ideen ergänzt werden. Daneben bestimmt man hier Struktur und Transparenz eines Objektes.