News und Tutorials zu Adobe Photoshop

[GastForen Programme Print/Bildbearbeitung Adobe Photoshop transparente Bilder fürs Internet erstellen?

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Print/Bildbearbeitung - Photos, Layout, Design
Themen
Beiträge
Moderatoren
Letzter Beitrag

transparente Bilder fürs Internet erstellen?

Anonym
Beiträge gesamt: 22827

25. Feb 2002, 19:34
Beitrag # 1 von 8
Bewertung:
(14032 mal gelesen)
URL zum Beitrag
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
X

transparente Bilder fürs Internet erstellen?

Anonym
Beiträge gesamt: 22827

26. Feb 2002, 00:17
Beitrag # 2 von 8
Beitrag ID: #1031
Bewertung:
(14030 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#1020]

transparente Bilder fürs Internet erstellen?

heizfrosch
Beiträge gesamt: 67

26. Feb 2002, 00:26
Beitrag # 3 von 8
Beitrag ID: #1032
Bewertung:
(14030 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#1020]

transparente Bilder fürs Internet erstellen?

Uwe Heruth
Beiträge gesamt: 24

6. Mär 2002, 14:20
Beitrag # 4 von 8
Beitrag ID: #1347
Bewertung:
(14030 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#1020]

transparente Bilder fürs Internet erstellen?

max
Beiträge gesamt:

19. Apr 2002, 13:11
Beitrag # 5 von 8
Beitrag ID: #2913
Bewertung:
(14030 mal gelesen)
URL zum Beitrag
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.


als Antwort auf: [#1020]

transparente Bilder fürs Internet erstellen?

MOS
Beiträge gesamt: 262

19. Apr 2002, 14:59
Beitrag # 6 von 8
Beitrag ID: #2915
Bewertung:
(14030 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#1020]

transparente Bilder fürs Internet erstellen?

Anonym
Beiträge gesamt: 22827

23. Jun 2002, 01:33
Beitrag # 7 von 8
Beitrag ID: #5806
Bewertung:
(14030 mal gelesen)
URL zum Beitrag
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 )


als Antwort auf: [#1020]

transparente Bilder fürs Internet erstellen?

hmaus
Beiträge gesamt: 692

25. Jun 2002, 09:29
Beitrag # 8 von 8
Beitrag ID: #5918
Bewertung:
(14030 mal gelesen)
URL zum Beitrag
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



als Antwort auf: [#1020]
X

Aktuell

PDF / Print
pitstopPro_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

https://www.impressed.de/schulung.php?c=sDetail&sid=327

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!