Rundungen und Rahmen

[Zombiehunter]

Moin,

ich habe schon länger ein Problem damit Rundungen und einen vernünftigen und nicht pixeligen Rahmen hinzubekommen.

Ich bin dabei ein Design für ilch meinen Bedürfnissen anzupassen und die Grafiken umzubauen.

---> Boxen Bereich mit den 5 Boxen oben
Bei den Boxen oben sind die Ecken immer verpixelt und nicht vernünftig. Man siehts ganz deutlich unten links in jeder Box.

Hier mal meine PSD dazu: http://www.file-upload.net/download-...v5_11.psd.html


---> Bei den Boxen für die Menüs links und rechts sieht man ja einen grauen Rahmen. Ich will die Boxen/ Menüs durch eigene Grafiken ersetzen mit einem eigenen Rahmen. Nur sind bei mir dort die Runden Ecken immer pixelig.

Könnte mir da jemand sagen wie ich perfekte Rundungen und Ecken hinbekommen kann damit die Boxen/ Menüs und oben die Boxen vernünftig aussehen? Ich will nähmlich das alles mit vernünftigen Rahmen versehen ist.

Ich habs schon mit dem abgerundeten Auswahlrechteck versucht, aber ohne sichtlichen Erfolg.


Gruß

[Ellersiek]

Sinnvoll wäre hier der Weg über eine Form mit dem Abgerundetes-Rechteck-Werkzeug.

Dort kannst Du die Füllung, die Konturfarbe, die Konturstärke und den Radius für die abgerundeten Ecken festlegen.

Dein Bild ist allerdings nur 181 Pixel hoch, da wirst Du, außer bei Radius=0, immer pixelige gerundete Ecken haben.

Gruß
Ralf

[Zombiehunter]

WIe haben die das denn hier hinbekommen http://www.brainless-demolition-group.de/index.php ?

Die haben es ja auch irgendwie geschafft.

Könntest mir nen Tu geben oder genau sagen wie ich das richtig gut hinbekommen kann? Ich bin da schon 1 Woche bei und bekomme es nicht hin.

[Ellersiek]

Das "Tut" habe ich Dir oben schon aufgeschrieben.

Mit einem Radius von 0, 4, 8 oder 12 Pixeln sieht es bei einer Gesamthöhe von 181 Pixeln (mehr hat deine Datei ja nicht) eben so aus:


Gruß
Ralf

[Andre_S]

Zitat von Zombiehunter

Hier mal meine PSD dazu: http://www.file-upload.net/download-...v5_11.psd.html

Ich lade mir doch keine fremde exe-Datei herunter!
Wenn du was zeigst dann bitte in jpg oder png. Oder direkt psd ohne vorher ne fremde exe-Datei öffnen zu müssen.

Enge Radien mit starken Kontrasten sind immer etwas pixelig, sie bestehen nun mal aus Pixeln. Bei brainless-demolition-group sind die Kannten über den Stiel "abgeflachte Kanten" etwas abgerundet und daher weniger pixelig.
Ansonsten muss man damit leben das Wasser wässrig und Pixel pixelig sind.

[Zombiehunter]

Das ist doch ne PSD. Schau mal was vor html steht :-)

[Andre_S]

oh Zombi... probiere es aus!

[Zombiehunter]

Wo klickst du denn drauf?

Du musst da doch nur auf den Button Download klicken und nicht den Link darunter oder so. Ich komme direkt zur Downloadseite von fileupload.net

Hier mal nen Bild was dir zeigt worauf man klicken sollte :-)




Und wenn du dem Link oben anklickst kommst du genau zu dieser Seite und sonst niergendwo hin!!!!

Greetz

[Andre_S]

Ich hab da 7 Alternativen:



Das es ausgerechnet der mit der Unterschrift "Kredite und mehr" ist, ahnt man ja nicht.

Hab das Psd nun angeschaut und sehen das Problem. du hast die Kontur über Stile angelegt. Da ist es so das Ps die Konturen um Ecken rundet und bei nur 1px ganze pixel unterschlägt. Geh mal auf 10px dann siehst du was ich meine. Also mach die Boxen über Formen. Dabei gibt es einen Trick den ich nicht verate da deine Version im Profil nicht angegeben ist!

[Zombiehunter]

Ok bei mir siehts ja net so aus im FF wie du oben siehst. Konnte ich net wissen. Sorry :-)

Habs mal im Profl geändert. Habe PS CS 4 Extended.


Gruß

[Andre_S]

Deine Linien sind unpräziese da sie nicht genau auf der Pixelkante landen.
Gehe mal auf: guideguide.me und lade die das freie Ps-Plugin runter.



Dann richtes du deine Formen pixelgenau an deinem erstelltem Hilfslinienraster aus.

LG André

[Zombiehunter]

TOP Ich wusste net das es sowas gibt.


Gruß