Farbverlauf in Fireworks

[corraggiouno]

Hallo,

ich weis das ich hier mit Problemen was Fireworks betrifft nicht ganz richtig bin, aber vielleicht kann mir ja doch dein ein oder andere weiterhelfen.

Wenn ich mit Fireworks CS4 ein abgerundetes Rechteck mit Farbverlauf erstelle, dann sieht das Ergebnis, genauer gesagt der Farbverlauf etwas merkwürdig aus.
Kann mir jemand sagen weshalb? - in der Anlage habe ich das Bild
Ich das fertige Ergebnis, welches als Button in CSS verarbeitet wurde.....
http://www.netcs.de
Durch den Farbverlauf bilden sich Streifen, was schon ein bißchen komisch aussieht. Kann mir jemand einen Tipp geben wie ich es besser machen kann?

[Ylloh]

Das hat vermutlich mit der Anzahl der Farben zu tun, die in dem GIF verwendet werden. Versuche beim Speichern diese Anzahl so groß wie möglich zu halten, wenn auch das die Verläufe nicht befriedigend aussehen, dann mal ans PNG speichern, oder wenn tranzparen egal ist als JPG.

[corraggiouno]

also das mit .gif funktioniert nicht. Bei jpg und .png bekomme ich auch kein schönes Ergebnis.
Mit Photoshop sind die abgerundeten Ecken einfach pixelig.
Hat niemand eine Idee wie man das schöner machen kann?

[Ylloh]

wie erstellst du denn die Form in Photoshop, wundere mich etwas, dass da die Kanten verpixeln...

Da ich FW aber nicht nutze, kann ich dazu auch keine weiterführenden Tipps geben :(

[corraggiouno]

ok gehe folgendermaßen vor.....
1. Erstelle eine neue Datei 500px x 500px, Hintergrundfarbe weiss.
2. Erstelle eine neue Ebene
3. Mit dem Rechteck Werzeug erstelle ich ein Rechteck (oben in der Menüleiste habe ich "Pixel füllen" selektiert)
4. Rechtsklick auf die Ebene "Fülloptionen"
5. Kontur, Farbe Weiss, Rand 8px
6. Strg + Klick auf das Rechteck (Ebene), Ebene durch Kopie
7. Hintergrund und Kontur, Effekte von der Ebene1 ausblenden
8. Ebene1 und Ebene2 markieren und mit Rechtsklick auf Ebene2 "Auf sichtbare Ebene reduzieren"
9. Mit dem Auswahlrechteck Werzeug das Rechteck markieren und anschließend mit einen Farbverlauf drüber legen
10. Dann wieder über Fülloptionen einen Rand 1px erstellen.
11. Anschließend freistellen abspeichern als .gif und in CSS einbauen.

Ergebnis:
http://www.netcs.de
der farbverlauf wird auf der webseite ignoriert?!!?
Irgendwie komisch, hat jemand eine Idee was ich falsch mache?

[blindguard]

warum nimmst du nicht gleich das :runde-rechteck:-werkzeug und machst dann über die ebenenstile (:ebenenstil:) zum beispiel eine füllung farbverlauf und eine kontur?
das ganze gleich in einer transparenten datei oder mit neuer ebene und fertig.

btw. :wpsc