ecken abrunden

[josche]

Hallo zusammen,
ich möchte in PS bei einem Bild die Ecken in einem exakten Radius abrunden. Die abgeschnittenen Enden sollen dann transparent sein. Kann mir jemand sagen mit welchem Werkzeuch ich einen exakten Radius hinbekomme. Transparent abspeichern ist doch dann im Fromat .gif oder??
Danke

 

[jimmyglitschi]

AW: ecken abrunden

Photoshop-Tutorial: Abgerundete Ecken | esse est percipi

So bekommst du exakte runde Ecken hin!

 

[josche]

AW: ecken abrunden

super danke.
abspeicherformat war .gif oder???

 

[hyperactive]

AW: ecken abrunden

für transparente Darstellung geht eigentlich nur .gif oder .psd. Da die meisten Darstellungsprogramme keine .psd darstellen können (zB Webbrowser, falls das ins Internet soll), solltest Du in .gif speichern. Korrekt.

 

[josche]

AW: ecken abrunden

Super.... danke für die schnelle Beantwortung!!!

 

[Frank S. Fischer]

AW: ecken abrunden

denk dran, dass die bildqualität stark abnimmt bei .Gif !
also kannst auch, wenn dein hintergrund weiss ist oder schwarz, evtl den schon im bild einbauen und dann kannsts als JPG abspeichern.
für transparenz gibts aber echt nur gif.

 

[enigma1973]

AW: ecken abrunden

zum transparenten speichern geht auch PNG

 

[Frank S. Fischer]

AW: ecken abrunden

@enigma1973 : ist .png verlustfreier als .gif?

danke für die info, interessant.

 

[skewster]

AW: ecken abrunden

PNG ist wesentlich verlustfreier als GIF! Außerdem stellt PNG, bei aktivierter "interlaced"-Funktion, das Bild schon nach ca. 10% des geladenen Bildes dar. Während bei GIF dasselbe erst zw. 50 und 70% des zu ladenen Bildes mit der Darstellung beginnt.

 

[loriot2101]

AW: ecken abrunden

dass mit png oder gif wusst ich auch noch nicht....super tipp

 

[Whinigo]

AW: ecken abrunden

Mit Bildern im PNG Format muss man aber aufpassen, da diese im IE 6 nicht richtig dargestellt werden - kurz die transparenten Flächen sind im IE 6 grau. Es gibt zwar einen CSS "Hack" oder ein umständliches JS für diesen Fall - aber zumindestens ersteres ist nicht W3C konform.

 

[loriot2101]

AW: ecken abrunden

habs ausprobiert und mich erschrocken, als die Abrundung dann bei IE6 grau hinterlegt waren!!! Gibt es da nicht noch einen anderen Trick?

 

[Whinigo]

AW: ecken abrunden

Leider ist es so - wie oben beschrieben. Hier ein Lösungsansatz, aber wie gesagt, dieser ist nicht W3C konform.



Mal eine andere Frage - was hast Du denn für einen Hintergrund? Also worauf liegt denn die Box mit den runden Ecken? Vielleicht brauchst Du gar kein gif oder png, sondern lässt einfach an den transparenten Stellen die eigentliche Hintergrundfarbe. Dann speicherst Du es ganz normal als gif (wenn wenig Farben) ohne Transparenz oder als JPG und fügst es normal als Bild in die Box. Dann kommt der Inhalt und am Ende wieder ein Bild mit den Ecken unten.

 

[sunny_76m]

AW: ecken abrunden

ein anderer Vorteil von png gegenüber von gif ist die Anzahl von darstellbaren Farben... das sollte man evtl. auch nicht außer acht lassen.