schräge Kante und Transparenz

[wapplegraph]

Hallo

Um eine Sache elegant zu lösen, wollte ich bei meiner Webseite eine farbiges Rechteck mit einem Bild, das aus 2 Dreiecken besteht, überlagern, um einen Pfeil zu simulieren. Ein kurzes zusammengebasteltes Beispiel:



Das Problem ist jedoch nun der weisse Rand, zwischen den Dreiecken und dem Rechteck. Siehe hier bei Pfadi.
Der Rand entsteht wohl, da die schräge Kante hellere und dunklere Pixel enthält.
Kennt jemand eine Möglichkeit, um mit dieser Transparenz eine schöne Kante zu erstellen?

Merci wapplegraph

 

[freakyfrank]

AW: schräge Kante und Transparenz

braunes rechteck aufziehen

mit gedrückter shifttaste quadratische auswahl aufziehen

unter dem menu auswahl > auswahl transformieren

auswahl um 45° drehen, über braunes rechteck schieben, löschen


PS: einfach eine grafik machen ist doch besser???

EDIT, sorry link nicht angeklickt...

im dialog für web speichern (gif) kansst du übrigens die gewünschte hintergrund farbe auswählen.

bei mir ists englisch und heisst matte es ist unter dem feld dither%

 

[wapplegraph]

AW: schräge Kante und Transparenz

Mhm merci, dank deiner Hilfe, bin ich auf etwas anderes gestossen, was mein Problem fast perfekt gelöst hat:

Im Dialog für Web Speichern, unter Farbe (oberhalb von Dither) auf 2 Einstellen => keine Farbabstufungen am Rand => harte (verpixelte) Kante, ist jedoch vom blossen Auge kaum sichtbar!

wapplegraph

 

[Yusuki]

AW: schräge Kante und Transparenz

es gibt in html auch codes für mouseover ^^

einfach 2 bilder machen und dann 1: normal und 2: mit kante.

wie die kante funktioniert, wurde schon erklährt ^_^

Lg
yusuki

 

[wapplegraph]

AW: schräge Kante und Transparenz

Jaja so in der Art habe ich es gelöst, einfach besser!
Habe den Links eine HG-Farbe gegeben und bei Mous-over lege ich einfach das transparete Bild darüber => eine Codezeile für alle Links!

wapplegraph

 

[wapplegraph]

AW: schräge Kante und Transparenz

Das Abspeichern in png-Format hat die schräge Kante mit der Transparenz perfektioniert!!!!!!!!!!! (Keine verringerten Farben etc., nur von psd => png, et voila!)