1. Wenn Sie Fireworks starten haben Sie eine graue Fläche vor sich. Die meisten Werkzeuge und Optionen sind nicht verfügbar. Sie müssen also erst ein neues Dokument erstellen. Klicken Sie jetzt Datei/Neu oder drücken Strg+N. Es öffnet sich folgendes Fenster. Lassen Sie einfach alles wie es ist, sämtliche Einstellungen hier können Sie auch später jederzeit ändern.

Anmerkung: Fälschlicherweise wird hier oft angenommen, die Breite und Höhe entspricht der Bildgröße. Das ist aber nicht ganz korrekt. Richtig gesehen ist es Ihre zur Verfügung stehende Arbeitsfläche, was Sie darauf erstellen ist selbst beim speichern als Bild nicht unbedingt diese Größe. Es gibt eine Reihe Optionen bei der Sie die eigentliche Bildgröße unabhängig von der hier gewählten bestimmen können. Tragen Sie also ruhig mehr ein wenn Sie zum experimentieren Platz brauchen.

2. Nach dem Klick auf OK haben Sie ein weißes Dokumentenfenster (Arbeitsfläche auch Leinwand genannt) vor sich. Noch etwas zum Fireworksformat. Das FW eigene Format ist *.png, Sie sehen es oben im Kopf der Leinwand, dort steht unbenannt-1.png. Sie sollten ein Projekt immer mit Datei/speichern unter als PNG sichern, damit haben Sie jederzeit die Möglichkeit dieses Dokument zu bearbeiten. Fertige Bilder selbst werden über Datei/Exportieren oder eine Zwischenstufe vor dem eigentlichen Export, mit Datei/Exportvorschau exportiert. Die Exportvorschau ermöglicht noch eine Reihe Einstellungen bevor Sie entgültig speichern.

3. Ihr neues Dokument arbeitet automatisch im Vektormodus. In diesem Modus arbeiten Sie also mit Vektoren und nicht mit Pixel wie im Bitmapmodus. Was das im einzelnen bedeutet stellen Sie gleich fest.

4. Sie sehen im Programmfenster eine lange Leiste, kurz Werkzeugleiste. Dort finden Sie auch folgende grundlegende Formen in Fireworks. Die Auswahl wie im Bild haben Sie nicht gleich zur Verfügung. Fireworks hat eine Unmenge an Werkzeugen die aus Platzgründen etwas versteckt sind. Um z.B. einen Kreis auszuwählen müssen Sie wie im Bild das Rechteckwerkzeug anklicken, die Maus kurz halten und es erscheint dann diese zusätzliche Leiste. Zeigen Sie einfach bei gedrückter Maustaste auf ein Werkzeug und Sie haben es zur Verfügung. Überall wo Sie diesen kleinen schwarzen Pfeil rechts unten haben, sind weitere Menüs vorhanden.

5. Um Objekte zu zeichnen wählen Sie das entsprechende Werkzeug, klicken damit in die Leinwand, halten die Maustaste und ziehen von links oben nach rechts unten das Objekt auf. Beim zeichnen haben Sie zwei einfache Möglichkeiten. Wenn Sie nur mit der Maus ziehen können Sie diese frei im Winkel bewegen. Drücken Sie zusätzlich die Shifttaste beim zeichnen haben Sie nur einen bestimmten Winkel zur Verfügung. Probieren Sie einmal mit und ohne. Mit Shifttaste wird eine Ellipse immer "exakt rund" und ein Rechteck ein Quadrat.

6. Nun aber zu den zwei Modi. Wie schon gesagt, Sie arbeiten normalerweise im Vektormodus. Der Unterschied zum Bitmapmodus ist schnell gezeigt.

Zum Verständnis: Im Vektormodus arbeiten Sie mit Pfaden (Vektoren) im Bitmapmodus mit Pixel (Bitmap). Vektorobjekte bestehen aus Punkten (Pfadpunkte) und mehrere Punkte sind verbunden mit Linien (Pfade).

Zeichnen Sie nun einen Kreis auf Ihre Leinwand. Dann wählen Sie aus der Werkzeugleiste den weißen Zeiger ganz oben rechts (Teilauswahlwerkzeug). Der Kreis muss markiert sein! Markierte Objekte erkennen Sie an einer blauen Umrandung. Nähern Sie sich langsam mit dem weißen Zeiger dem Punkt wie im Bild. Warum langsam?

Ausführlicher weil das seine Bewandnis hat: Sie können diesen Punkt markieren wenn der Zeiger nahe genug an ihm ist. Das erkennen Sie daran wenn der Zeiger seinen Schwanz verliert. Sie müssen also nicht unbedingt genau über dem Punkt sein. Besonders wichtig ist das, wenn viele Objekte dicht beieinander liegen. Diesen Abstand kann man auch einstellen, aber das ist jetzt nicht so wichtig! Markieren Sie dann den Punkt mit einem Klick darauf.

Der Punkt erscheint weiß hervorgehoben. Nun können Sie diesen Punkt mit der Maus verschieben, tun Sie das einmal wie im Bild.

7. Wie Sie noch sehen, erscheinen bei einem Kreis nach anklicken eines Punktes eine weitere Linie direkt durch diesen Punkt. Am Ende jeweils mit einem weiteren. Diese zusätzlichen Punkte nennt man Anfasser. Damit verändern Sie nicht die Position des Punktes selbst, sondern den Pfadverlauf (Linienverlauf) durch diesen. Machen Sie es wie im folgenden Bild.

Sie stellen außerdem noch fest, die Farbe (Füllung) ändert sich mit dem Verlauf des Pfades. Es gibt noch den Pinselstrich zusätzlich zur Füllung. Der Pinselstrich ist die Farbe die auf dem Pfad verläuft. Ändern Sie einfach mal die Farben des markierten Objektes. Dazu nur ein Bild, den Rest verstehen sie dann.

8. Sie kennen jetzt das Grund-Prinzip zum arbeiten mit Vektoren. Um das in Gegensatz zum Bitmapmodus zu bringen, löschen Sie alle Objekte auf der Leinwand (Objekt markieren und Entf-Taste auf der Tastatur drücken).

Zeichnen Sie einen Kreis mit Füllung und Pinselstrich. Der Kreis muss markiert sein um ihn in ein Bitmap zu konvertieren (umzuwandeln). Klicken Sie dann Modifizieren/In Bitmap konvertieren. Den Unterschied merken Sie am Beispiel Kreis sofort, es erscheint typisch für ein Bitmap eine rechteckige Umrandung. Dies bedeutet nichts weiter, als das Sie nun ein Bitmap haben. Jetzt versuchen Sie doch einfach einzelne Pfadpunkte oder die Anfasser zu verändern. Sie geben sich vergeblich Mühe, die gibt es nicht mehr. Sie können mit den vier Punkten nur noch die Größe des Gesamtbildes ändern, nicht mehr die Form.

Versuchen Sie auch den Pinselstrich und die Füllung zu verändern wie Sie es beim Vektorobjekt gemacht haben, Sie haben keine Chance auf diesem Weg.

9. Um jetzt den Pinselstrich oder die Füllung zu ändern, bedarf es der typischen Bitmapwerkzeuge welche meist auch nur im Bitmapmodus funktionieren, wobei es dabei jedoch wieder Ausnahmen gibt. Die meisten Werkzeuge rufen diesen bei Verwendung selbstständig auf, aber wir gehen den umständlichen Weg!

Mit der Umwandlung des Kreises in ein Bitmap haben Sie zwar ein solches, befinden sich aber immer noch im Vektormodus. Um in den Bitmapmodus zu gelangen müssen Sie den konvertierten Kreis einfach doppelklicken, tun Sie das nun. Die blaue Umrandung verschwindet, stattdessen haben Sie um Ihre gesamte Leinwand eine blau schraffierte Rahmung. Daran erkennen Sie den Bitmapmodus.

10. Ändern Sie nun die Füllfarbe des Kreises indem Sie erst eine andere Füllfarbe einstellen, dann wie im Bild ersichtlich den Fülleimer wählen und damit in den Kreis klicken. Sie merken schon, es ist bei einem Bitmap etwas "komplizierter" die Füllfarbe zu ändern als für ein Vektorobjekt, ganz zu schweigen vom Pinselstrich.

Um nun den Bitmapmodus zu beenden klicken Sie den Kreis einfach nochmal doppelt, Sie landen wieder im Vektormodus. Am Fuß der Leinwand finden Sie auch einen roten Kreis mit weißem X, damit können Sie ebenfalls beenden oder einfach übers Menü Modifizieren. Das soll erstmal reichen.

Anmerkung: Falls das Problem auftritt und anstatt des Kreises die gesamte Leinwand eingefärbt wird, dann haben Sie etwas verstellt und nicht gewusst was. Die Lösung finden Sie nach Auswahl des Fülleimers im Optionenbedienfeld, dies wird im Tutorial Werkzeugoptionen allg. behandelt.

Sie werden sich jetzt fragen, wozu ist denn der Bitmapmodus überhaupt da? Nun, das ist kurz und allg. erklärt ganz einfach.

Wenn Sie ihr Urlaubsphoto einscannen um es am PC zu bearbeiten, weil sie darin grüne anstatt rote Haare haben wollen, dann brauchen Sie den Bitmapmodus. Das Urlaubsphoto ist nichts weiter als ein Bitmap, deswegen.

Fazit: Wir können hier leider kein Buch schreiben. Sie sollten mit diesem Tutorial nur ganz allg. in die Modi eingeführt werden. Das Verständnis der arbeitsweise beider Modi sollte unbedingt klar sein und ist hoffentlich mit dem Tutorial geklärt. Nun können Sie sich in den Rest stürzen und noch so manches mal verzweifeln. Ihren Ehrgeiz und die grauen Haare wird FW auf jedenfall ausgleichen. Je nach Einsatz von Ihnen mehr oder weniger schnell, ganz sicher!