SDI3D - Version 2 : Zur Eingangsseite Modeln, Rendern / Raytracing mit Cinema4D - und mehr
Raytracing Webdesign
  Fireworks (MX) - Freistellen mit Pfaden (Einleitung)
  Als Photoshop-User bin ich es gewohnt mit Pfaden zu arbeiten, wenn es darum geht, Objekte und ähnliches freizustellen - also etwas vom Hintergrund des Bildes zu lösen. Nun habe ich mir Fireworks zugelegt, da das Preis-Leistungs-Verhältnis für den, ich möchte mal sagen, "Heimanwender", im Gegensatz zu Photoshop ungleich besser ist. Was nicht bedeutet, dass Photoshop ein schlechtes Programm ist, sondern, und der Vorteil liegt klar auf der Hand, dass Fireworks im Gegensatz zu Photoshop nur etwa ein drittel kostet.
Zum Vergleich: Photoshop 7 (inklusive ImageReady) kostet etwa 1000€. Das Macromedia Studio MX-Paket, bestehend aus Dreamweaver MX, Flash MX, Fireworks MX und Freehand 10 (MX), kostet ebenfalls 1000€. Da ich Privat eher selten für den Print-Bereich sondern eher für das Web produziere, lag es nahe mich für das MX-Paket zu entscheiden. In der Firma arbeite ich, projektbedingt, sowohl mit der Adobe Web-Collection als auch dem Macromedia Paket.
Doch genug der Lobeshymnen. Nach dem ersten Aufruf von Fireworks MX und dem dazugehörigen Tutorial war ich überrascht. Objekte wurden mit dem Lasso-Werkzeug freigestellt! Wie bereits erwähnt, bin ich es gewohnt, Objekte mit Pfaden freizustellen, da diese eine weitaus bessere Kontrolle über das Freistellen erlauben.
Nach einigem stöbern in der Anleitung, stieß ich auf einen Workaround (?), der es mir erlaubt, die Bilder wie gewohnt mit dem Bezier-Tool zu freiszustellen. Der Trick ist der, dass in der Fireworks-Anleitung nicht nach "Freistellen mit Pfaden" oder ähnlichem gesucht werden sollte.

  Fireworks (MX) - Freistellen mit Pfaden (So geht es)
  Um den Arbeitsablauf zu demonstrieren, habe ich einmal ein ältere, von mir erstellte, Vektor-Grafik mit einem eingefärbten alten Rendering kombiniert. Bei der Vektor-Grafik handelt es sich um eine Illustration, die dem Cover der Republic-Maxi-CD "Ready to go" nachempfunden ist. Das Ziel wird nun sein, die Sängering (Saffron) freizustellen, ohne dabei den Rest des Bildes zu zerstören.

Ready to go - Vorher

Der Anfang gestaltet sich wie gewohnt: Wir erstellen von Saffron eine Umrißzeichnung, in dem wir mit dem Bezier-Tool (in Fireworks "Füller" genannt) einen Pfad anlegen, der möglichst genau auf den Kanten des Objektes, der Person oder in diesem Falle "Saffron" liegt. Die Tastaturkürzel in Fireworks decken sich bei diesem Tool nahezu mit denen aus Photoshop: Mit <STRG> werden beide Tangenten gleichzeitg bearbeitet und mit <ALT> + <STRG> jeweils nur die markierte. Wir können nun schnell eine Umrisszeichnung erstellen. Im unteren Bild habe ich den Pfadumriss etwas dicker und grünlich dargestellt. Der eigentliche Pfad ist der dünne blaue Strich, der in dem Bild nur in der Vergrößerung zu erkennen ist. Es hat etwa 3 Minuten gebraucht, diesen Pfad zu erstellen. (Beachtet die Kurven, die mit dem Lasso-Werkzeug mit derart wenigen Punkten nicht zu erstellen sind). Im nächsten Schritt füllen wir den von uns erstellten Pfad (falls nicht schon geschehen) mit der Farbe weiss (RGB: #FFFFFF). Danach wählen wir bei gedrückter Shift-Taste den Pfad und die Ebene mit dem freizustellenden Bildteil aus.
Gleich macht es sich bezahlt, dass wir den Pfad mit reinem Weiss gefüllt haben: Über den Befehl "Modifizieren > Maske > Als Maske gruppieren" aus dem Fireworks-Menü wandeln wir den Bezier-Pfad in eine Maske um. Auf dieser Ebene ist danach nur noch "Saffron" sichtbar. Die beiden männlichen Bandmitglieder wurden automatisch ausgeblendet. Hätten wir den Pfad mit schwarz (RGTB: #000000) gefüllt, hätten wir nun keine Maske erhalten. Der Trick ist der, dass die Masken, ähnlich wie Alpha-Kanäle, mit Graustufen-Bildern arbeiten.

Einige Arbeitsschritte

Das Beste kommt zum Schluß: Wie bei vielen anderen Dingen in Fireworks, handelt es sich hierbei ebenfalls nicht um einen destruktiven Effekt. Unerwünschte Teile der Ebene werden nur ausgeblendet und nicht gelöscht. Das heisst, auf diese Weise gehen keine Daten verloren. Das lässt sich auch leicht beweisen: Einfach die Maskierte Ebene auswählen und die Tastenkombination <STRG> + <SHIFT> + <G> drücken. Sowohl die komplette Ebene als auch der Pfad sind wieder sichtbar, da die Gruppierung aufgehoben wurde.
Hier das fertige Bild:

Die Modifizierte Version
   
 
 

Startseite - Bookmark - Portfolio - Tutorials - Downloads - Tagebuch - Links - Sitemap - Impressum

 

  Meinungen oder Kritik an:
sdi3d.de@sdi24.de
 

   zum Seitenanfang Diese Seite wurde aktualisiert am: 22.12.2004