Photoshop CS4: Schriftglättung mit weißem Rand

[Wolke_07]

Hallo Leute.
Nun bin ich ja Photoshop User (komme von Gimp)
Ich bin grade an meiner ersten Website mit Photoshop CS4 und natürlich klappt nicht so wie es soll.

Ich erstelle gerade einein Button für eine Website.
Dieser ist einfach eine Schrift mit tranzparentem Hintergrund.
Schrift ist "Snell Roundhand" die es glaub nur auf den Mac gibt.

Nun habe ich den Text geschrieben, Glättungsmethode auf abrunden gestellt (aber auch schon andere versucht) und das ganze als gif (png auch schon versucht) gespeichert und auf die Website geladen.

Jetzt ist es so, daß um die Schrift herum ein weißer Rand ist.
Das sieht nicht sehr schön aus und ich Frage mich woher das kommt, denn *räusper* wenn ich das mit GIMP mache, ist kein weißer Rand zu sehen.

Schau Euch das mal an: Balkenstrecker Laiz der erste Button "Narrenzunft".

Hat jemand ne Idee oder nen Tip?
Zudem ist es irgendwas komisch eingestellt, dann ich muss die Schriftgröße auf 5 Pixel stellenm damit es nicht zu groß ist, unter Gimp sinds 20Pixel...Einstellungssache denke ich?

Danke mal Wolke

 

[klein_moni]

AW: Photoshop CS4: Schriftglättung mit weißem Rand

Wegen dem weißen Rand kann ich dir momentan auch nicht helfen, aber vielleicht mit der Schriftgröße.

Was hast du denn für eine Auflösung eingestellt? Umso größer die Auflösung umso größer die Schrift auch bei kleinem Wert.
Das kannst du unter Bild --> Bildgröße einstellen

 

[Wolke_07]

AW: Photoshop CS4: Schriftglättung mit weißem Rand

Hi, ja also ich hatte eine völlig blöde auflösung drin (365) keine Ahnung wo das herkommt...machs wieder auf 72.
Vielen Dank, schon wieder was gelernt.

Ich hatte gehofft, daß sich das mit dem Rand auch damit erledigt hat, ist leider nicht so zumal es auch mit einer normalen Schrift
wie Arial so ist.

Hm... ist schon ärgerlich...kann das an der Glättung liegen?
Habs aber auch schon ohne versucht...
Was ist denn da anders bei Gimp/Photoshop?

 

[Wolke_07]

AW: Photoshop CS4: Schriftglättung mit weißem Rand

Also ich habe das Problem gefunden.

Es liegt daran, daß ich den Button immer mit "Für Web und Geräte" Speichern gespeichert habe und dann natürlich irgendwie komprimiert.

Speichere ich den Button mit "Speichern unter" und als .gif habe ich keinen weißen Rand.
Dafür hat der Button 207Bytes was natürlich zu viel ist.

Also liegt es eindeutig an der Art wie ich es speichere.
Stellt sich mir nur die Frage warum?
Liegt es an den Einstellungen der Komprimierung?
(ich muss nochmal wiederholen, mit gimp gehts )

 

[stevenskl]

AW: Photoshop CS4: Schriftglättung mit weißem Rand

Bei png und gif kannst Du unter "für Web speichern" eine Hintergrundfarbe angeben. Hier nimmst Du in Deinem Fall dieses Braun. Dann ist der weisse Rand weg.

 

[Sanvito]

AW: Photoshop CS4: Schriftglättung mit weißem Rand

Vielleicht sieht es besser aus, wenn du den Schriftzug in einer neuen Datei ohne Hintergrund erstellst, um ihn dann einzufügen. Dann kannst du ihn eventuell skalieren etc. Versuch´s ganz einfach mal.
Den Schriftzug solltest du als .gif speichern.

 

[Wolke_07]

AW: Photoshop CS4: Schriftglättung mit weißem Rand

Also mit Hintergrund möchte ich es nicht speichern, es soll ja transparent auf dem vorhandenen Hintergrund sein.
Speichere ich es also .gif habe ich den Effekt mit dem weißen Rand.
Es muss irgendwas mit der Kompression zu tun haben...

 

[Zeitgeist2004]

AW: Photoshop CS4: Schriftglättung mit weißem Rand

Hallo Wolke_07,
nimm PNG zum speichern und nicht Gif dann sollte es gehen. Auf deiner Seite steht jetzt Narrenhunft statts Narrenzunft

 

[Wolke_07]

AW: Photoshop CS4: Schriftglättung mit weißem Rand

Ja, ich weiß (Narrenhunft) habe viel herumgespielt

Mit png-24 geht es!
Das habe ich gestern herausgefunden.
Ich frage mich nun warum das so ist?
Warum bekomme ich bei .gif einen weiße Rand, bei png 8 auch, aber bei png 24 nicht?
Liegt es an der Farbanzahl?

Ich würde es gerne verstehen...

 

[stevenskl]

AW: Photoshop CS4: Schriftglättung mit weißem Rand

Hast Du schon mal probiert, was ich geschrieben habe? Du musst eine Hintergrundfarbe anwählen und das ist bei Dir eben Braun und nicht weiss.