Im Anhang die PNG samt verwendeter Bilder, damit Sie das Tutorial nachvollziehen können. Aufgrund der einzelnen Bildgrößen wird auf Bilder über Füllung etc. verzichtet, Sie finden alles in der PNG.

Wir machen das Ganze mit den Standardfunktionen von Fireworks. Wer natürlich Effekte und dergleichen einsetzen möchte, um mehr zu erreichen, kann dies gerne tun.

1. Erstellen Sie ein neues Dokument (500x325) und folgende Ebenen im Bedienfeld. In der Ebene wie im Bild zeichnen sie ein Rechteck mit Füllkategorie 'Wellen' und Verlaufsmuster 'Kupfer' über die gesamte Leinwandgröße. Den Mischmodus auf Normal belassen. [Abbildung 1 - Ebenen des Projektes]

2. Nun kopieren Sie dieses Rechteck und fügen es dreimal in die Ebene darüber ein. Stellen Sie für jedes dieser drei Rechtecke den Mischmodus auf 'Multiplizieren'. Passen Sie nun die Füllungen aller bisherigen Rechtecke durch Ziehen bzw. Verschieben der Füllgriffe Ihren Wünschen an. Für das unterste Rechteck (Ebene ganz unten) vergeben Sie die mitgelieferte Textur mit 100 %.

3. Nun fügen Sie das mitgelieferte Bild 'Wolkenkratzer' in die dafür vorgesehene Ebene ein. Stellen Sie den Mischmodus auf 'Multiplizieren' und gehen mit der Transparenz auf etwa 60 %.

Anmerkung für Ihre eigenen Projekte: An dieser Stelle ist noch zu sagen, dass der jeweilige Mischmodus für das Bild ist abhängig davon ist, in welcher Farbgebung es generell eingebunden ist. Mitunter bringt kein Mischmodus das gewünschte Ergebnis. Dann kann man das Bild z.B. mit Farbtönen anpassen (siehe beigefügte Farbstile). Auch kann das Bild eine Ebene höher angeordnet werden mit Mischmodus 'Bildschirm' z.B. Es kann hier einfach nichts pauschalisiert werden.

4. Nun zeichnen Sie über alles ein einfaches weißes Rechteck und stellen den Mischmodus auf 'Umkehren'. [Abbildung 4 - weißes Rechteck Mischmodus Umkehren]

So sollte es jetzt etwa aussehen. Sie können die Füllung der einzelnen Rechtecke noch nach Belieben anpassen. Durch das Arbeiten mit Ebenen haben Sie alles perfekt im Griff.

5. Jetzt geht es ans Eingemachte. Wie es weitergeht, ist nun einfach ein Probieren, wenn man ohne Plan angefangen hat. Sie können nun beliebige Bilder einsetzen und die irgendwie anpassen. Machen Sie es dennoch einfach mal so:

Markieren Sie mit STRG+A alle Objekte und kopieren diese (Strg+C). Drücken Sie STRG+N für eine neue Leinwand. Fügen Sie in diese mit STRG+V alles ein und klicken im Menü auf Modifizieren/Auswahl als Hintergrund (FW 4: In Bitmap konvertieren). Nun wählen Sie sich davon einen Teil mit dem Auswahlrahmen aus und kopieren diesen.

Wechseln Sie wieder ins Ausgangsdokument und fügen Sie dort diesen Teil in die Ebene wie im Bild ein. Stellen Sie den Mischmodus dafür auf Aufhellen. Kopieren Sie diesen Teil mehrmals, wie Sie wollen. Passen Sie die Bildteile nach Belieben an (z.B. Transformieren). Mehr kann dazu nicht gesagt werden, schauen Sie einfach in die PNG, um das zu verstehen.

Vergleichen Sie mit dem Ausschnitt oben.

6. Jetzt ist die Sache eigentlich fertig. Es fehlen nur noch diverse Kleinteile, Text usw. Das ist letztendlich Ihnen überlassen. Dafür ist eine Extra-PNG dabei, schauen Sie sich diese in Ruhe an und versuchen das nachzuvollziehen. Am Schluss hab ich dem Bild komplett Autostufe zugefügt. Farbvariationen sind aber Ihre Sache, wie es gefällt.

TIPP: Sie ziehen mit dem Tutorial schon einige Register von Fireworks. Sind Sie Anfänger in FW, versuchen Sie nicht, das Tutorial stur einfach nur Schritt für Schritt nachzumachen, sondern versuchen Sie die Arbeitsweise von Fireworks zu verstehen, indem Sie einzelne Schritte näher betrachten und auswerten.

Bei Problemen mit dem Tut bitte im Forum posten! Hier die Dateien (knapp 5MB)

Autor: (ar)