tranzparetes bild erstellen

[RanDalt]

hallo leute,

ich habe mal eine frage die mich schon sehr lange beschäfftigt.
wie erstellt man ein sauberes tranzpaentes bild für das web.
ich meine damit z.b. ein logo wo man nicht die lästigen weissen ränder sieht und
die kanten sind schön glat und nicht so eine treppen wie ich sie immer hin bekomme. ich habe eich mal eine png datei angehangen sieht nett besonders aus, aber ich bekomme es einfach nett in die reihe schöne saubere tranzparente
bilder zu erstellen. deshalb bitte ich euch mal um einen rat und um tipppps wie man es machen kann.

danke für eure hilfe...

[gresch]

häufiges problem ist die transparenz von gif-bildern. beim gif wird ganz einfach eine farbe als transparent definiert. es gibt kein etwas durchsichtig, deshalb wird die "weiche" kante deiner ursprünglichen grafik hart. photoshop geht bei einem bild beim abspeichern als transparentes gif davon aus, dass der hintergrund weiss ist. wenn deine transparente grafik an der kante 10% schwarz ist, merkt sich das gif 10% schwarz auf der hintergrundfarbe also etwa hex #e5e5e5 als farbwert. befindet sich das bild auf dunkelem hintergrund kann man deutlich diese hellen treppchen sehen.

leg mal eine weisse ebene in den hintergrund, zauberstab, alle ebenen einbeziehen, antialiasing aus, toleranz 0. dann klickst du ins weiße, auswahl umkehren, löschen, auswahl aufheben strg d. da siehst du dann genau, was auch beim gif passiert.

bei für web speichern hat photoshop neben der einstellung für transparent einen farbwähler. der ist für die angenommene hintergrundfarbe. das verbessert alles. problematisch wird es nur vor besonderen hintergründen, die stark unterschiedliche farbflächen haben.

die 2. möglichkeit ist auf das png-format auszuweichen, das unterstützt echte transparenz (für jeden bildpunkt wird neben der information rgb auch eine information für die deckkraft mitgegeben).

ich habe mir dein bild nochmal angesehen und bin mir garnicht sicher ob meine tolle antwort hir auf die falsche frage trifft... aber bei deinem bild ist nie nix transparent?!

[onkel4u]

eine andere, aufwendihere(?) möglichkeit:


edit:
@gresch

der rote text ist teiltransparent.
ist sicher so gemacht worden wie in meinem beispiel.

dazu legst du ein 2*2 muster mit an einer gefärbten ecke fest.

dann in deinem bild eine leere ebene öffnen. mit dem muste als fläche füllen, strg+ klick auf die ebene zum selektieren.
dann zur ebene die bearbeitet werden soll, strx+x zum auschneiden der bildpunkte.
die zuvor angelegte ebene mit dem muster löschen und fertig

[RanDalt]

danke ihr beiden,

also ich habe eigendlich eine png datei erstellt in meinen beispiel und habe
transparent gewählt beim für web speichern. weiss nett wiso das jetzt net so schön transparent geworden ist. muss ich da bei den für web speichern noch was an den einstellungen ändern, wen ja was bitte ?
so beginne ich...

beim erstellen des bildes wähle ich farbmodus : RGB Farben und 16bit aus
dan beim für web speichern wähle ich :
- format: png 24
bei Voreinstellung wähle ich : PNG 24
und bei Interlanced mache ich einen hacken.
sind die einstellungen den so richtig, das ergebniss ist im anhang...

und hier sieht man beide bilder noch mal auf einen anderen hintergrund:
bitte hier klicken

[Adromir]

Am besten schaust du es dir ml im IE an . Da sieht es leider nicht mehr so schön transparent aus, weil der IE so seine Probleme mit PNGs hat

Wenn du eigentlich nicht auf die Transparenz angewiesen bist, würde ich eher ein JPG machen, mit der entsprechenden Hintergrundfarbe. Da erziehlt man gerade bei Schriften die besseren Ergebnisse als mit Gif..

[RanDalt]

das stimmt @Adromir,

ich habe mir die ganzen bilder immer im firefox angeschaut da sind sie ja sehr schön geworden. aber im ie mh :-(. kann mir nett mal jemand sagen wie man nun ein schön sauberes für alle browser gut dargestelltes fransparentes bild erstellt ... bitte ...

weill es geht mir auch darum das es auf 2 verschiedenen hintergründen dargestellt weden kann, dass bild. so eine art signatur für ein forum z.b.

[Carrie]

Schließe mich mal dem Thread an mit Bitte um Hilfe:

Ich möchte ein Bild (es ist mit einem Brush gemacht) von Photoshop nach Freehand exportieren. Das soll auch transparent sein, aber es funktioniert auf keiner Art und Weise - weder als png, als tif, noch als gif...
entweder es erscheint mit weißem Hintergrund, komplett schwarz oder ein leeres Kästchen mit einem Kreuz drin'.

Frage: kann man Brush-Sachen als transparentes Bild exportieren?
Hänge die datei mal als gif an...

[Adromir]

Also eine Möglichkeit, die ich mit Transparenten Bildern gemacht habe (Gif) Ich hab die Bilder mit einem detlichen Rand in einer Hintergrundfarbe, die das Bild so nicht hat, als Gif mit transparenz exportiert. Danach den Rand per Hand und Radiergummie weggelöscht. Danach nur noch Speichern (nicht wieder exportieren)...

[alphanumericAuf Bewährung]

mhh naja in welchem Programm machst du es .. schaut bei mir ganz normal aus im Photoshop

[enneff]

Schließe mich mal dem Thread an mit Bitte um Hilfe:

Ich möchte ein Bild (es ist mit einem Brush gemacht) von Photoshop nach Freehand exportieren. Das soll auch transparent sein, aber es funktioniert auf keiner Art und Weise - weder als png, als tif, noch als gif...
entweder es erscheint mit weißem Hintergrund, komplett schwarz oder ein leeres Kästchen mit einem Kreuz drin'.

Hast Du Erfahrung mit Pfaden in PS? Die Transparenz für FH dürfte bei dem S/W-Pic keine Schwierigkeit sein. Also nur in Photoshop einen beschneidungspfad für die Schwarze Zeichnung anlegen.
Markiere den schwarzen Bereich. (Zauberstab und ahnliches auswählen)
Im markierten Zustand einen Arbeitspfad erstellen (in der Palette Pfad)
Doppelklicke auf den Arbeitspfad damit speicherst Du den Arbeitspfad in einen Pfad “Pfad 1„.
Jetzt den Befehl “Beschneidungspfad„ aufrufen. Pfad1 wählen. (Pfad 1 wird nach dem Befehl in der Palette Fett angezeigt, d.h. Du hast einen Bechneidungspfad für Deine Schwarze Zeichnung erstellt)
Das ganze als EPS abspeichern und in FH öffnen.

Gruß

enneff

[Murphy]

Den Beschneidungspfad brauchst Du eigentlich nicht, wird auch bei solch komplexen Sachen zu ungenau.
Wandle einfach das gif in Graustufen um und speichere es als .tif ab. Danach in Freehand importieren und auf "transparent" stellen. (siehe Screenshot)

Gruß,

[Lee]

Hi Murphy,

wenn es ein SW-Pict-Bild ist kannst Du das auch gleich als Bitmap in PS umwandeln und abspeichern. Das Pict-Bild hat ja keine Graustufen und FreeHand wandelt ein auf "transparent" gestelltes Bild sowieso in ein Bitmap um. Spart auch noch Speicherplatz. Aber aufpassen, ob 300 dpi für ein Bitmap ausreichen (besser wären, wenn möglich 600 dpi).

Gruss Lee