Einen Button mit Fireworks erstellen.

Schritt 1

Um solch einen Button zu machen braucht ihr als erstes einmal einen Kreis in der Größe von 130x130px und der Farbe #ACA8A8.
Als nächstes müsst ihr einen Schlagschatten hinzufügen.
Und zwar mit folgenden Einstellungen:

• Abstand: 2
  

• Opazität: 40
  

• Weichheit: 2
  

• Winkel: 305
  

• Farbe: #000000
  

• Aussparung nicht aktivieren.

Als nächstes muss "Innen geschliffen" mit folgenden Einstellungen hinzugefügt werden:

• Form der Flachkante: Flach
  

• Kontrast 100%
  

• Weichheit: 10
  

• Winkel: 135
  

• Schaltflächenvoreinstellung: Erhaben

Schritt 2

Nun erstellt einen Kreis der 114px hoch und 114px breit ist mit der Farbe #00A2D7.
Wählt die folgenden Einstellungen:

"Inneres glühen" hinzufügen

• Breite: 2
  

• Opazität: 100
  

• Weichheit: 9
  

• Hofabstand: 0
  

• Farbe: #707578

einen Schlagschatten hinzufügen

• Abstand: 2
  

• Opazität: 100
  

• Weichheit: 4
  

• Winkel: 315
  

• Farbe: #000000

Schritt 3

Erstellt nun nochmal einen Kreis mit der gleichen größe wie vorher. (114x114px) Nun erstellt einen Farbverlauf, von oben nach unten - oben die Farbe weiß (#FFFFFF) und unten #00A2D7

Die Einstellungen für den ersten Schlagschatten:

• Abstand: 10
  

• Opazität: 73
  

• Weichheit: 6
  

• Winkel: 235
  

• Farbe: #000000

Die Einstellugen für den zweiten Schlagschatten:

• Abstand: 10
  

• Opazität: 49
  

• Weichheit: 6
  

• Winkel: 48
  

• Farbe: #000000

Schritt 4

Da Kreise erstellen sehr viel Spaß macht, erstellt gleich noch einen und zwar in der Größe 80x80px. Genau wie beim vorherigen Objekt erstellt auch hier einen Farbverlauf von oben nach unten - oben die Farbe weiß (#FFFFFF) und unten #00A2D7.
Nun stellt den Rand des Objektes auf "Feder: 24".

Schritt 5

Der letzte Kreis in diesem Tutorial erstellt ihr in der Größe 80x80 mit folgenden Einstellungen:

• Feder: 14
  

• Transparenz: 53%
  

• Textur festlegen

  • Textur: Linie-Diag1
    

  • Texturmenge: 100%
    

  • Transparenttextur aktivieren

Schritt 6

Nun noch alle Objekte übereinander legen und zwar in der Reihenfolge wie sie erstellt worden sind. Das Ergebnis sollte dann so aussehen.

Viel Spass!

• Aktuell 4/5 Sternen.
• 1
• 2
• 3
• 4
• 5

Dieses Tutorial wurde geschrieben von jens - Homepage

Um einen Kommentar zu schreiben musst du eingeloggt sein.

Noch nicht registriert?

[Fireworks] Sterne erstellen (0)
[Fireworks] Schrifteffekt (1)
[Photoshop] Userbar (0)
[Fireworks] Slicen (0)
[Fireworks] Strahlen Effekt (1)