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:
(12978 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:
(12976 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:
(12976 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:
(12976 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:
(12976 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:
(12976 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:
(12976 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:
(12976 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

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
22.10.2020 - 23.10.2020

Digicomp Academy AG, Basel und Bern
Donnerstag, 22. Okt. 2020, 08.30 Uhr - Freitag, 23. Okt. 2020, 17.00 Uhr

Kurs

In diesem Advanced-Kurs erlernen Sie weitergehende Methoden im Dokumentenaufbau, der Typografie und im Bereich Layouttechniken. Nach diesem Kurs können Sie strukturierte Dokumente erstellen oder bestehende effizienter anpassen.

Preis: 1'400.-
Dauer: 2 Tage

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/desktop-publishing/adobe-indesign-cc/kurs-indesign-cc-advanced

Veranstaltungen
22.10.2020

Digicomp Academy AG, Bubenbergplatz 11, 3011 Bern
Donnerstag, 22. Okt. 2020, 18.00 - 20.00 Uhr

Infoabend

1. Lehrgang: Web Publisher Im berufsbegleitenden Web Publisher Lehrgang vertiefen Sie Ihr Wissen rund um das Thema Screendesign und die Umsetzung von Websites. Wir befähigen Sie dazu selbständig und professionell Ihren Webauftritt zu planen und in die Realität umzusetzen. - nächste Durchführung: 06.11.2020 - 11.12.2020 https://www.digicomp.ch/zertifizierung/software-anwendungs-zertifikate/publishing-zertifizierung/lehrgang-web-publisher 2. Lehrgang: Publisher Basic Steigen Sie in die Welt des Publishings ein und erlangen Sie die Zertifizierung von publishingNETWORK. Lernen Sie in diesem Lehrgang Druckmedien professionell zu erarbeiten, druckfertige PDFs zu erstellen und CI/CD-Vorgaben umzusetzen. - nächste Durchführung: 12.03.2021 - 16.07.2021 https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/publishing-lehrgaenge/lehrgang-publisher-basic 3. Lehrgang: Publisher Professional Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte. - nächste Durchführung: 05.02.2021 - 05.11.2021 https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/publishing-lehrgaenge/lehrgang-publisher-professional-profil-multimedia

Preis: kostenlos
Dauer: 18 - 20 Uhr / ab 20 Uhr Apéro

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/events/infoabende/infoabend-fuer-software-anwender-innen/infoabend-publishing-lehrgaenge

Neuste Foreneinträge


PDF_RGB-AUSGABE

InDesign CC 2021: Neuerungen / New Features

Flächendeckung einer Datei

Bedingter Text

Letzter Aufruf für InDesign CC 2019 ?

Sehr hochwertiger Bildschirm (gleichwertig wie Mac Retina)

Sound für Imagefilm / Produkt-Kurzvideo

Bild öffnen - - .......weil ein Volumefehler aufgetreten ist nicht öffnen.

Probleme beim Einlaoggen auf Quark-Seite

QuarkXPress 2018 lässt sich nicht mehr aktivieren
medienjobs