hallo zusammen,
nach ca 14 tagen intensivstsuche im web, nach tips und tricks, hoffe ich, das ihr mir weiterhelfen könntet. ich bin eher ein hobby - photoshoper als ein profi das nur mal zur info, und hoffe darum auf eure hilfe.
ich habe ein logo erstellt, tranparenter hintergrund mit buchstaben (mein nachname) dies sind in frb. 303030, transparter hintergrund, weil ich es auf verschiedene farben von hintergründen einsetzten möchte.
speichere es als transparentes gif fürs web ab, das problem dabei, sobald ich es in frontpage auf meinen grauen hintergrund einfüge, ist die kontur der einzelnen buchstaben richtig pixelig und unscharf und noch tw mit weißen rand. habe im web schon tips gefunden mit "unscharft maskieren", hat aber leider auch kaum was genutzt.
es würde mich freuen, wenn ihr mir einem anfänger vielleicht mal ein paar gute tips geben könntet. lg
ulrike

Ich bin ebenfalls net der große Ps-ler, aber ich speicher meine transparenten Sachen immer als png ab, solche Probleme wie du hatte ich da eigentlich noch nicht.

hallo,
habe dies gerade mal probiert, mit folgenden einstellwerten abgespeichert.
web> png8>selectiv>no dither.
sieht immer noch schlecht aus.
sieh mal selbst.
lg
ulrike
http://www.valentinis.net/html/test.htm

Das wird so nicht funktionieren, da die Kanten der Schrift ja geglättet werden sollen. D.h. das die Pixel am Rand der Schrift verschiedene Helligkeitswerte haben und das kann nicht auf alle Hintergründe angepasst werden. Damit dieser Effekt nicht auftritt musst du entweder eine feste Hintergrundfarbe einstellen oder einen Pixelfont verwenden, da bei diesem die Kanten ja nicht geglättet werden (sollen).

---

hallo,
danke!
entschuldige mein unwissen, was ist eine pixelfont? wo bekomme ich so etwas.
danke euch
lg
urlike

HI,
meine Erfahrung diesbezüglich:
ich speichere das Bild erst einmal im RGB Modus mit einem Hintergrund ab (in einer Farbe, die im Logo nicht enthalten ist, aber ähnlich der Farbe des Hintergrundes deiner Webseite) als jpg in maximaler Qualität (also unter "speichern unter"). Danach öffne ich das Bild und speichere es mit "für web speichern" dann als gif ,Transparenz mit Häkchen, Auswahl "selektiv", "no dither" ab. Überprüfe auch die Anzahl der Farben - lieber mehr als zuwenig, vergrößert aber bei mehr Farben die Dateigröße.
Um den Hintergrund wegzubekommen klickst du auf die Hintergrundfarbe in den Farbenkästchen mit dem Pipettenwerkzeug und darunter dann auf das Icon Transparenz (unter den Farbenkästchen).

Manchmal ist aber auch die Schrift bzw. Schriftgröße entscheidend für das Resultat.
Schau mal unter http://www.designerinaction.de/fonts/show.php3?art=pixelfonts, dort steht öfter dabei: "Beste Darstellung in xx Punkt Grösse".

gruß, weisseweste

hallo,
danke für den tip, wenn ich das das jpeg nochmals herhole und dann als gif transparent ohne hintergrund abspeichern möchte, gibt ers bei mit in der farbpalette keinen transparenten hintergrund, den ich auswählen kann, das kästechen -transparent- ist auch gesperrt.
lg
ulrike

was für ein Programm und welche Version benützt Du? vielleicht ist das woanders einzustellen.

hallo,
adobe photoshop 5.5
lg
ulrike

Also, du gehst bei einem Pixelfont wie folgt vor:

Neues Bild erstellen, dort bei Hintergrund transparent wählen, Text in der Pixelfont schreiben, web speichern unter, dort gif wählen und transparenten hintergrund - fertig.

Andere Fonts, die geglättet werden sollen:

Neues Bild erstellen, eine deiner Hintergrundfarben wählen, Text in der Font schreiben, web speichern unter, dort gif wählen und transparenten Hintergrund.
So und ab jetzt musst du mit dem Hintergrund und der Glättung experimentieren und versuchen einen Kompromiss zu finden. Das dauert je nachdem wieviele Farben du als Hintergrund hast, ein bisschen.
Kenne das Problem selbst von NWP damals als wir Schriften mit Schriftbeispiel zum Download stellten, aber mit dem Hintergrund zwischen Beige und Weiß abwechselten.

hallo,
das geht ja doch ganz einfach, ich habe es einfach mal mit schwar weiß gemacht, das ging am schnellsten, meine verschiedenen grautöne mit hintergrund teste ich noch durch, werde schon das richtige finden.
lg und vielen dank
ulrike

Also, ps 5.5 hab ich auch noch, aufm Mac, dürfte aber bei PC nicht anders sein.

Bei Erstellung deines Schriftzuges (Dein Name) im Textfenster darauf achten, dass bei "Glätten": stark, scharf oder glätten eingestellt ist. Das musst du evtl. austesten, was am besten kommt.
Und jetzt das Bild in Menüleiste: "Bild", "Modus"-> indizierte Farben wechseln (ist ja noch im RGB vom jpg).
Und jetzt in Menüleiste "Datei", "Exportieren" ->"gif89a exportieren" auswählen.
Da geht dann ein Fenster auf, mit Deinem Bild. Aktiviere die Pipette+ und klicke auf Deinen Hintergrund, der transparent werden soll. Du siehst, die Farbe geht weg .... gegebenfalls vergrößerst du und mußt noch mehr mit der Pipette anklicken, da der Hintergrund mehrere Farbennuancen enthält. Achtung, nicht zuviel wegklicken, sonst wirds wieder pixelig am Textrand. Danach "OK" klicken und speichern.

Die Funktion "für web speichern" geht wohl nur, wenn man das Bild mit Hintergrund speichert. Ich erinnere mich, dass ich es damals auch nicht mit der Transparenz mit "für web speichern hinbekommen habe.

gruß weisseweste

hallo,
das war ein super tip, vielen dank!
bis bald
ulrike