Bereiche transparent machen

Sie können Transparenzbereiche sowohl in GIFs als auch in 8-Bit-PNGs definieren. Sie führen dazu, dass der Hintergrund einer Webseite in einem Webbrowser durch die transparenten Bereiche eines Bilds hindurch sichtbar ist. In Fireworks werden transparente Bereiche in der Dokumentvorschau grauweiß kariert dargestellt.

Vorschau einer optimierten Grafik in Fireworks, mit Transparenz exportierte Grafik in einer Webseite mit farbigem Hintergrund

Hinweis: 32-Bit-PNGs enthalten immer Transparenz, aber das Bedienfeld Optimieren weist für sie keine Transparenzoption auf.

Für den Export von GIFs, die transparente Bereiche enthalten, empfiehlt sich der Einsatz von Indextransparenz. Über die Indextransparenz legen Sie fest, dass bestimmte Farben transparent exportiert werden. Die Indextransparenz aktiviert bzw. deaktiviert Pixel mit bestimmten Farbwerten. Da GIFs Unterstützung für Indextransparenz bieten, ist dies die in der Webgrafik am häufigsten verwendete Transparenzform.

Hinweis: GIF-Bilder werden in Fireworks standardmäßig ohne Transparenz exportiert. Selbst wenn die Leinwand hinter einer Grafik oder einem Objekt in der Originalansicht von Fireworks transparent erscheint, bedeutet dies nicht, dass der Hintergrund des Bilds nach dem Export als GIF tatsächlich transparent ist. Sie müssen vor dem Exportieren Indextransparenz auswählen.

Sie können auch mit Alphatransparenz arbeiten, die allerdings für Webgrafiken nicht häufig eingesetzt wird, da nur PNGs Unterstützung für sie bieten und das PNG-Format seinerseits von den meisten Webbrowsern nicht unterstützt wird. Alphatransparenz kommt oft bei exportierten Grafiken zum Einsatz, die Transparenzverläufe und halbmatte Pixel enthalten. Alphatransparenz ist auch beim Export von Dateien in Macromedia Flash oder Director nützlich, weil beide Anwendungen diese Art von Transparenz unterstützen.

Hinweis: Wenn Sie Farben als transparent definieren, wirkt sich dies nicht auf das Originalbild, sondern nur auf die exportierte Version des Bilds aus. Wie das exportierte Bild aussehen wird, können Sie im Vorschaufenster sehen. Informationen über die Dokumentvorschau-Schaltflächen finden Sie unter Optimierungseinstellungen in der Vorschau anzeigen und vergleichen.

So wählen Sie eine Farbe für die Transparenz aus:

1. Klicken Sie in der oberen linken Ecke des Dokumentfensters auf die Schaltfläche Vorschau, 2fach oder 4fach. Klicken Sie in der 2fach- oder 4fach-Ansicht auf eine Ansicht, aber nicht auf das Original.
2. Wählen Sie im Bedienfeld Optimieren im Popupmenü Transparenz die Option Indextransparenz aus.

   Die Leinwandfarbe erscheint in der Vorschau transparent.

3. 
   
   Klicken Sie auf das Symbol mit der QuickInfo Farbe für Transparenz wählen, um eine andere Farbe auszuwählen.

   Der Mauszeiger nimmt die Form einer Pipette an.

4. Nehmen Sie einen der folgenden Schritte vor, um die Farbe für die Transparenz auszuwählen:
   • Klicken Sie in der Farbtabelle des Bedienfelds Optimieren auf ein Farbfeld.
   • Klicken Sie auf eine Farbe im Dokument.

So fügen Sie transparente Farben hinzu oder entfernen sie:

1. Klicken Sie in der oberen linken Ecke des Dokumentfensters auf die Schaltfläche Vorschau, 2fach oder 4fach. Klicken Sie in der 2fach- oder 4fach-Ansicht auf eine Ansicht, aber nicht auf das Original.

   Hinweis: Sie können transparente Farben in der Originalansicht zwar hinzufügen oder entfernen, das Ergebnis wird aber erst in einer Vorschau sichtbar.

2. Klicken Sie im Bedienfeld Optimieren auf die Schaltfläche Farbe in Transparenz hinzufügen oder Farbe aus Transparenz entfernen.

   
   
   

3. Führen Sie einen der folgenden Schritte aus, um eine Farbe auszuwählen, die Sie der Transparenz hinzufügen bzw. aus ihr entfernen möchten:
   • Klicken Sie in der Farbtabelle des Bedienfelds Optimieren auf ein Farbfeld.
   • Klicken Sie in der Vorschau auf eine Farbe.

So machen Sie einen Bildhintergrund transparent:

1. Klicken Sie in der oberen linken Ecke des Dokumentfensters auf die Schaltfläche Vorschau, 2fach oder 4fach. Klicken Sie in der 2fach- oder 4fach/Ansicht auf eine Ansicht, aber nicht auf das Original.
2. Geben Sie im Bedienfeld Optimieren GIF als Dateiformat an, und wählen Sie im dem Popupmenü Transparenz die Option Indextransparenz aus.

   Die Leinwandfarbe erscheint in der Vorschau transparent, und die Grafik ist exportbereit.