Forenindex » Programme » Print/Bildbearbeitung » Adobe Photoshop » transparente Bilder fürs Internet erstellen?

transparente Bilder fürs Internet erstellen?

Anonym
Beiträge gesamt: 22827

25. Feb 2002, 19:34
Bewertung:

gelesen: 14024

Beitrag als Lesezeichen
Hallo!
Hab ein Bild mit transparenten Umfeld erstellt. Wie kann ich das nun abspeichern, damit dieses Bild dann auch im Internet mit transparenten Umfeld erscheint. Bis jetzt bekommt das Bild dann immer einen weißen Hintergrund. Wer kann mir helfen?
Grüße Andi

transparente Bilder fürs Internet erstellen?

Anonym
Beiträge gesamt: 22827

26. Feb 2002, 00:17
Bewertung:

gelesen: 14022

Beitrag als Lesezeichen
Sie können in Web-Seiten GIF- und PNG24-Bilder mit Transparenz einbauen. Leider unterstützt nicht jeder Browser PNG.
Wenn Sie in Photoshop für Web speichern, haben Sie Möglichkeit eine Hintergrundfarbe zu definieren, in die das Bild verläuft.
In Photoshop 7 gibt es auch das Transparenz-Dithering, das die Platzierung von GIFs auf erschiedenen Hintergründen erlaubt.
Wilhelm Georg Adelberger

transparente Bilder fürs Internet erstellen?

heizfrosch
Beiträge gesamt: 67

26. Feb 2002, 00:26
Bewertung:

gelesen: 14022

Beitrag als Lesezeichen
Könnte ich davon bitte irgenwie mal eine Probe sehen? Ich habe sowas früher per Hand probiert, aber es sah meistens mehr als daneben aus...

heizfrosch

transparente Bilder fürs Internet erstellen?

Uwe Heruth
Beiträge gesamt: 24

6. Mär 2002, 14:20
Bewertung:

gelesen: 14022

Beitrag als Lesezeichen
Hi,

also von PNG würde ich die Finger lassen, das Format hat sich irgendwie nicht durchgesetzt.
Aber innerhalb von Photoshop gibt's zwei Möglichkeiten.
1. Neue Datei anlegen. Motiv, das die Transparenz haben soll auf eine eigene Ebene legen. Darunter eine zweite Ebene für den Hintergrund anlegen (oder die Standard-Hintergrundebene nutzen). Hintergrundebene mit der gewünschten Webfarbe füllen (also die Farbe, die auch später auf der Webseite verwendet wird). Jetzt kommt's: Hintergrundebene ausblenden (!). Auf den Menüpunkt "Für Web speichern" gehen. Im folgenden Dialogfeld "Gif" und "Transparenz" einstellen. Auf der linken Seite des Fensters das kleine Farbfeld anklicken und im darauffolgenden Dialogfeld die Hintergrundfarbe einstellen und mit OK bestätigen. Anschließend den Webspeichern-Dialog bestätigen.
Dieses Gif hat nun einen der Hintergrundfarbe entsprechenden Farbsaum und passt sich nahtlos ein.
2. Falls Dein Hintergrund aus mehr als einer Farbe, vielleicht sogar aus einm mehrfarbigen Motiv besteht, hilft Dir die oben genannte Form der Transparenz nicht weiter. In diesem Fall mache folgendes:
Motiv wie oben anlegen. Das Motiv mit dem Pfadwerkzeug oder dem Polygon-Lasso bei starker Vergrößerung umfahren (diesen Pfad dann sichern und anschließend als Alpha-Kanal abspeichern). WIrd das Polygon-Lasso geschlossen wird's automatisch zu einer Auswahl, diese dann als Alpha-Kanal speichern (Dabei am besten einen eindeutigen Namen vergeben, z.B. Freisteller). Dann wie oben Hintergrundebene ausblenden. Nun wieder in den "Für Web Speichern"-Dialog. Transparenz und Gif einstellen. Jetzt kommt's: Neben dem Paletten-PopUp (Perzeptiv, Adaptiv etc.) befindet sich ein geradezu winzig klein unauffälliger Knopf. Da drauf drücken und im darauf folgenden Dialogfenster unter Farbreduktion den gewünschten Freistellkanal wählen (z.B. "Freisteller"). Mit OK bestätigen und das Motiv abspeichern und voilà, auf unruhigen Hintergründen oder Verläufen steht das Bild sauber und glatt.

Viel Spaß beim Basteln.

Uwe

transparente Bilder fürs Internet erstellen?

max
Beiträge gesamt:

19. Apr 2002, 13:11
Bewertung:

gelesen: 14022

Beitrag als Lesezeichen
Hallo Uwe,
also ich habe genau das gemacht, was Du hier beschrieben hast und die Grafik auf eine website gelegt. Trotzdem sehe ich hier diesen weißen Rand. Ich sehe eigendlich keinen Unterschied zu einer normal erstellten grafik. Woran kann es liegen.

transparente Bilder fürs Internet erstellen?

MOS
Beiträge gesamt: 262

19. Apr 2002, 14:59
Bewertung:

gelesen: 14022

Beitrag als Lesezeichen
Hast Du denn nun einen einfarbigen oder einen mehrfarbigen Hintergrund bei der Seite auf die Du das Transparente Bild legen möchtest?

mfg
MOS

transparente Bilder fürs Internet erstellen?

Anonym
Beiträge gesamt: 22827

23. Jun 2002, 01:33
Bewertung:

gelesen: 14022

Beitrag als Lesezeichen
Hallo,
also,Du mußt auf jeden Fall das Motiv freistellen. Dann die Hintergrund eben löschen und einfach wie in der ersten Antwort beschrieben speichen. Funktioniert wunderbar )

transparente Bilder fürs Internet erstellen?

hmaus
Beiträge gesamt: 692

25. Jun 2002, 09:29
Bewertung:

gelesen: 14022

Beitrag als Lesezeichen
Hallo,

gebe ich auch noch meine Senf dazu:

1. Wenn Du ein Bild in PS erstellst (z.B. eine grafische Überschrift), die später als transparentes Gif abgespeichert werden soll, dann lege bitte als Ursprungsdatei eine mit transparenten Hintergrund an. Dann kannst Du im "Für Web speichern" Dialog einfach Transparenz anhaken und Du solltest die weiß-grauen Kästchen sehen (Zeichen für Transparenz).

2. Wenn Du bereits ein Bild hast, dass nicht transparent ist, dann hilft es nur, bereits in PS selbst die entsprechenden Bereiche transparent zu machen. Benenne dazu, falls so vorhanden, die Ebene "Hintergrund" auf z.B. "Ebene 0" um, da Du sonst die Bereiche nicht transparent bekommst.

Um dann Bereiche transparent zu bekommen, gibt es mehrere Wege. Einer ist das beschriebene "Löschen" der Bereiche, ein anderer ist es, einfach die später noch gebrauchten Bereiche auf eine eigene Ebene zu bringen und vor dem Export die nicht gebrauchte Hintergrundebene in der Ebenen-Palette auszublenden.

3. Weg
Du nimmst Dein Bild wie es ist und gehst auf "Für Web speichern". Da läßt Du für Dein Gif die Farbpalette erstellen (geht ja automatisch) und dann wählst Du einfach in dieser Palette die Farbe / Farben aus, die transparent sein sollen. Dann klickst Du direkt unter der Farbpalette auf das Symbol "Transparent". Damit werden diese Farben nun transparent exportiert.

Besser ist jedoch Weg 2.

Möchtest Du schöne weiche Kanten in Deinem Gif haben, kannst Du im "Für Web speichern"-Dialop unter der Pipette links die Hintergrundfarbe auswählen oder anlegen, auf der die Grafik später stehen soll und dann rechts am Feld "Hintergrund" einfach "Pipettenfarbe" auswählen. Dan versucht PS einen weichen Rand herzustellen.

Gruß,

Helge