Fireworks: 3D-Button

21. Februar '10

Schwierigkeit: mittel

Vorbereitung

Zum Arbeiten verwende ich eine Arbeitsfläche der Größe 300×300 Pixeln mit 72 Pixel/Zoll Auflösung. Hintergrundfarbe ist weiß.
Alle nachfolgenden Elemente werden exakt mittig plaziert.

Schritt 1

Erstellen Sie eine Ellipse der Größe 250×250 Pixel mit der Farbe grau (z.B. #999999) und plazieren Sie sie mittig.
Fügen Sie einen Schlagschatten hinzu:
Abstand: 2, Deckkraft: 40%, Weichheit: 2, Winkel: 305°
Fügen Sie eine abgeflachte Kante innen hinzu:
Form: flach, Breite: 60, Kontrast: 100%, Weichheit: 10, Winkel: 135°, Schaltflächenvorgabe: Erhaben

Blenden Sie das Objekt aus.

Schritt 2

Erstellen Sie eine weitere Ellipse der Größe 220×220 Pixel mit der Farbe blau (z.B. #00A2D7) und plazieren Sie sie mittig.
Fügen Sie einen Schlagschatten hinzu:
Abstand: 2, Deckkraft: 100%, Weichheit: 4, Winkel: 315°
Fügen Sie ein inneres Glühen hinzu:
Breite: 2, Farbe: grau (z.B. #666666), Deckkraft: 100%, Weichheit: 9, Versatz: 0

Blenden Sie das Objekt aus.

Schritt 3

Erstellen Sie eine weitere Ellipse der Größe 220×220 Pixel plazieren Sie sie mittig. Als Farbe wählen Sie Verlauf und linear aus. Die obere Farbe ist weiß (#FFFFFF) und die untere hat das gleiche Blau wie vorher (#00A2D7).
Fügen Sie einen Schlagschatten hinzu:
Abstand: 10, Deckkraft: 49%, Weichheit: 6, Winkel: 48°
Fügen Sie einen weiteren Schlagschatten hinzu:
Abstand: 10, Deckkraft: 73%, Weichheit: 6, Winkel: 235°

Blenden Sie das Objekt aus.

Schritt 4

Erstellen Sie eine letzte Ellipse der Größe 220×220 Pixel plazieren Sie sie mittig. Als Farbe wählen Sie Verlauf und linear aus. Die obere Farbe ist weiß (#FFFFFF) und die untere hat das gleiche Blau wie vorher (#00A2D7). Wählen Sie als Textur Linie-Diag 1 mit einer Texturmenge von 50%. Transparenz ist nicht aktiviert.
Wählen Sie als Randfarbe ein dunkles grau (z.B. #333333) und als Pinselstärke 75 aus. Die Pinselstrichkategorie ist Federkiel. Die Kantenweichheit beträgt 100 und die Textur ist Pergament mit einer Texturmenge von 25%.
Setzen Sie die Deckkraft des Objekts auf 75%.

Schritt 5

Blenden Sie alle zuvor ausgeblendeten Objekte wieder ein. Die Ebenenreihenfolge ist so, wie die Objekte erstellt wurden. Das Ergebnis sollte so aussehen: