+ Antworten
Ergebnis 1 bis 8 von 8

Thema: häßliche Treppchen an den Kanten bei Transparenz

  1. #1
    TP-Junior Joachim_Huebner macht alles soweit korrekt
    Registriert seit
    Apr 2006
    Beiträge
    8

    häßliche Treppchen an den Kanten bei Transparenz

    Hallo zusammen !

    Gibt es denn echt keine Möglichkeit, eine schräge Grafik mit transparentem Hintergrund zu speichern, ohne daß die Kanten entweder als Treppchen ausfranzen oder sich eine Farbige Kante um die Grafik legt ?

    Gruß aus München

  2. #2
    TP-Veteran Alexander Groß hilft, wo's geht Alexander Groß hilft, wo's geht Alexander Groß hilft, wo's geht Alexander Groß hilft, wo's geht Avatar von Alexander Groß
    Registriert seit
    Nov 2001
    Ort
    Heilbronn
    Beiträge
    1.267
    Das macht immer Probleme wenn die Grafik auf verschiedenen Hintergründen passen soll. Besser ist es die Grafik direkt auf dem Hintergrund zu erstellen wo sie später landen soll.

    Für was genau brauchst du es denn?

    Alex

  3. #3
    TP-Specialist Stefan lebt für das TP und seine User Stefan lebt für das TP und seine User Stefan lebt für das TP und seine User Stefan lebt für das TP und seine User Stefan lebt für das TP und seine User Stefan lebt für das TP und seine User Stefan lebt für das TP und seine User Stefan lebt für das TP und seine User Stefan lebt für das TP und seine User Stefan lebt für das TP und seine User Avatar von Stefan
    Registriert seit
    May 2005
    Ort
    Bad Saulgau
    Beiträge
    3.817
    Der Grund dafür ist, dass deine transparente Grafik gar nicht wirklich transparent ist. Es wird lediglich eine einzige Farbe ausgesucht, die ausgeblendet werden soll. Fügst du jetzt einen diagonalen schwarzen Strich ein und definierst einen transparenten Hintergrund und speicherst dies ab und baust dieses GIF nun in deine Homepage mit weißen Hintergrund ein, wirst du sehen, dass ein Treppeneffekt entsteht. Photoshop und ähnliches löst dieses Problem über eine Art interpolation, d.h. es wird eine Übergangstransparenz berechnet. In unserem Falle würdest du neben dem schwarzen Pfeil zuerst dunkelgraue, dann hellgraue Pixel entdecken, bis letztendlich der weiße Hintergrund erscheint.

    Diesen Effekt kannst du nur erzielen, in dem du deine Grafik, die transparent werden soll vorher mit einem Grafikprogramm mit dem Hintergrund zusammenfügst. Wie oben beschrieben wird nämlich nur eine Farbe ausgeblendet, d.h. es können keine Stufen (hellgrau, dunkelgrau) errechnet werden; sie werden einfach übereinandergelegt und die harte Differenz ist zu sehen.

    Gruß Stefan

  4. #4
    TP-Senior hotschen bringt sich richtig ein hotschen bringt sich richtig ein
    Registriert seit
    Feb 2002
    Beiträge
    141
    Weiter Alternativen:
    -Speichere als PNG. PNG kann im Gegensatz zu Gif auch "Halbtransparenzen" (8-bit) darstellen. Brauchst du die Grafik allerdings fürs Web, muss dir klar sein, dass der IE die Transparenz von PNG's nur über Umwege darstellen kann.

    -Wenn du GIF willst/brauchst, gib im Dialogfeld "Für Web speichern..." bei "Basis" die ungefähre zukünftige Hintergrundfarbe an.
    Gruß hotschen

  5. #5
    TP-Special Mod TP-Sponsor Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Avatar von Thomas
    Registriert seit
    May 2001
    Ort
    Arnsberg - Sauerland
    Beiträge
    21.326
    ich bin da pingelig und mache das immer sehr arbeitsaufwändig (dafür mit perfektem Resultat ):

    meine freigestellte Grafik wird über eine Ebene mit exakter Website-Hintergrundfarbe gelegt.

    dann wähle ich über -> Auswahl -> Farbbereich auswählen mit ca. 30% Toleranz genau diese Farbe an

    diese Auswahl in der Farbebene dann löschen und den verbleibenden Rest als gif exportieren.

    Ergebnis ist ein Bild, welches als "Farbrand" genau die Farbe der Website hat und deswegen "unsichtbar" ist

  6. #6
    TP-Senior hotschen bringt sich richtig ein hotschen bringt sich richtig ein
    Registriert seit
    Feb 2002
    Beiträge
    141
    @Thomas: Die Arbeit kannst du dir sparen.
    Zitat Zitat von hotschen
    Wenn du GIF willst/brauchst, gib im Dialogfeld "Für Web speichern..." bei "Basis" die ungefähre zukünftige Hintergrundfarbe an.
    ...macht genau das.
    Gruß hotschen

  7. #7
    TP-Special Mod TP-Sponsor Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Thomas ist einer der Eckpfeiler des TP - ohne ihn geht nichts Avatar von Thomas
    Registriert seit
    May 2001
    Ort
    Arnsberg - Sauerland
    Beiträge
    21.326
    die ungefähre zukünftige Hintergrundfarbe
    hört sich aber erst mal nicht "genau" an - Versuch macht kluch ... werd's mal testen

  8. #8
    TP-Senior hotschen bringt sich richtig ein hotschen bringt sich richtig ein
    Registriert seit
    Feb 2002
    Beiträge
    141
    Logischerweise kann man auch die exakte Hintergrundfarbe angeben .
    Gruß hotschen

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51