zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Grafik, Design, Typografie
Seite neu laden Runde Ecken nicht ausgefranselt?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.04.2008, 10:18
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard Runde Ecken nicht ausgefranselt?

Moin,

runde-Ecken-Container erstellen und einbinden ist kein Problem, allerdings sind die Rundungen bei mir durch die Pixelkanten nicht ganz glatt.
Es schaut immer ein bißchen ausgefranselt aus.

Ist es möglich die Graphiken so zu erstellen, das die Rundungen später auf der HP ganz glatt sind.

Wenn ja, gibts dazu ein Tutorial oder eine sonstige Erklärung?

Danke im voraus
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.04.2008, 10:35
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Das ist immer ein bissel knifflig.
Verwende keine Gifs, sondern jpg oder noch besser png.
Und da Auflösungen ab 150 dpi. Dann wird es gut.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 01.04.2008, 10:46
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi Thomas,

Zitat:
Zitat von paracelsus Beitrag anzeigen
Das ist immer ein bissel knifflig.
Verwende keine Gifs, sondern jpg oder noch besser png.
Und da Auflösungen ab 150 dpi. Dann wird es gut.
danke für den Tip.

Jpg hab ich instinktiv genommen. Png erwogen und probiert, ist aber nicht besser geworden.

Die dpi's höher zu setzen habe ich nicht dran gedacht. Gut zu wissen!

Gruß
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #4 (permalink)  
Alt 07.04.2008, 12:39
Benutzer
neuer user
 
Registriert seit: 04.04.2008
Beiträge: 83
accessoire befindet sich auf einem aufstrebenden Ast
Standard

Die DPI Anzahl zu erhöhen ist ehrlich gesagt völlig sinnlos, da DPI nur für den Druck verwendet werden . Wer mehr wissen möchte, bitte hier entlang: praegnanz.de: Der 72dpi-Mythos

Hats bei dir jetzt eigentlich funktioniert? Ich nehme mal nicht an, dass es an .gif, .png oder .jpg liegt. Bei .jpg hat man zwar immer Qualitätsverluste aber daran kanns nicht liegen. PNG ist verlustfrei und 256 Farben bei GIF müssten eigentlich ausreichen um eine Rundung zu erstellen. Wie erstellst du denn deine Rundungen? Elipsenauswahlwerkzeug? Wenn ja, schau mal ob du einen Haken bei "Glätten" gesetzt hast.

Geändert von accessoire (07.04.2008 um 12:49 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 07.04.2008, 13:58
Neuer Benutzer
neuer user
 
Registriert seit: 07.04.2008
Beiträge: 1
chesse befindet sich auf einem aufstrebenden Ast
Standard

Es gibt tatsächlich eine Erklärung dazu.

Von video2brain gibt es ein Videotraining, wo erklärt wird wie dieser "Effekt" vermieden wird.

Das ganze gibt es sogar als kostenlose Probe zum anschauen:

video2brain - Photoshop Compositing Atemberaubende Bildmontagen auf höchstem Niveau

Dort das Video: Den Pfad in eine Auswahl umwandeln
Mit Zitat antworten
  #6 (permalink)  
Alt 07.04.2008, 13:58
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Mahlzeit,

Zitat:
Zitat von accessoire Beitrag anzeigen
Hats bei dir jetzt eigentlich funktioniert? Ich nehme mal nicht an, dass es an .gif, .png oder .jpg liegt. Bei .jpg hat man zwar immer Qualitätsverluste aber daran kanns nicht liegen. PNG ist verlustfrei und 256 Farben bei GIF müssten eigentlich ausreichen um eine Rundung zu erstellen. Wie erstellst du denn deine Rundungen? Elipsenauswahlwerkzeug? Wenn ja, schau mal ob du einen Haken bei "Glätten" gesetzt hast.
danke für deinen Beitrag zu meinem Problem.

Es hat nicht funktioniert.

Erstellt habe ich die runden Ecken so:

Datei mit der body-HG-Farbe erstellt.
Auswahl-Auswahl verändern-abrunden.
Auswahl mit der Farbe des abgerundeten Containers gefüllt.

Dann zwei-bis-viermal gespeichert, je nachdem wieviel runde Ecken mein Container hat und die Dateien entsprechend zurechtgeschnitten.

Falls da irgenwas mit glätten war, hab ich es sicher aktiviert.

Je größer die Rundung und je größer Kontrast und Farbunterschied zwischen Box,- und HG-Farbe sind desto mehr fällt es auf.

Die Pixelkanten sind einfach da, ob man will oder nicht.

Vielen wird die etwas unsaubere Rundung durch die Pixelkante nicht auffallen,
mich springt sie leider direkt an.

Gruß
Klaus

ps Wenn du eine Lösung weißt, nur her damit.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #7 (permalink)  
Alt 07.04.2008, 14:08
Benutzer
neuer user
 
Registriert seit: 04.04.2008
Beiträge: 83
accessoire befindet sich auf einem aufstrebenden Ast
Standard

Könntest du deine Rundung mal posten?
Mit Zitat antworten
  #8 (permalink)  
Alt 07.04.2008, 14:14
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

Zitat:
Zitat von accessoire Beitrag anzeigen
Könntest du deine Rundung mal posten?
sie sind hier zu betrachten.


@chesse danke, hab mich gerade registriert, warte nur noch auf die Aktivierungsmail dann schau ich mirs mal an.

Gruß
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #9 (permalink)  
Alt 07.04.2008, 14:23
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Zitat:
Zitat von accessoire Beitrag anzeigen
Die DPI Anzahl zu erhöhen ist ehrlich gesagt völlig sinnlos, da DPI nur für den Druck verwendet werden . Wer mehr wissen möchte, bitte hier entlang: praegnanz.de: Der 72dpi-Mythos
Ich liebe diesen Bericht, tatsächlich habe ich den auch in meinem Blog übernommen...

Insoferne nützt es kaum die Pixelanzahl zu erhöhen, aber:
Sehr viele speichern ihre Webgrafiken noch mit 72 dpi ab, was Mumpiz ist, da die Monitore teilweise auf über 100Dpi kommen. Resultat: Treppcheneffekt.

Was genau nun Klaus Schwierigkeit ist, wird man erst sehen, wenn man die Ecke mal sieht...
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 07.04.2008, 14:24
Benutzer
neuer user
 
Registriert seit: 04.04.2008
Beiträge: 83
accessoire befindet sich auf einem aufstrebenden Ast
Standard

Das ist einfach ein "schlechter" Algorithmus von Photoshop. Beim abrunden interpoliert er die Pixel leider nicht exakt genug. Habs gerade mit dem "Abrunden"-Werkzeug versucht. Aufgrund des hohen Radius kann es einfach nicht genau abgerundet werden.

Mach es am besten so: Elipsenauswahlwerkzeug: Shift gedrückt halten und ziehen für runden Kreis. Dann auf das Rechteckauswahlwerkzeug wechseln. Jetzt kannst du mit gedrückter Alt-Taste die nicht benötigten Rundungen entfernen von der Auswahl. Dann haste eine saubere Rundung.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IE - runde Ecken mit Transparenz ohne Grafiken? freshUser CSS 19 17.03.2011 20:55
Runde Ecken mit Hintergrund Phil2812 CSS 0 04.09.2010 17:14
Runde Ecken mit CSS oder Bildern? Cu Chullain CSS 3 16.04.2009 18:18
Runde Box (bzw. runde Ecken) l2107 CSS 3 08.02.2004 03:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:46 Uhr.